← back to Designer Wallcoverings

Hide native 'You may also like' so the CLIP 'More Wallcoverings Like This' is the only related PDP section (Steve 2026-07-28)

42a8a5cb7ea43bf69dc6915d19de949bcdbf89b1 · 2026-07-28 13:17:19 -0700 · steve@designerwallcoverings.com

Scoped CSS hide on .product-recommendations-wrapper--section (used only by static-product-recommendations.liquid); .dw-similar CLIP row untouched. Reversible via the one style line. Pushed live to theme 144396058675; verified on dwkk-118893.
Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>

Files touched

• A shopify/theme-LIVE-pull-20260728-colorbar/sections/static-product-recommendations.liquid

Diff

commit 42a8a5cb7ea43bf69dc6915d19de949bcdbf89b1
Author: steve@designerwallcoverings.com <steve@designerwallcoverings.com>
Date:   Tue Jul 28 13:17:19 2026 -0700

    Hide native 'You may also like' so the CLIP 'More Wallcoverings Like This' is the only related PDP section (Steve 2026-07-28)
    
    Scoped CSS hide on .product-recommendations-wrapper--section (used only by static-product-recommendations.liquid); .dw-similar CLIP row untouched. Reversible via the one style line. Pushed live to theme 144396058675; verified on dwkk-118893.
    Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
---
 .../sections/static-product-recommendations.liquid | 103 +++++++++++++++++++++
 1 file changed, 103 insertions(+)

diff --git a/shopify/theme-LIVE-pull-20260728-colorbar/sections/static-product-recommendations.liquid b/shopify/theme-LIVE-pull-20260728-colorbar/sections/static-product-recommendations.liquid
new file mode 100644
index 00000000..c2c769ce
--- /dev/null
+++ b/shopify/theme-LIVE-pull-20260728-colorbar/sections/static-product-recommendations.liquid
@@ -0,0 +1,103 @@
+{% if section.settings.show_product_recommendations %}
+  {%- comment -%} Steve 2026-07-28: hide the native "You may also like" strip so the CLIP
+     "More Wallcoverings Like This" row (.dw-similar) is the ONLY related section on the PDP.
+     Reversible — delete this one style line to bring it back. {%- endcomment -%}
+  <style>.product-recommendations-wrapper--section, .product-recommendations-wrapper--section + .section-title, .product-recommendations-wrapper--section .section-title{display:none !important;}</style>
+  {% assign product_limit = 4 %}
+  {% assign product_limit_masonry = 4 %}
+
+  <script
+    type="application/json"
+    data-section-type="static-product-recommendations"
+    data-section-id="{{ section.id }}"
+    data-section-data
+  >
+    {
+      "productId": {{ product.id | json }},
+      "positionRight": {{ section.settings.related_products_position_right | json }}
+    }
+  </script>
+
+  <section
+    class="product-recommendations-wrapper--section"
+    data-product-recommendations-section
+    data-product-hover="{{ settings.product_hover }}"
+  >
+  </section>
+
+  {% if recommendations.products_count > 0 %}
+    <template data-html="common">
+      {%- unless section.settings.product_recommendations_heading == blank -%}
+        <h2 class="section-title">{{ section.settings.product_recommendations_heading }}</h2>
+      {%- endunless  -%}
+
+      <div
+        class="product-recommendations rows-of-4"
+        data-masonry-products
+      >
+      </div>
+    </template>
+
+    <template data-html="below">
+      <div class="product-grid-masonry-sizer" data-masonry-products-sizer></div>
+
+      {% for product in recommendations.products limit: product_limit_masonry %}
+        {% assign product_attributes = blank %}
+
+        {% if forloop.index > product_limit %}
+          {% assign product_attributes = 'data-masonry-only' %}
+        {% endif %}
+
+        {%
+          render 'product-list-item',
+          product: product,
+          product_attributes: product_attributes,
+        %}
+      {% endfor %}
+    </template>
+
+    <template data-html="right">
+      {% for product in recommendations.products limit: product_limit %}
+        <a title="{{ product.title }}" href="{{ product.url }}">
+          {%
+            render 'rimg',
+            img: product.featured_media.preview_image,
+            alt: product.title,
+            size: '480x480',
+            lazy: true,
+          %}
+        </a>
+      {% endfor %}
+    </template>
+  {% endif %}
+{% endif %}
+
+{% schema %}
+{
+  "name": "Related products",
+  "class": "static-product-recommendations",
+  "settings": [
+    {
+      "type": "checkbox",
+      "id": "show_product_recommendations",
+      "label": "Show dynamic recommendations",
+      "info": "Dynamic recommendations change and improve with time. [Learn more](https://help.shopify.com/en/themes/development/recommended-products)",
+      "default": true
+    },
+    {
+      "type": "text",
+      "id": "product_recommendations_heading",
+      "label": "Heading",
+      "default": "You may also like"
+    },
+    {
+      "type": "checkbox",
+      "id": "related_products_position_right",
+      "label": "Display related products to the right of product info",
+      "default": false,
+      "info": "Only works with slideshow and list product image layouts"
+    }
+  ]
+}
+
+{% endschema %}
\ No newline at end of file

← 287156fc auto-save: 2026-07-28T13:00:43 (13 files) — DW-Programming/I  ·  back to Designer Wallcoverings  ·  kravet: materialize DWKK roll prices into snapshot for whole eb55c93d →