Notice: End-of-Life Announcement for all Shopify themes by Barrel > Read More

Close

Disable Quick View feature

This tutorial applies to versions 1.0.10 and older of the Mosaic theme.

 

1. Go to Edit HTML/CSS to edit the theme code. Shopify has a guide on how to do this here.

2. In the Snippets folder, open the file called collectionGrid-block.liquid.

3. Starting around line 41, look for this chunk of code:

 {% if product.object_type == 'product' %}
   <div class="collectionBlock-image-inner">
     <div data-handle="{{ product.handle }}" class="js-quickView quickView-button button{% if settings.image_hover_style == 'dark' %} light{% endif %}">{{ 'collections.grid.quick_view' | t }}</div>
   </div>
 {% endif %}

Simply delete the line of code in red above. Your code should now look like this:

 {% if product.object_type == 'product' %}
   <div class="collectionBlock-image-inner">
 
   </div>
 {% endif %}

 

That’s it!