Show summary on hover design issue

Hi guys.

Im not using “quick view”. Instead Ima using compare plugin. So, in some product widgets designs, the compare product is floating appart from the main action area.

Could you please help me to place the compare button on the right side form the add to cart botton where was placed the quick view button instead?

Thanks

Hi,

Try to create a file woodmart-child/woocommerce/content-product-base.php in your child theme with the following code

<?php 
global $product;

do_action( 'woocommerce_before_shop_loop_item' ); ?>

<div class="content-product-imagin"></div>
<div class="product-element-top">
	<a href="<?php echo esc_url( get_permalink() ); ?>" class="product-image-link">
		<?php
			/**
			 * woocommerce_before_shop_loop_item_title hook
			 *
			 * @hooked woocommerce_show_product_loop_sale_flash - 10
			 * @hooked woodmart_template_loop_product_thumbnail - 10
			 */
			do_action( 'woocommerce_before_shop_loop_item_title' );
		?>
	</a>
	<?php woodmart_hover_image(); ?>
	<div class="wrapp-swatches"><?php echo woodmart_swatches_list();?></div>
	<?php woodmart_quick_shop_wrapper(); ?>
</div>

<div class="product-information">
	<?php
		/**
		 * woocommerce_shop_loop_item_title hook
		 *
		 * @hooked woocommerce_template_loop_product_title - 10
		 */
		
		do_action( 'woocommerce_shop_loop_item_title' );
	?>
	<?php
		woodmart_product_categories();
		woodmart_product_brands_links();
	?>
	<div class="product-rating-price">
		<div class="wrapp-product-price">
			<?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>
	<div class="fade-in-block">
		<div class="hover-content">
			<div class="hover-content-inner">
				<?php 
					if ( woodmart_get_opt( 'base_hover_content' ) == 'excerpt' ) {
						echo do_shortcode( get_the_excerpt() );
					}else if ( woodmart_get_opt( 'base_hover_content' ) == 'additional_info' ){
						wc_display_product_attributes( $product );
					}
				?>
			</div>
		</div>
		<div class="woodmart-buttons">
			<div class="wrap-wishlist-button"><?php if( class_exists('YITH_WCWL_Shortcode')) woodmart_wishlist_btn(); ?></div>
			<div class="woodmart-add-btn"><?php do_action( 'woocommerce_after_shop_loop_item' ); ?></div>
			<div class="wrap-quickview-button"><?php woodmart_compare_btn(); ?></div>
		</div>
		<?php if ( woodmart_loop_prop( 'timer' ) ): ?>
			<?php woodmart_product_sale_countdown(); ?>
		<?php endif ?>
	</div>
</div>

Regards

That worked just fine.

Thanks

Great, you are welcome.

[Author]

Posts