Merge pull request #110 from findify/FI-8037-liquid-review-css-prefixes

updated classes
findify · Sep 10, 2024 · d8595fb · d8595fb
2 parents 3da7c1d + 962260d
commit d8595fb
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 8 deletions.
diff --git a/assets/findify-product-card.css b/assets/findify-product-card.css
@@ -1,5 +1,5 @@
-a:not(.button),
-a:visited:not(.button) {
+.findify-product-link:not(.button),
+.findify-product-link:visited:not(.button) {
   text-decoration: none;
   color: unset;
 }
@@ -44,28 +44,28 @@ a:visited:not(.button) {
   color: var(--findify-text-secondary-color);
 }
 
-.image-container {
+.findify-image-container {
   position: relative;
   padding-top: var(--findify-product-card-aspect-ratio);
   display: inline-block;
   width: 100%;
 }
-.image-container img {
+.findify-image-container img {
   position: absolute;
   top: 0;
   left: 0;
   height: 100%;
 }
 
-.image-container .second-image {
+.findify-image-container .findify-second-image {
   display: none;
   position: absolute;
   top: 0;
   left: 0;
   z-index: 1;
 }
 
-.image-container:hover .second-image {
+.findify-image-container:hover .findify-second-image {
   display: inline;
 }
 

diff --git a/sections/findify-product-card.liquid b/sections/findify-product-card.liquid
@@ -9,7 +9,7 @@
   {% endif %}>
   <a class="findify-product-link" href={{ product_url }}>
     <div  class='findify-product-card__image'>
-      <div class='image-container'>
+      <div class='findify-image-container'>
         {% if current_variant.featured_media != null %}
           {% render 'findify-product-image'
             , media: current_variant.featured_media
@@ -22,7 +22,7 @@
         {%- if product.media[1] != null and showHoverImage == 'true' -%}
           {% render 'findify-product-image'
             , media: product.media[1]
-            , class: 'second-image' %}
+            , class: 'findify-second-image' %}
         {%- endif -%}
 
       {% comment %} <img width="100%" height="100%" class="findify-product-swatch-image" hidden /> {% endcomment %}