Un utente ha chiesto informazioni su WooCommerce Product Image Flipper di Wordpress

Il plugin non funziona sul mio sito Web

Un utente ha chiesto 👇

Ciao a tutti,

Ho il plugin installato sul mio sito web. Ma non funziona.

Puoi aiutarmi ad accorciare il problema?

Ecco l’URL del mio sito web – http://homepeel.smartsoftz.org/

Grazie,
Ram

(@ 50l3r)

2 anni, 8 mesi fa

Contribuisco a questo SEC per lavorare con il mio tema:

ul.products li.pif-has-gallery .post_featured a:hover .wp-post-image {
	opacity: 0;
}

ul.products li.pif-has-gallery .post_featured a:hover .wp-post-image--secondary {
	opacity: 1;
}

ul.products li.pif-has-gallery .post_featured a [class*="wp-post-image"] {
	-webkit-transition: opacity .5s ease;
	-o-transition: opacity .5s ease;
	transition: opacity .5s ease;
}

(@homepeel)

2 anni, 8 mesi fa

Per favore dimmi come può funzionare sul mio tema.

La tua soluzione non funziona sul mio tema

(@ 50l3r)

2 anni, 8 mesi fa

La tua struttura html è diversa dal woocommerce standard.

Innanzitutto, devi avere due immagini all’interno del tag “a” come questo:

https://gyazo.com/6def5a6995a6d35fc24b82a31aa16029

¿U il plugin è attivato?

(@homepeel)

2 anni, 8 mesi fa

Sì, ho attivato il plugin. Non so come inserire queste 2 immagini all’interno del tag “a”.

Puoi aiutarmi a risolvere questo problema per favore?

Grazie

(@ 50l3r)

2 anni, 8 mesi fa

Il problema in base al tuo tema.

Ecco un esempio di un ciclo di prodotto

<?php
/**
 * The template for displaying product content within loops.
 *
 * Override this template by copying it to yourtheme/woocommerce/content-product.php
 *
 * @author 		WooThemes
 * @package 	WooCommerce/Templates
 * @version	 1.6.4
 */

if ( ! defined( 'ABSPATH' ) ) exit; // Exit if accessed directly

global $product, $woocommerce_loop;

// Store loop count we're currently on
if ( empty( $woocommerce_loop['loop'] ) )
	$woocommerce_loop['loop'] = 0;

// Store column count for displaying the grid
if ( empty( $woocommerce_loop['columns'] ) )
	$woocommerce_loop['columns'] = apply_filters( 'loop_shop_columns', 4 );

// Ensure visibility
if ( ! $product || ! $product->is_visible() )
	return;

// Increase loop count
$woocommerce_loop['loop']++;

// Extra post classes
$classes = array();
if ( 0 == ( $woocommerce_loop['loop'] - 1 ) % $woocommerce_loop['columns'] || 1 == $woocommerce_loop['columns'] )
	$classes[] = 'first';
if ( 0 == $woocommerce_loop['loop'] % $woocommerce_loop['columns'] )
	$classes[] = 'last';
?>
<li <?php post_class( $classes ); ?>>

	<?php do_action( 'woocommerce_before_shop_loop_item' ); ?>

	<a href="<?php the_permalink(); ?>" class="product-images">

		<?php
			/**
			 * woocommerce_before_shop_loop_item_title hook
			 *
			 * @hooked woocommerce_show_product_loop_sale_flash - 10
			 * @hooked woocommerce_template_loop_product_thumbnail - 10
			 */
			do_action( 'woocommerce_before_shop_loop_item_title' );
		?>

	</a>

	<div class="product-details">

		<div class="product-details-container">

			<h3 class="product-title"><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h3>

			<div class="clearfix">

				<?php
					/**
					 * woocommerce_after_shop_loop_item_title hook
					 *
					 * @hooked woocommerce_template_loop_price - 10
					 */
					do_action( 'woocommerce_after_shop_loop_item_title' );
				?>

			</div>

		</div>

	</div>
	
	<?php do_action( 'woocommerce_after_shop_loop_item' ); ?>

</li>

Hai specificato i ganci woocommerce per il tuo tema?

Questo plugin utilizza “woocommerce_before_shop_loop_item_title” per aggiungere una seconda immagine

(@homepeel)

2 anni, 8 mesi fa

Apprezzo il tuo tempo e i tuoi sforzi per risolvere il mio problema.

So che il problema è legato al mio tema. Quando passo a un altro tema, il plugin funziona perfettamente.

Di seguito è riportato il codice del prodotto contenuto. Potresti modificarlo per me?

<?php
/**
 * The template for displaying product content within loops
 *
 * This template can be overridden by copying it to yourtheme/woocommerce/content-product.php.
 *
 * HOWEVER, on occasion WooCommerce will need to update template files and you
 * (the theme developer) will need to copy the new files to your theme to
 * maintain compatibility. We try to do this as little as possible, but it does
 * happen. When this occurs the version of the template file will be bumped and
 * the readme will list any important changes.
 *
 * @see     https://docs.woocommerce.com/document/template-structure/
 * @author  WooThemes
 * @package WooCommerce/Templates
 * @version 3.0.0
 */

if ( ! defined( 'ABSPATH' ) ) {
	exit; // Exit if accessed directly
}

global $product;

// Ensure visibility
if ( empty( $product ) || ! $product->is_visible() ) {
	return;
}
?>
<div <?php post_class(); ?>>
<div class="imgfiled">
	<?php
	/**
	 * woocommerce_before_shop_loop_item hook.
	 *
	 * @hooked woocommerce_template_loop_product_link_open - 10
	 */
	do_action( 'woocommerce_before_shop_loop_item' );

	/**
	 * woocommerce_before_shop_loop_item_title hook.
	 *
	 * @hooked woocommerce_show_product_loop_sale_flash - 10
	 * @hooked woocommerce_template_loop_product_thumbnail - 10
	 */
	do_action( 'woocommerce_before_shop_loop_item_title' );
?>
</div>
<div class="protitle">
	 <a href="<?php the_permalink(); ?>" class="collection_title">
		<?php the_title(); ?>
	</a>
</div>
<div class="rupeesrow">
<?php
	/**
	 * woocommerce_after_shop_loop_item_title hook.
	 *
	 * @hooked woocommerce_template_loop_rating - 5
	 * @hooked woocommerce_template_loop_price - 10
	 */
	do_action( 'woocommerce_after_shop_loop_item_title' );
	?>
</div>

<div class="addbtnlink"> 
<?php
	/**
	 * woocommerce_after_shop_loop_item hook.
	 *
	 * @hooked woocommerce_template_loop_product_link_close - 5
	 * @hooked woocommerce_template_loop_add_to_cart - 10
	 */
	do_action( 'woocommerce_after_shop_loop_item' );
	?>
</div>
</div>

Was this helpful?

0 / 0

Lascia un commento 0

Your email address will not be published. Required fields are marked *