← back to Designer Wallcoverings

Collection cards: image-only, no text (hover: subtle opacity/scale)

24cda327196de1f3b42ee18b9532e238366b297a · 2026-06-22 18:08:47 -0700 · Steve Abrams

Files touched

• M shopify/_cwGRID/assets/custom.css
• M shopify/_cwGRID/snippets/product-list-item.liquid

Diff

commit 24cda327196de1f3b42ee18b9532e238366b297a
Author: Steve Abrams <steve@designerwallcoverings.com>
Date:   Mon Jun 22 18:08:47 2026 -0700

    Collection cards: image-only, no text (hover: subtle opacity/scale)
---
 shopify/_cwGRID/assets/custom.css                 | 156 ++--------------------
 shopify/_cwGRID/snippets/product-list-item.liquid |  34 +----
 2 files changed, 10 insertions(+), 180 deletions(-)

diff --git a/shopify/_cwGRID/assets/custom.css b/shopify/_cwGRID/assets/custom.css
index 04911446..503aa585 100644
--- a/shopify/_cwGRID/assets/custom.css
+++ b/shopify/_cwGRID/assets/custom.css
@@ -25,7 +25,6 @@ body,html,h1,h2,h3,h4,h5,h6,p,a,span,div,li,td,th,label,input,select,textarea,bu
   height: 20px;
   display: block;
 }
-
 @media (max-width: 1079px) {
   .header-content-right--inline-search {
     display: flex;
@@ -34,7 +33,6 @@ body,html,h1,h2,h3,h4,h5,h6,p,a,span,div,li,td,th,label,input,select,textarea,bu
     width: auto;
   }
 }
-
 .product-list-item-thumbnail {
   height: 0;
   padding-bottom: 100%;
@@ -54,7 +52,6 @@ body,html,h1,h2,h3,h4,h5,h6,p,a,span,div,li,td,th,label,input,select,textarea,bu
   height: 100%;
   object-fit: cover;
 }
-
 .product-info .vertical-center {  
   position: absolute;
   top: 50%;
@@ -81,13 +78,11 @@ body,html,h1,h2,h3,h4,h5,h6,p,a,span,div,li,td,th,label,input,select,textarea,bu
   transform: translate(-50%) translateY(-50%);
   color: #000;
 }
-
 .product-price-discount {
   font-size: 0.9em;
   line-height: 1.2;
 }
 
-
 /* ==========================================================================
    Original custom css here
    ========================================================================== */
@@ -129,7 +124,6 @@ text-rendering: optimizeLegibility;
 display: table-cell;
 vertical-align: middle;
 }
-
 /* ===============================================
 // Reveal module
 // =============================================== */
@@ -172,20 +166,17 @@ vertical-align: middle;
   display: table-cell;
   vertical-align: middle;
 }
-
 @media (min-width: 480px) and (max-width: 979px) {
   .reveal .caption { 
     font-size: 11px; 
   }
 }
-
 div#content {
     width: 100%;
     max-width: 1050px;
     margin-left: auto;
     margin-right: auto;
 }
-
 /*==================== 020 css for prod Quantity ============================*/
 
 .mm_quantity {
@@ -199,21 +190,18 @@ div#content {
     background-color: transparent;
     border: 1px solid #efefef;
 }
-
 .mm_quantity.mm_buttons_added {
     text-align: left;
     position: relative;
     white-space: nowrap;
     vertical-align: top; 
 }
-
 .mm_quantity.mm_buttons_added input {
     display: inline-block;
     margin: 0;
     vertical-align: top;
     box-shadow: none;
 }
-
 .mm_quantity.mm_buttons_added .minus,
 .mm_quantity.mm_buttons_added .plus {
     padding: 7px 10px 8px;
@@ -223,21 +211,17 @@ div#content {
     cursor:pointer;
     color:#000000;
 }
-
 .mm_quantity.mm_buttons_added .minus {
     border-right: 0; 
 }
-
 .mm_quantity.mm_buttons_added .plus {
     border-left: 0;
     margin-left: 1px;
 }
-
 .mm_quantity.mm_buttons_added .minus:hover,
 .mm_quantity.mm_buttons_added .plus:hover {
     background: #eeeeee; 
 }
-
 .mm_quantity input::-webkit-outer-spin-button,
 .mm_quantity input::-webkit-inner-spin-button {
     -webkit-appearance: none;
@@ -245,7 +229,6 @@ div#content {
     appearance: none;
     margin: 0; 
 }
