Hiding the prices and cart feature with the Debut Theme

Highlighted
New Member
2 0 1

Hello,

I am trying to hide my prices and disable the cart feature on my website. I was wondering if anyone knows the specific code to do this with the Debut theme. I am fairly new to this, so something I could just copy and paste into the themes code and which line I should be pasting the code into would be greatly appreciated!

Thank you!

Highlighted
Shopify Staff (Retired)
Shopify Staff (Retired)
235 0 24

Hey Madelaine!

I'm Daryoush, your friendly neighbourhood Shopify Guru! :)

On the Debut theme, you can hide the product prices via the product-template.liquid file, which can be accessed in "Online Store" -> "Themes" -> "Actions" -> "Edit HTML/CSS". There should be one or more lines of code referencing "product-price", you can either delete the code entirely or type in {% comment %} and {% endcomment %} in between the code to disable it. The cart icon on the website can also likely be disabled in either the theme.scss.liquid or header.liquid files. Since Debut is a Shopify theme, please give us a call or start a live chat, one of our awesome Gurus can discuss your account's 60 minutes of free design time if it's still available. In the meantime, take a look at this Shopify Doc for additional information.

Please let me know if this helps and have a lovely day!

Cheers,
Daryoush

0 Likes
Highlighted
Shopify Expert
29 0 3

If you want to remove the price from product grid, product page and disable the add to cart functionality you can do the following.

Step 1: 

Open product-card-grid.liquid  file from snippet folder. Find out the following code.

{% include 'product-price' %}

and replace this with this

{% comment %}
  {% include 'product-price' %}
{% endcomment %}

 

Step 2:
Now open the product-card-list.liquid file from the same folder and do the following.

{% include 'product-price' %}

to this

{% comment %}
  {% include 'product-price' %}
{% endcomment %}

 

Step 3:
Open product-template.liquid . Find out product-single__price this class name. Put comment tag for the price paragraph and the form like the bellow.

 

 {% comment %}
          <p class="product-single__price product-single__price-{{ section.id }}{% unless current_variant.available %} product-price--sold-out{% endunless %}">
            {% if current_variant.compare_at_price > current_variant.price %}
                <span class="visually-hidden">{{ 'products.product.regular_price' | t }}</span>
                <s id="ComparePrice-{{ section.id }}">{{ current_variant.compare_at_price | money }}</s>
                <span class="product-price__price product-price__price-{{ section.id }} product-price__sale product-price__sale--single">
                  <span id="ProductPrice-{{ section.id }}"
                    itemprop="price" content="{{ current_variant.price | divided_by: 100.00 }}">
                    {{ current_variant.price | money }}
                  </span>
                  <span class="product-price__sale-label product-price__sale-label-{{ section.id }}">{{ 'products.product.on_sale' | t }}</span>
                </span>
            {% else %}
              <span class="visually-hidden">{{ 'products.product.regular_price' | t }}</span>
              <s id="ComparePrice-{{ section.id }}" class="hide">{{ current_variant.compare_at_price | money }}</s>
              <span class="product-price__price product-price__price-{{ section.id }}">
                <span id="ProductPrice-{{ section.id }}"
                  itemprop="price" content="{{ current_variant.price | divided_by: 100.00 }}">
                  {{ current_variant.price | money }}
                </span>
                <span class="product-price__sale-label product-price__sale-label-{{ section.id }} hide">{{ 'products.product.on_sale' | t }}</span>
              </span>
            {% endif %}
          </p>
          

          
          <form action="/cart/add" method="post" enctype="multipart/form-data" class="product-form product-form-{{ section.id }}{% unless section.settings.show_variant_labels %} product-form--hide-variant-labels{% endunless %}" data-section="{{ section.id }}">
            {% unless product.options.size == 1 and product.variants[0].title == 'Default Title' %}
              {% for option in product.options_with_values %}
                <div class="selector-wrapper js product-form__item">
                  <label {% if option.name == 'default' %}class="label--hidden" {% endif %}for="SingleOptionSelector-{{ forloop.index0 }}">
                    {{ option.name }}
                  </label>
                  <select class="single-option-selector single-option-selector-{{ section.id }} product-form__input" id="SingleOptionSelector-{{ forloop.index0 }}" data-index="option{{ forloop.index }}">
                    {% for value in option.values %}
                      <option value="{{ value | escape }}"{% if option.selected_value == value %} selected="selected"{% endif %}>{{ value }}</option>
                    {% endfor %}
                  </select>
                </div>
              {% endfor %}
            {% endunless %}

            <select name="id" id="ProductSelect-{{ section.id }}" data-section="{{ section.id }}" class="product-form__variants no-js">
              {% for variant in product.variants %}
                {% if variant.available %}
                  <option {% if variant == product.selected_or_first_available_variant %} selected="selected" {% endif %} value="{{ variant.id }}">
                    {{ variant.title }}
                  </option>
                {% else %}
                  <option disabled="disabled">{{ variant.title }} - {{ 'products.product.sold_out' | t }}</option>
                {% endif %}
              {% endfor %}
            </select>

            {% if section.settings.show_quantity_selector %}
              <div class="product-form__item product-form__item--quantity">
                <label for="Quantity">{{ 'products.product.quantity' | t }}</label>
                <input type="number" id="Quantity" name="quantity" value="1" min="1" class="product-form__input" pattern="[0-9]*">
              </div>
            {% endif %}

            <div class="product-form__item product-form__item--submit">
              <button type="submit" name="add" id="AddToCart-{{ section.id }}" {% unless current_variant.available %}disabled="disabled"{% endunless %} class="btn product-form__cart-submit{% if product.options.size == 1 and product.variants[0].title == 'Default Title' %} product-form__cart-submit--small{% endif %}">
                <span id="AddToCartText-{{ section.id }}">
                  {% unless current_variant.available %}
                    {{ 'products.product.sold_out' | t }}
                  {% else %}
                    {{ 'products.product.add_to_cart' | t }}
                  {% endunless %}
                </span>
              </button>
            </div>
          </form>
{% endcomment %}

