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

Solved
Jojo15
Tourist
7 0 0

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!

0 Likes
gina-gregory
Shopify Expert
644 37 140

This is an 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
Tourist
7 0 0

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.

0 Likes
gina-gregory
Shopify Expert
644 37 140

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
Explorer
56 2 9

@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

0 Likes
gina-gregory
Shopify Expert
644 37 140

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

0 Likes
taylormcgee
Explorer
56 2 9

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 

0 Likes
gina-gregory
Shopify Expert
644 37 140

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.

0 Likes
taylormcgee
Explorer
56 2 9

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 

0 Likes
gina-gregory
Shopify Expert
644 37 140

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.

0 Likes