-
 .mm_quantity.mm_buttons_added .minus:focus,
 .mm_quantity.mm_buttons_added .plus:focus {
     outline: none; 
@@ -257,7 +240,6 @@ div#content {
     font-size: 14px;
     font-family: "Times New Roman", Times, serif;
 }
-
 /* Product option labels: vertically center with selects */
 .shopify-product-form .product-options label.product-option-column-1 {
   display: flex;
@@ -271,7 +253,6 @@ div#content {
 .shopify-product-form .product-options .product-option-column-1 + * {
   align-self: center;
 }
-
 /* Product options layout: center items + add row spacing (desktop grid) */
 body.template-product .shopify-product-form .product-options {
   align-items: center;
@@ -288,7 +269,6 @@ body.template-product .shopify-product-form .product-options .last_variant {
 body.template-product .shopify-product-form .product-options label.product-option-column-1 {
   min-height: 44px;
 }
-
 .mm_quantity { 
     margin-top: 10px !important;
 }  
@@ -333,7 +313,6 @@ body.template-product .shopify-product-form .product-options label.product-optio
   body.template-product .shopify-product-form .product-options .product-option-row-7 { grid-row: 7; }
   body.template-product .shopify-product-form .product-options .product-option-row-8 { grid-row: 8; }
 }
-
 #studioengine{
     display: inline-block;
     margin: 0;
@@ -345,7 +324,6 @@ body.template-product .shopify-product-form .product-options label.product-optio
     margin: 0 auto;
     max-width: 100%;
 }
-
 #studioeditor {
     display: inline-block;
     margin: 0;
@@ -360,7 +338,6 @@ body.template-product .shopify-product-form .product-options label.product-optio
 
 
 
-
 /*020*/
   
 
@@ -368,7 +345,6 @@ body.template-product .shopify-product-form .product-options label.product-optio
    display: block;
 }
 
-
 /*============*/
 
 /*hide variant ddl from dropdown*/
@@ -386,7 +362,6 @@ body.template-product .shopify-product-form .product-options label.product-optio
   position: relative;
   top: -1px;  
 }
-
 @media only screen and (max-width: 769px) {
   .last_variant{
     width: 100%;
@@ -395,7 +370,6 @@ body.template-product .shopify-product-form .product-options label.product-optio
   }  
 }
 
-
 /* SC start 009 */
 #custom-popup-overlay{
   position: fixed;
@@ -409,7 +383,6 @@ body.template-product .shopify-product-form .product-options label.product-optio
   background-color: rgba(0,0,0,0.5);
   z-index: 99999;
 }
-
 #custom-popup-overlay .custom-popup-main{ 
   margin: 80px auto;
   padding: 20px;
@@ -420,7 +393,6 @@ body.template-product .shopify-product-form .product-options label.product-optio
   transition: all 5s ease-in-out;
   z-index: 9999;
 }
-
 #custom-popup-overlay .custom-popup-main .custom-close {
   position: absolute;
   top: 10px;
@@ -432,32 +404,26 @@ body.template-product .shopify-product-form .product-options label.product-optio
   color: #333;
   cursor:pointer;
 }
-
 #custom-popup-overlay .custom-popup-main .custom-close:hover {
   color: #06D85F;
 }
-
 #custom-popup-overlay .custom-popup-main .content-main {
   max-height: 30%;
   overflow: auto;
 }
-
 #custom-popup-overlay .site-logo-in-popup{
   text-align:center;
   margin-top:25px;
 }
-
 #custom-popup-overlay .popup-content{
   padding-top:30px;
   text-align:center;
 }
-
 #custom-popup-overlay .site-logo-in-popup img{ width: 130px; }
 
 #custom-popup-overlay #contact_form{
   padding:0px 5px;
 }
-
 /* Popup contact form: match intended full-width field styling */
 #custom-popup-overlay .custom-popup-main{
   width: min(640px, calc(100% - 32px));
@@ -502,20 +468,17 @@ body.template-product .shopify-product-form .product-options label.product-optio
   padding: 12px 22px;
 }
 
-
 @media screen and (max-width: 1100px) {
   #custom-popup-overlay .custom-popup-main{
     width: min(640px, calc(100% - 32px));
   }
 }