See the screenshots:

http://prntscr.com/fuvjcw
http://prntscr.com/fuvjyk

Step 4:
Open the header.liquid. Find out the class name site-header__cart  and replace that anchor tag with the following code.

So that should be like this

Before

<a href="/cart" class="site-header__cart">
            {% include 'icon-cart' %}
            <span class="visually-hidden">{{ 'layout.cart.title' | t }}</span>
            <span class="icon__fallback-text">{{ 'layout.cart.title' | t }}</span>
            {% if cart.item_count > 0 %}
              <div id="CartCount" class="site-header__cart-count">
                <span>{{ cart.item_count }}</span>
                <span class="icon__fallback-text medium-up--hide">{{ 'layout.cart.items_count' | t: count: cart.item_count }}</span>
              </div>
            {% endif %}
</a>


After
 

{% comment %}
          <a href="/cart" class="site-header__cart">
            {% include 'icon-cart' %}
            <span class="visually-hidden">{{ 'layout.cart.title' | t }}</span>
            <span class="icon__fallback-text">{{ 'layout.cart.title' | t }}</span>
            {% if cart.item_count > 0 %}
              <div id="CartCount" class="site-header__cart-count">
                <span>{{ cart.item_count }}</span>
                <span class="icon__fallback-text medium-up--hide">{{ 'layout.cart.items_count' | t: count: cart.item_count }}</span>
              </div>
            {% endif %}
          </a>
{% endcomment %}


Note: Step 1 and 2 will disable the price from product grid. Step 3 will disable the price from the product page and step 4 will remove the cart icon from the header. 
Let me know if you wanted something like this. Thank you :)

 

For project contact hello@webyaam.com
0 Likes
Highlighted
New Member
2 0 1

Yes that worked perfect!

Thank you so much for your help :D

0 Likes
Highlighted
Shopify Expert
29 0 3

You are welcome.

For project contact hello@webyaam.com
0 Likes
Highlighted
New Member
1 0 0

Hi !

 

I would like to hide the price and change the 'add to cart' button to 'contact us' for 1 Collection

I am using Debut Theme.

Could you please help me?

0 Likes
Highlighted
Shopify Partner
2 0 0

Hi,

can you or anybody tell me how to alter my theme debut. I do not wish to have product prices showing. Also how to I label the front page? I also want a footer om each page,

Thanks

Noni

 

0 Likes