Add a price "from $X" on a product with no option

[Jojo15]

Hi!

I used a product option customizer app, and those options may increase the price. However, as the options are not on my shopify product but rather the app, the product does not show "from $XX" price on collection pages. Does anyone have an idea of how I could fix this? Thank you very much!

[gina-gregory · Accepted solution]

Since I don't know the app you're using or if it offers any remedy to that, all I can suggest is something outside of the app. You could add a tag to these types of products and then check for that when displaying prices.

{% if product.price_varies or product.tags contains 'variable-price' %}
  from
{% endif %}
{{ product.price | money }}

[Jojo15]

Thanks you so much Gina! Do you have any idea of where I should paste this code? I already tried at the end of my theme.scss and it did not work.

[gina-gregory]

I can't say for sure because I don't know how your theme code is set up, but maybe look in Snippets for something like 'product-grid-item.liquid' or 'product-card.liquid' or similar.

The theme.scss.liquid file is for styling your site, not displaying product prices.

[taylormcgee]

@gina-gregory I want to add on to my price with the varients I selected. 

For example: if you click on one of my product pages https://stickzus.com/products/custom-spotify-portrait-sticker

I want to be able to increase the price by $2 if they choose the color blue. 

Please help, thank you in advance

[gina-gregory]

@taylormcgee You just need to change the price of the blue variant to be $2 more than it is now. So if it's $7 now, update that variant to $9. No coding changes required.

[taylormcgee]

There is no price varient with my options. I guess that is my question. 

How do I add price variants to my products when they customize the product. 

Website: https://stickzus.com/products/custom-spotify-portrait-sticker

Theme: Brooklyn 

@gina-gregory coding is required because I coded the customization to the product. It like if I added gift wrapping as an option and they clicked yes box for gift wrapping how do I make it so the price increases 

[gina-gregory]

Every variant has a price associated with it. Maybe I'm not understanding what you're trying to do... If you want to add a new option that costs more, you can add an option in the admin for that product, and then adjust the prices of the different variant combinations accordingly.

[taylormcgee]

Understand that, let me explain better. 

I want to know how to add (add-ons) to my products. For example on this product page (that does include add ons but doesnt affect the price) I have choose a color but what if I wanted to add an add-on such as "gift wrapping--$2" then the price of the product should go up $2 from the original price. I understand that I can go into setting an manually do it, but I already have customized code. I need it to look cleaner, I will be implementing alot of ad-ons in my products. to come. 

@gina-gregory 

[gina-gregory]

So there's no way to increase the price of a product with an add-on, but you can create the add-on as a separate product, and if the user selects that they want it, you can use javascript to update the price. When they add to cart, use the Ajax API to add both the product and the add-on to the cart at the same time.

[taylormcgee]

@gina-gregory there has to be a way to code it or else there wouldn't be apps for it. I can make a button and make it a call to action and when they click the button the price increases? 

[gina-gregory]

You can look for an app then, but there's no other way to do this just on the front-end other than the methods I already mentioned. Shopify's own tutorial on the gift wrapping idea even has you add it as a separate product.

[Matthew0]

Good Afternoon

Gina 

I am having a problem on my website as some products are displaying the from text infront of some products, not on all sale products .You may view it at this link: Sale - Trenton. The Theme I am using is Pipeline.