Can I display products on Shopify without the selling feature?

[tilawaticanada]

Hi there!

How can you use Shopify to build your website without selling products? I want to display products without actually selling them. Is that possible? Maybe remove the buy now button?

thanks

Hiba

[Shay]

Hi @tilawaticanada 

This is a great question! This can be done and the easiest way would be to create a new product template page that does not include a buy now/add to cart button on it. You would also want to ensure that you don't have any payment gateways enabled OR do not have any shipping rates available in the Shipping settings section of your admin.

If you are using a free Shopify theme then this may be something our in-house theme support can assist with. You can reach out to our live support channels for more help with that. 

If your theme supports it, you can also make these kind of template changes within the theme editor. We have the steps for this here: Templates · Shopify Help Center.

Essentially, you open the theme editor, choose the drop down menu from the top of the page, select "Products" then "+ create template." You can then rearrange, add and remove elements from the side bar. You can see this in my screenshot below:

Let me know if that answers your question!

[revivedaysparus]

Hi Shay, I have just followed this and thought it worked perfectly, but when I go into my store the prices are still showing! any help?? Thanks, Abby

[Shay]

Hi @revivedaysparus 

Thank you for reaching out about this. Can you please share some screenshots of what you are seeing?

Taking a guess here, but it sounds like you edited or created a new product page template and want to remove the price and/or the buy buttons on the page. 

If you created a new product page template then you would need to update the products you want to the new template page as well. If you edited the "default product" template, you don't need to update which template the product is using. 

If you go to the product details for a specific item in your store admin you will see the ability to change the product page template if there is more than one option created. 

Was that the solution? If not let me know and feel free to share some additional details about what you are trying to create in your store. 

[revivedaysparus]

Hi Shay,

I have managed to hide prices on the individual product items that i want but when the come into the collection or featured products they still show the prices??

[Shay]

Thank you for the screenshots @revivedaysparus 

When you adjust a page in your theme editor, you are editing the template for that page alone. Other pages, like your collections page or blog articles are going to need to be customized as well. 

Most Shopify themes are going to have prices baked into the different pages, but we can use a bit of custom CSS on those pages to hide the prices there too. 

For example, on the collections page we can use this CSS to hide product prices:

.price__container {
  display: none;
}

To apply it you will open your theme editor and choose the collection template you want to alter from the drop down list. If you wish to have some collections with prices and some collections without, I would use the option to create a new collection template from the drop menu for that. 

Next choose the "Product Grid" section on the page.

Scroll to the bottom of the left hand column to "Custom CSS"

Enter CSS code snippet and save. 

If you need prices hidden in other areas of your store, please share a screenshot with me here of the pages/sections and also confirm what theme file you are using. I am not a trained developer, but I might be able to assist with those other pages too. 

[revivedaysparus]

Hi Shay, that seemed to work for the collection, thanks so much.

But the prices still show on the Dermaviduals products in the Shop All or featured sections

[Shay]

Thank you for the screenshots! I was able to test on my own store using the Dawn theme and in each section I was able to apply the custom CSS I shared above and it appears to work in all those individual areas. You just need to find them in the theme editor, select the block and then expand the custom CSS section in the left hand column to apply the change.