Hello @prodesignswpsupport<\/p>\n
I have tried everything with child theme and hooks to make thumbnails clickable
\n(content-product.php added hooks there). Unfortunately, nothing worked for me.<\/p>\n
Could you please explain where to add and what hook to add?<\/p>\n
Also for better mobile user experience, I have added next extra css:<\/p>\n
For hiding add to cart button, since customer wants to visit the product page and only then add to cart …
\n.add-to-cart-wrap {
\ndisplay: none;
\n}<\/p>\n
For hiding hover colour, since the product is not clickable and it confuses customers…
\nli.product .product-thumb-wrap::before{
\nbackground: transparent;
\n}<\/p>\n
Maybe you can just edit the part with working hook?<\/p>\n
Thanks alot!
\nAlex<\/p>\n
Here is the original code<\/p>\n
<?php
\n\/**
\n * The template for displaying product content within loops
\n *
\n * This template can be overridden by copying it to yourtheme\/woocommerce\/content-product.php.
\n *
\n * HOWEVER, on occasion WooCommerce will need to update template files and you
\n * (the theme developer) will need to copy the new files to your theme to
\n * maintain compatibility. We try to do this as little as possible, but it does
\n * happen. When this occurs the version of the template file will be bumped and
\n * the readme will list any important changes.
\n *
\n * @see https:\/\/docs.woocommerce.com\/document\/template-structure\/
\n * @author WooThemes
\n * @package WooCommerce\/Templates
\n *\/<\/p>\n
if ( ! defined( ‘ABSPATH’ ) ) {
\n\texit; \/\/ Exit if accessed directly
\n}<\/p>\n
global $product;<\/p>\n
\/\/ Ensure visibility
\nif ( empty( $product ) || ! $product->is_visible() ) {
\n\treturn;
\n}
\n?><\/p>\n
<li <?php post_class(); ?>>
\n\t<?php
\n\tif ( class_exists( ‘YITH_WCWL’ ) ){<\/p>\n
\t\t$product_wrap = ‘product-thumb-wrap yith-enabled’;<\/p>\n
\t}else{<\/p>\n
\t\t$product_wrap = ‘product-thumb-wrap’;<\/p>\n
\t}
\n\t?><\/p>\n
\t<div class=”<?php echo $product_wrap; ?>”>
\n\t\t<?php<\/p>\n
\t\t\/**
\n\t\t * woocommerce_before_shop_loop_item_title hook.
\n\t\t *
\n\t\t * @hooked woocommerce_show_product_loop_sale_flash – 10
\n\t\t * @hooked woocommerce_template_loop_product_thumbnail – 10
\n\t\t *\/
\n\t\tdo_action( ‘woocommerce_before_shop_loop_item_title’ ); ?><\/p>\n
\t\t<div class=”add-to-cart-wrap”>
\n\t\t\t<?php
\n\t\t\t\/**
\n\t\t\t * woocommerce_after_shop_loop_item hook.
\n\t\t\t *
\n\t\t\t * @hooked woocommerce_template_loop_product_link_closed – 5
\n\t\t\t * @hooked woocommerce_template_loop_add_to_cart – 10
\n\t\t\t *\/
\n\t\t\tdo_action( ‘woocommerce_after_shop_loop_item’ ); ?>
\n\t\t<\/div><\/p>\n
\t\t<?php <\/p>\n
\t\t$show_detail_icon = ecommerce_gem_get_option( ‘show_detail_icon’ );<\/p>\n
\t\tif( ( true === $show_detail_icon ) || ( class_exists( ‘YITH_WCWL’ ) ) ){ ?>
\n\t\t\t<div class=”view-detail-wishlist-wrap”>
\n\t\t\t\t<div class=”view-detail-wishlist-inner”>
\n\t\t\t\t\t<?php <\/p>\n
\t\t\t\t\t$wishlist_page_id = yith_wcwl_object_id( get_option( ‘yith_wcwl_wishlist_page_id’ ) ); <\/p>\n
\t\t\t\t\tif ( class_exists( ‘YITH_WCWL’ ) && ( absint( $wishlist_page_id ) > 0 ) ){ ?>
\n\t\t\t\t\t\t<div class=”add-to-wishlist-wrap”>
\n\t\t\t\t\t\t\t<?php echo do_shortcode( ‘[yith_wcwl_add_to_wishlist]’); ?>
\n\t\t\t\t\t\t<\/div>
\n\t\t\t\t\t\t<?php
\n\t\t\t\t\t} <\/p>\n
\t\t\t\t\tif( true === $show_detail_icon ){ ?><\/p>\n
\t\t\t\t\t\t<div class=”view-detail-wrap”>
\n\t\t\t\t\t\t\t<?php <\/p>\n
\t\t\t\t\t\t\t$link = apply_filters( ‘woocommerce_loop_product_link’, get_the_permalink(), $product );<\/p>\n