How To Make Products View Only on Shopify

In this method you can remove the Add to Cart button or complete Product Form from view so that user can't be able to proceed to checkout. This is particularly useful for pre-launch collections or sold-out products, and it works similarly to customizing the cart design, as discussed in How to Change View Cart Color in Shopify.

They will only be able to view the details of the products. If you want to remove the Add to cart button from Product Page, Collection Page or Cart Page you can do that using Theme code. Here is the final result, check the GIF below to see how it will look before we go through the steps.

Step 1: Navigate to Online store  > Themes > Edit code.

Step 2: Open your product.liquid or main-product.liquid or product-form.liquid file depending on your theme.

Step 3: Find the code for the product form or Add to Cart button.

  
    {%- form 'product', product -%}
        <button type="submit">Add to Cart</button>
    {%- endform -%}
  

Step 4: Wrap it in a condition for example 

  
    {% if false %}
        {%- form 'product', product -%}
            <button type="submit">Add to Cart</button>
        {%- endform -%}
    {% endif %}
  

Step 5: Optional you display some custom message if you want for example use this

  
    <p class="view-only-note">This product is for viewing only. Contact us to order.</p>
  

Step 6: Click Save

Method 2: Add Product Tags to enable view only mode

Product tags are basically used to filter the products. In this method first you have to add the tags in the products like view only then you can add conditions using the Theme code to hide the Product Form or Add to Cart buttons based on the tags. You can use product tags to apply conditions  to enable view only mode. Follow these steps to enable view only mode using Product tags.

Step 1: Navigate to Shopify Admin  > Products

Step 2: Select the product you want to update.

Step 3: Scroll down to the Product tags section.

Step 4: Add the view-only tag and click Save button.

Step 5: Go to the product-form.liquid or main-product.liquid file depending on the theme.

Step 6: Wrap your product form in a condition like this.

  
    {% if product.tags contains 'view-only' %}
        <p class="view-only-note">This product is for display only.</p>
    {% else %}
        {% comment %} Show Add to Cart form {% endcomment %}
    {% endif %}
  

Step 7: Click Save button.

Method 3: Use Shopify Apps for View Only mode

If you are ok with coding then you can use the Shopify Apps from Shopify App store to handle that for you without any coding knowledge. You just have to follow the guide of each app and set it up using Shopify Customizer. Each app has its own functionality and way of handling the isuues. Follow these step by step.

Step 1: Navigate to Shopify Admin > Apps

Step 2: Click on All recommended apps button here.

Step 3: Navigate to the Shopify app store using this link.

Step 4: Search for the app you want to add eg.Easy Wholesale Lock for B2B app.

Step 5: Click on the install button.

Step 6: Click Install in the Shopify Admin

Step 7: Click on the new lock button.

Step 8: Add the name of the lock and select the value of how you can lock the content on your site based on different conditions. For example Logged in customers only

Step 9: Select the type of content you want to hide for example selected content or prices or Hide purchase form.

Step 10: Select the products where you want to hide the content.

Step 11: Enable the app embed.

Step 12: click Save

Some popular Apps are listed here for example you can use these

1. Easy Wholesale Lock for B2B
2. Wholesale Lock Manager: B2B
3. Sami B2B Lock,Password Protect
   

Also Read: Why Invest in SEO Services for E-commerce Sales Growth?

Conclusion

Turning products into view-only items is a smart move when you want to showcase something without enabling checkout. Whether it’s pre-orders, out-of-stock items, or coming soon collections, Shopify gives you several flexible ways to control the visibility of the Add to Cart button.

Want it done right the first time? Hand it off to trusted Shopify developers who know what they’re doing.