-
 @media screen and (max-width: 1024px) {
   .product-add-to-cart .add-to-cart{
     width: 100% !important;
     max-width:inherit !important;
   }
 }
-
 @media screen and (max-width: 600px) {
   .custom-popup-main .popup-content h2{
     font-size:1.2rem;
@@ -535,7 +498,6 @@ body.template-product .shopify-product-form .product-options label.product-optio
 .block-buttonpdf {
   margin-top: 25px;
 }
-
 @media (min-width: 1024px) {
   .template-search .main-content {
     max-width: 1600px;
@@ -564,7 +526,6 @@ body.template-product .shopify-product-form .product-options label.product-optio
     width: calc(100% - 237px);
   }
 }
-
 .product-options #calculator .element,
 .product-options #calculator .price-marker {
   padding-left: 0;
@@ -595,21 +556,17 @@ body.template-product .shopify-product-form .product-options label.product-optio
   font-size: 1.28571rem !important;
   font-weight: 400 !important;
 }
-
 .product-options #calculator .price-marker span {
   font-family: Lora, serif;
   font-size: 1.28571rem !important;
   font-weight: 400 !important;
 }
-
 .product-options #calculator .element .formula-block {
   margin: 0;
 }
-
 .collection-header {
   text-align: center;
 }
-
 .dl-customize-btn, .dl-contact-btn, .dl-sample-btn, .dl-second-sample-btn, .button, .submit, input[type=submit], input[type=button], .pxs-newsletter-form-button, .pxs-image-with-text-button {
   font-family: Lora,serif;
   font-style: normal;
@@ -624,12 +581,10 @@ body.template-product .shopify-product-form .product-options label.product-optio
   text-transform: uppercase;
   font-size: .92857rem;
 }
-
 /* Hide Contact Us button on product pages */
 body.template-product .dl-contact-btn {
   display: none !important;
 }
