Hover effect not working in Brooklyn Theme

Tourist
3 0 10

Hi,

My store is built with Brooklyn theme and I have followed the instructions from this link . But the changes are not taking effect. I have checked the code several times and have spent many hours trying to debug the same. Any assistance is greatly appreciated, Thanks much

Store Name: circletribe.com

Please let me know if you need additional informtion.

 

2 Likes
Excursionist
28 0 4

Hello,

I have the same issue with the tutorial not working for Brooklyn.

I'd love to hear if anyone has any ideas!

Cheers,

Fatima

asanovski.myshopify.com
(pw yahvee)

0 Likes
New Member
9 0 0

Hi,

I am also using Brooklyn and found this tutorial to not work

0 Likes
New Member
6 0 0

anyone find a solution?

 

0 Likes
Tourist
7 0 1

This code from SD3 worked for my brooklyn theme, but now the images are so white almost invisible and I am trying to solve that.. But at least the hover is happening. 

 

{% if product.featured_image.src == blank %}	  
      <img class="grid-product__image" src="{{ product.featured_image.src | img_url: 'grande' }}" alt="{{ product.featured_image.alt | escape }}">
        {% else %}
 <div class="reveal">

          {% include 'image-style' with image: product.featured_image, small_style: true, width: width, height: height, wrapper_id: img_wrapper_id, img_id_class: img_id_class %}
          <div id="{{ img_wrapper_id }}" class="product--wrapper">
            <div style="padding-top:{{ 1 | divided_by: product.featured_image.aspect_ratio | times: 100 }}%;">
              <img class="product--image lazyload {{ img_id_class }}"                   src="{{ product.featured_image | img_url: 'grande' }}"                   data-src="{{ img_url }}"                   data-widths="[180, 370, 590, 740, 900, 1080, 1296, 1512, 1728, 2048]"                   data-aspectratio="{{ product.featured_image.aspect_ratio }}"                   data-sizes="auto"                   alt="{{ product.featured_image.alt | escape }}">

        
       <img class="hidden" src="{{ product.images.last | img_url: 'grande' }}" alt="{{ product.images.last.alt | escape }}" />


              </div>
            </div>           
          </div>
 
          <noscript>
 <img class="grid-product__image" src="{{ product.featured_image.src | img_url: 'grande' }}" alt="{{ product.featured_image.alt | escape }}">
 </noscript>
0 Likes