• 

  finleydesign

  Participant

  January 26, 2017 11:26 am

  When we have the product selection set to “Mask with information” the image stops being clickable, how can I allow the whole box to be clickable

  #153108 copied to clipboard

  Like
  

  Rose Tyler

  Support staff

  January 26, 2017 1:23 pm

  Hello,

  Unfortunately, there is no such option in the theme. You can add this code in Custom css:

  .products-grid .product-image-wrapper.hover-effect-mask .hover-mask {
      width: 50%;
      height: 50%;
      top: 25%;
      left: 25%;
  }

  Regards,
  Rose Tyler.

  #153113 copied to clipboard

  Like
  

  finleydesign

  Participant

  January 26, 2017 5:56 pm

  No in fact what you do is

  .products-grid .product-title > a {
  text-transform: uppercase;
  color: #fff !Important;
  height: 300px;
  margin-bottom: -165px;
  margin-top: -149px;
  }

  This way the height of the text block covers the whole block but remains centered, then the whole block is clickable 🙂

  #153168 copied to clipboard

  Like
  

  Rose Tyler

  Support staff

  January 27, 2017 8:26 am

  Hello,

  Also, you can edit the file wp-content/themes/woopress/woocommerce/content-product.php and add this code
  http://prntscr.com/e0x0ce <a class="hover-mask-link" href="<?php the_permalink(); ?>"></a>
  Make your changes in the child theme to prevent losing them after theme update.
  In this case, add this code in custom css:

  .hover-mask-link {
      width: 100%;
      height: 100%;
      display: block;
  }

  Regards,
  Rose Tyler.

  #153196 copied to clipboard

  Like
Viewing 4 results
1 through 4 (of 4 total)