-
 .home-slideshow-slide-heading {
     text-shadow: 0px 0px 2px #000, 2px 1px 1px #000, 3px 2px 1px #000, 4px 3px 1px #000, 5px 4px 1px #000;
     font-size: 3.5em;
@@ -639,7 +594,6 @@ body.template-product .dl-contact-btn {
     font-weight: 500;
     font-size: 2em;
 }
-
 @media (max-width: 769px) {
   .home-slideshow-slide-heading {
     color: #000!important;
@@ -655,18 +609,15 @@ body.template-product .dl-contact-btn {
     font-weight: 400;
   }
 }
-
 /* New header */
 .header-layout-compact-left .header-branding-desktop img {
 	max-width: 100px;
 }
-
 .header-main-content {
   display: flex;
   align-items: center;
   justify-content: space-between;
 }
-
 @media (min-width: 1080px) {
   .header-layout-compact-left .header-branding-desktop {
     width: 150px;
@@ -686,7 +637,6 @@ body.template-product .dl-contact-btn {
     right: 5px;
   }
 }
-
 @media (max-width: 1525px) {
   .header-layout-compact-left .header-branding-desktop {
   	width: 100px;
@@ -719,7 +669,6 @@ body.template-product .dl-contact-btn {
   	width: 110px;
   }
 }
-
 @media (max-width: 1260px) {
 	.navigation.navigation-desktop .navigation-menu>li>a, .navigation.navigation-desktop .navigation-menu summary {
     	padding: 17px 15px;
@@ -739,12 +688,10 @@ body.template-product .dl-contact-btn {
     margin-right: 35px;
   }
 }
-
 /* Product description mobile */
 .product-content__mobile {
 	display: none;
 }
-
 @media (max-width: 769px) {
   .product-content__mobile {
   	display: block;
@@ -778,7 +725,6 @@ body.template-product .dl-contact-btn {
   	margin: auto !important;
   }
 }
-
 /* End - New header */
 
 #bc-sf-filter-products .product-list-item-thumbnail {
@@ -789,7 +735,6 @@ body.template-product .dl-contact-btn {
   z-index: 1;
   background-size: cover;
 }
-
 .product-list-item-thumbnail {
   display: block;
   height: 0;
@@ -797,7 +742,6 @@ body.template-product .dl-contact-btn {
   position: relative;
   z-index: 1;
 }
-
 #bc-sf-filter-products .product-list-item-thumbnail img {
   bottom: 0;
   display: block;
@@ -807,7 +751,6 @@ body.template-product .dl-contact-btn {
   right: 0;
   top: 0;
 }
-
 .product-list-item-thumbnail img {
   bottom: 0;
   display: block;
@@ -817,7 +760,6 @@ body.template-product .dl-contact-btn {
   right: 0;
   top: 0;
 }
-
 .addon-item {
   padding: 30px;
   display: flex;
@@ -839,7 +781,6 @@ body.template-product .dl-contact-btn {
   display: flex;
   flex-direction: column;
 }
-
 .sticky-header a.visual-search-clickable {
   display: none;
 }
@@ -905,7 +846,6 @@ body.template-product .dl-contact-btn {
 .product-add-to-cart a {
   height: 45px;
 }
-
 .mini-cart-item .remove-item {
   position: absolute;
   top: 18px;
@@ -931,7 +871,6 @@ body.template-product .dl-contact-btn {
 .showonly {
   display: none;
 }
-
 /* ===============================================
 // Register Form Design
 // =============================================== */
@@ -944,13 +883,11 @@ body.template-product .dl-contact-btn {
   background: #ffffff;
   border-radius: 8px;
 }
-
 .register-header,
 .login-header {
   text-align: center;
   margin-bottom: 30px;
 }
-
 .welcome-title,
 .login-title {
   font-size: 24px;
@@ -959,28 +896,23 @@ body.template-product .dl-contact-btn {
   margin: 0 0 8px 0;
   line-height: 1.2;
 }
-
 .welcome-subtitle {
   font-size: 16px;
   color: #666;
   margin: 0;
   line-height: 1.4;
 }
-
 .name-fields-row {
   display: flex;
   gap: 15px;
   margin-bottom: 10px;
 }
-
 .name-field {
   flex: 1;
 }
-
 .input-wrapper {
   margin-bottom: 0;
 }
-
 .input-wrapper label {
   display: block;
   font-weight: bold;
@@ -988,7 +920,6 @@ body.template-product .dl-contact-btn {
   margin-bottom: 8px;
   font-size: 14px;
 }
-
 .input-wrapper input[type="text"],
 .input-wrapper input[type="email"],
 .input-wrapper input[type="password"],
@@ -1002,7 +933,6 @@ body.template-product .dl-contact-btn {
   color: #666;
   box-sizing: border-box;
 }
-
 .input-wrapper input[type="text"]:focus,
 .input-wrapper input[type="email"]:focus,
 .input-wrapper input[type="password"]:focus,
@@ -1012,7 +942,6 @@ body.template-product .dl-contact-btn {
   color: white;
 }
 
-
 .input-wrapper input[type="submit"] {
   width: 100%;
   padding: 15px;
@@ -1026,18 +955,15 @@ body.template-product .dl-contact-btn {
   cursor: pointer;
   transition: background-color 0.3s ease;
 }
-
 .input-wrapper input[type="submit"]:hover {
   background: #3367d6;
 }
-
 /* OR separator between register form and social login */
 .or-separator {
   position: relative;
   text-align: center;
   margin: 20px 0;
 }
-
 .or-separator::before {
   content: "";
   position: absolute;
@@ -1047,7 +973,6 @@ body.template-product .dl-contact-btn {
   height: 1px;
   background: #ddd;
 }
-
 .or-text {
   background: white;
   padding: 0 15px;
@@ -1056,7 +981,6 @@ body.template-product .dl-contact-btn {
   position: relative;
   z-index: 1;
 }
-
 /* Hide social login widget on register and login pages */
 /* .register-form-card .os_social_widget,
 .login-form-card .os_social_widget {
@@ -1093,14 +1017,12 @@ body.template-product .dl-contact-btn {
     display: none !important;
   }
 }
-
 /** More css custom cod  **/
 .product-price-minimum.original {
   text-decoration: line-through;
   opacity: .8;
   font-size: 1.1rem;
 }
-
 /* Base form control styles (missing from theme.css on some pages) */
 input[type="text"],
 input[type="email"],
@@ -1127,7 +1049,6 @@ select {
   -webkit-appearance: none;
   appearance: none;
 }
-
 .boost-sd__in-collection-search {
   display: none !important;
 }
@@ -1136,7 +1057,6 @@ select {
   display: none !important;
 }
 
-
 /* DW Collections Page — full-width override (loads after theme.css) */
 .template-page .page-content > .dw-ex-header,
 .template-page .page-content > .dw-ex-section,
@@ -1155,7 +1075,6 @@ select {
   padding-right: 24px !important;
 }
 
-
 /* ============================================
    DW Compact Product Form — Size/Price/Qty
    Added 2026-03-23 by ClawCoder session
@@ -1205,7 +1124,6 @@ label.product-option-row-4 {
 .mm_quantity {
   margin: 4px 0 !important;
 }
-
 /* Fix transparent PNG images showing black boxes in collection grids */
 .product-grid-image img,
 .product-image img,
@@ -1225,7 +1143,6 @@ label.product-option-row-4 {
   background-color: #fff !important;
 }
 
-
 /* Remove share buttons from product pages */
 .share-buttons,
 .product-share,
@@ -1237,7 +1154,6 @@ label.product-option-row-4 {
 .sharing {
   display: none !important;
 }
-
 /* input.add-to-cart,
 input[type="submit"].add-to-cart,
 .product-add-to-cart input[type="submit"],
@@ -1279,7 +1195,6 @@ input.add-to-cart:hover,
   background-color: #333 !important;
   color: white !important;
 }
-
 /* Match all product action buttons to the Add to Cart button */
 .product-add-to-cart .add-to-cart,
 .product-add-to-cart .shopify-payment-button__button,
@@ -1304,7 +1219,6 @@ input.add-to-cart:hover,
   text-decoration: none !important;
 }
 
-
 /* Force prices visible on product pages — overrides Boost transparent color */
 .product-price .money,
 .product-price-minimum.money,
@@ -1318,7 +1232,6 @@ input.add-to-cart:hover,
   opacity: 1 !important;
   visibility: visible !important;
 }
-
 /* === Product grid card descriptions === */
 .product-list-item-description {
   font-size: 12px;
@@ -1330,7 +1243,6 @@ input.add-to-cart:hover,
   -webkit-line-clamp: 2;
   -webkit-box-orient: vertical;
 }
-
 /* === Grid Density Slider Control === */
 .collection-grid-controls {
   display: flex;
@@ -1342,7 +1254,6 @@ input.add-to-cart:hover,
   border-radius: 4px;
   flex-wrap: wrap;
 }
-
 .collection-grid-controls label {
   font-size: 13px;
   font-weight: 500;
@@ -1351,7 +1262,6 @@ input.add-to-cart:hover,
   letter-spacing: 0.05em;
   white-space: nowrap;
 }
-
 .collection-grid-controls-slider {
   display: flex;
   align-items: center;
@@ -1359,7 +1269,6 @@ input.add-to-cart:hover,
   flex: 1;
   min-width: 200px;
 }
-
 .collection-grid-controls-slider input[type="range"] {
   flex: 1;
   min-width: 120px;
@@ -1370,7 +1279,6 @@ input.add-to-cart:hover,
   -webkit-appearance: none;
   appearance: none;
 }
-
 .collection-grid-controls-slider input[type="range"]::-webkit-slider-thumb {
   -webkit-appearance: none;
   appearance: none;
@@ -1381,7 +1289,6 @@ input.add-to-cart:hover,
   cursor: pointer;
   box-shadow: 0 1px 3px rgba(0,0,0,0.2);
 }
-
 .collection-grid-controls-slider input[type="range"]::-moz-range-thumb {
   width: 18px;
   height: 18px;
@@ -1391,7 +1298,6 @@ input.add-to-cart:hover,
   border: none;
   box-shadow: 0 1px 3px rgba(0,0,0,0.2);
 }
-
 .collection-grid-density-value {
   min-width: 45px;
   text-align: center;
@@ -1399,7 +1305,6 @@ input.add-to-cart:hover,
   color: #111;
   font-size: 14px;
 }
-
 /* Dynamic grid columns (3-12) */
 .collection-products {
   --grid-columns: 3;
@@ -1407,7 +1312,6 @@ input.add-to-cart:hover,
   grid-template-columns: repeat(var(--grid-columns), 1fr) !important;
   gap: 16px !important;
 }
-
 .collection-products.grid-cols-3 { --grid-columns: 3; }
 .collection-products.grid-cols-4 { --grid-columns: 4; }
 .collection-products.grid-cols-5 { --grid-columns: 5; }
@@ -1434,10 +1338,11 @@ input.add-to-cart:hover,
     --grid-columns: 2 !important;
   }
 }
+}
 
-/* === Collection Cards: Image-only with hover overlay === */
+/* === Collection Cards: Image only, no text === */
 .product-list-item {
-  position: relative;
+  cursor: pointer;
 }
 
 .product-list-item-details {
@@ -1445,57 +1350,14 @@ input.add-to-cart:hover,
 }
 
 .product-list-item-overlay {
-  position: absolute;
-  top: 0;
-  left: 0;
-  right: 0;
-  bottom: 0;
-  background: rgba(0, 0, 0, 0);
-  transition: background 0.3s ease;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  z-index: 10;
-}
-
-.product-list-item:hover .product-list-item-overlay {
-  background: rgba(0, 0, 0, 0.7);
-}
-
-.product-list-item-info {
-  opacity: 0;
-  transition: opacity 0.3s ease;
-  text-align: center;
-  color: white;
-  padding: 20px;
-}
-
-.product-list-item:hover .product-list-item-info {
-  opacity: 1;
-}
-
-.product-list-item-overlay .product-list-item-vendor {
-  font-size: 12px;
-  font-weight: 500;
-  text-transform: uppercase;
-  letter-spacing: 0.1em;
-  color: #ccc;
-  margin: 0 0 8px;
-}
-
-.product-list-item-overlay .product-list-item-title {
-  font-size: 18px;
-  font-weight: 600;
-  color: white;
-  margin: 0;
-  line-height: 1.4;
+  display: none !important;
 }
 
-.product-list-item-overlay .product-list-item-title a {
-  color: white;
-  text-decoration: none;
+.product-list-item-thumbnail {
+  transition: opacity 0.2s ease, transform 0.2s ease;
 }
 
-.product-list-item-overlay .product-list-item-title a:hover {
-  text-decoration: underline;
+.product-list-item:hover .product-list-item-thumbnail {
+  opacity: 0.9;
+  transform: scale(1.02);
 }
diff --git a/shopify/_cwGRID/snippets/product-list-item.liquid b/shopify/_cwGRID/snippets/product-list-item.liquid
index 5f483383..f38a25d3 100644
--- a/shopify/_cwGRID/snippets/product-list-item.liquid
+++ b/shopify/_cwGRID/snippets/product-list-item.liquid
@@ -115,39 +115,7 @@
     {% endif %}
   </figure>
 
-  <div class="product-list-item-overlay">
-    <div class="product-list-item-info">
-      <p class="product-list-item-vendor">{{ item.vendor }}</p>
-      <h2 class="product-list-item-title"><a href="{{ item.url | within: collection }}">{{ item.title }}</a></h2>
-    </div>
-  </div>
-
-  <div class="product-list-item-details">
-    {% if product_vendor %}
-      <p class="product-list-item-vendor">{{ item.vendor | link_to_vendor }}</p>
-    {% endif %}
-    <h2 class="product-list-item-title"><a href="{{ item.url | within: collection }}">{{ item.title }}</a></h2>
-    {%- if item.description != blank -%}
-      <p class="product-list-item-description">{{ item.description | strip_html | truncate: 120 }}</p>
-    {%- endif -%}
-    <p class="product-list-item-price">
-      {% if item.price_varies %}
-        {% if item.price_varies %}{{ 'products.product.from' | t }}{% endif %}
-        {% if item.compare_at_price_min > item.price_min %}
-          <span class="money">{{ item.price_min | money }}</span>
-          <span class="original money">{{ item.compare_at_price_min | money }}</span>
-        {% else %}
-          <span class="money">{{ item.price_min | money }}</span>
-        {% endif %}
-      {% else %}
-        {% if item.compare_at_price_min > item.price_min %}
-          <span class="money">{{ item.price_min | money }}</span>
-          <span class="original money">{{ item.compare_at_price_min | money }}</span>
-        {% else %}
-          <span class="money">{{ item.price_min | money }}</span>
-        {% endif %}
-      {% endif %}
-    </p>
+  <div class="product-list-item-details" style="display:none;"></div>
     {% assign variant_for_unit_price = item.variants | sort: 'price' | first %}
     {% if variant_for_unit_price.unit_price %}
       {% comment %}Inject unit-price begin{% endcomment %}

← d302582e auto-save: 2026-06-22T18:07:50 (2 files) — v51-collection.pn  ·  back to Designer Wallcoverings  ·  Fix grid slider: target Boost Commerce grid + hide hover ove 178a125e →