Shopify Narrative Theme - Remove Sold Out Button

[FuxAqua]

Hi there,

I am looking to remove the sold-out button on my Shopify store, using the narrative theme. My business is wholesale only meaning I do not want customers buying directly from my store. Alternatively, if the 'sold out' text could be changed to 'contact your local retailer' that would also work.

Please let me know if this is possible!

Regards,

Louis

[diego_ezfy]

Hello @FuxAqua,

Please share:
- your store URL;
- page URL with the issue you mention;
- storefront password (if your store has one).

If the store is not online yet, please follow this quick tutorial to learn how to safely and temporarily share an offline/unpublished theme URL.

Kind regards,
Diego

[FuxAqua]

fluxaqua.com.au

https://fluxaqua.com.au/products/advanced-dual-gauge-co2-regulator

https://fluxaqua.com.au/

[g33kgirl]

@FuxAqua to change the text of Sold out button, you need to navigate to Themes -> Edit code -> Locales -> en.default.json. You will see this message:

Click on theme language editor and it should take you to the Language page. In the Filter field, type 'sold'. You should see something like this:

In the Products/Product, change the text from Sold out to Contact your local retailer

[g33kgirl]

@FuxAqua, to remove the Sold out button altogether, go to Themes -> Edit code -> Sections -> product-template.liquid. Find this piece of code (you can press CTRL+F) :

{% include 'product-form' %}

Add this conditional statement surrounding the above code like so:

 {% if current_variant.available %} 
     {% include 'product-form' %}
 {% endif %}

[FuxAqua]

Thank you very much. Would you also be able to help me remove the 'shipping calculated at checkout' on the product page?

[g33kgirl]

@FuxAqua no problem. To remove "Shipping calculated at checkout" on product page, navigate to Themes -> Edit code -> Assets -> theme.scss.css and add this code at the end of the file:

.product__policies {
    display: none;
}

[FuxAqua]

Hi,

While I have a theme.scss.liquid option available there is no theme.scss.css avaiable

[g33kgirl · Accepted solution]

@FuxAqua, both are same. You can add the code in theme.scss.liquid. Make sure to add it at the end of the file.

[FuxAqua]

Perfect thank you!