How to hide Route Shipping Protection from Product Recommendations

[mj2023]

I've followed Route's instructions to hide the product from collections and email flows however, it is still appearing in the Product Reommendations or You May Also Like sections on the website.

Can anyone provide guidance on how to remove this on the Pipeline theme?

[theycallmemakka]

Hi @mj2023 ,

To remove Route Shipping Protection from Product Recommendations you can follow bellow steps.

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find product-grid.liquid file

4) Add the following code at the start of the file.

{% if product.title contains "Route" %}
{% continue %}
{% endif %}

If you require further help to optimize your store, please don’t hesitate to reach out. If you find this information useful, a Like would be greatly appreciated. And if this solves the problem, please Mark it as Solution!

Best Regards,
Makka

[steve_michael2]

Hi @mj2023  , kindly provide your store URL please and if it is password protected, please share the password as well. Thanks

[mj2023]

Thanks for sharing. I attempted to update the code as suggested however, the product still appears.

[mj2023]

Sorry, I added it to the wrong file. The file which it was added to is called: product-grid-item.liquid

It removed the product however it now leaves an empty space: https://www.awesomescreenshot.com/image/51988095?key=9b30f0170364eb05758fb41ee6a2ab69

[theycallmemakka]

Hi @mj2023 ,

Can you provide link to the store? I can provide you with the CSS as per your theme.

[mj2023 · Accepted solution]

I fixed this in the Pipeline theme by replace the code in the product-recommendations.liquid file to this:

<!-- /snippets/products-recommendation.liquid -->
{%- if recommendations.performed -%}
{%- if recommendations.products_count > 0 -%}
<div
class="flickity-grid flickity-disabled-mobile"
data-carousel
data-grid
data-grid-large
data-grid-medium
data-grid-small
data-custom-scrollbar-items
data-related-products
style="
--grid-large-items: 1;
--grid-medium-items: 3;
--grid-small-items: 1.5;"
data-options='{"watchCSS": true}'>
<!-- /snippets/product-grid-item.liquid -->
{% for product in recommendations.products %}
{% unless product.tags contains 'shipping-insurance' %}
<div
class="product-grid-slide"
data-carousel-slide
data-item>
{% render 'product-grid-item', product: product %}
</div>
{% endunless %}
{% endfor %}
</div>
{%- endif -%}
{%- else -%}
<div class="related__placeholder"></div>
{%- endif -%}

[DaisyVo]

Hi @mj2023 

Would you mind sharing store link and store entry password privately wit use so we can investigate it further? 

Looking forward to hearing from you soon. Thank you!

Best,

Daisy - Avada Support Team. 

[DaisyVo]

Hi @mj2023 

Not sure if you received my message? Would you mind sharing the store link then we can provide you with a suitable solution? 

Looking forward to hearing from you soon. Thank you!

Best,

Daisy - Avada Support Team.