Shopify Narrative Theme - Remove Sold Out Button

Solved
FuxAqua
New Member
5 0 0

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

0 Likes

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

◦ Problem Solved? ✔️ Please click on Accept as Solution and like.
◦ How to add a slider & thumbnails to product page images: Minimal theme | Debut theme | Brooklyn theme
◦ Replace apps with simple copy/paste code snippets. Examples clicking here.
0 Likes
g33kgirl
Shopify Partner
223 61 76

@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:

Screenshot 2021-05-06 at 5.28.17 am.png

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:

Screenshot 2021-05-06 at 5.29.23 am.png

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

If you found my answer helpful, please LIKE and ACCEPT.
buymeacoffee.com/g33kgirl ☕
If you're not comfortable with code, please modify code files at your own risk.
Do NOT give out your passwords unless absolutely necessary.
0 Likes
g33kgirl
Shopify Partner
223 61 76

@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 %}

 

If you found my answer helpful, please LIKE and ACCEPT.
buymeacoffee.com/g33kgirl ☕
If you're not comfortable with code, please modify code files at your own risk.
Do NOT give out your passwords unless absolutely necessary.
0 Likes
FuxAqua
New Member
5 0 0

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

0 Likes
g33kgirl
Shopify Partner
223 61 76

@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;
}

 

If you found my answer helpful, please LIKE and ACCEPT.
buymeacoffee.com/g33kgirl ☕
If you're not comfortable with code, please modify code files at your own risk.
Do NOT give out your passwords unless absolutely necessary.
FuxAqua
New Member
5 0 0

Hi,

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

0 Likes
g33kgirl
Shopify Partner
223 61 76

This is an 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.

If you found my answer helpful, please LIKE and ACCEPT.
buymeacoffee.com/g33kgirl ☕
If you're not comfortable with code, please modify code files at your own risk.
Do NOT give out your passwords unless absolutely necessary.
FuxAqua
New Member
5 0 0

Perfect thank you!

 

0 Likes