Hide the Upcharge/Add-on products from my customers – W3trends, Inc.

Create A Duplicate Of Your Theme:

Before starting it is highly recommended that you create a backup of your theme. This could protect you from any mistakes you could possibly make. Please follow this Shopify guide for how to duplicate your theme.

Tutorial:

Step 1: Edit product.liquid

This will hide the product page from being displayed in your store if it has a tag of "hidden". This file can also be called product-form.liquid.

If your Product.liquid file looks somewhat similar to this:

Then simply follow the directions within the comment. In the scenario above, the product.liquid template can be found in the product-template.liquid file under the Sections subfolder.

On the very first line of the file add this snippet of code. If there is a breadcrumb include you may want to insert this snippet below the breadcrumb include.

{% if product.tags contains "hidden"%}
Product is unavailable.
{% else %}

And then, at the very bottom of the document, after all other code, place this:

{% endif %}

If the contents of your product.liquid file were under another file in the "Section" subfolder, you will have to place the

{% endif %}

just above the beginning of the "Schema" tag.

You will receive an error if you try to place the endif after the schema tag data.

Step 2: Edit collection.liquid

We will now edit your collection pages so they hide the upcharge options. Please locate something that resembles the liquid code below in your file:

{% for product in collection.products %}

Directly after that line, please include this snippet of code

{% if product.tags contains "hidden" %}
{% continue %}
{% endif %}

If the {% for product in collection.products %} tag is not located within your Collection.liquid file, it may be in the Product-loop.liquid file under snippets.

Step 3: Edit search.liquid

This will hide the options products from your search page.

Find this line in your file:

{% for item in search.results %}

Insert this snippet of code below it:

{% if item.tags contains "hidden" %}
{% continue %}
{% endif %}

Step 4: Tag Your Products

Now, simply add the tag of "hidden" to your products that you do not wish to display in the store, and they will no longer be available to your visitors.

Optional: Product Recommendations section

Not all themes have this section, if yours does find the product-recommendations.liquid file and search for the product loop. {% for product in recommendations.products %}