Can anyone help me? I’m trying to place a chargeable optional add-on on the product page for products in a certain collection.
i can’t do it in variants as i already have volume discount with an app. I’m just after a little check box with text and price before the add to cart.
I have found apps that do this but the “chargeable” part is not part of the free plan and I already have so many apps I don’t want to pay anymore for such a little thing.
Thanks in advance
hey @SunshineGraphic
Adds a checkbox before the Add to Cart button that increases the product price when selected.
Open product-form.liquid or main-product.liquid or wherever your product form lives.
Find the element for adding to cart.
Just above the “Add to cart” button, insert this code
Save the file.
If you want to show the extra price in the cart, edit the cart template:
Go to cart.liquid or main-cart-items.liquid.
Inside the line item loop, add this:
{% for p in item.properties %}
{% if p.first == 'Gift Wrap' and p.last == 'Yes' %}
Gift Wrap: +¥500
{% endif %}
{% endfor %}
Add a note in the product description like
Gift wrap fee of ¥500 will be added at checkout.
if this code work please do not forget to like and mark it solution
Thank you for your help. However this would apply to all my products - is that correct? I only need it on one collection.
Hi @SunshineGraphic upsells are not a little thing they are revenue generators you can either burn time trying to DIY or just pay for money making tools.
upsells are an advanced theme customization or facilitated with an app.
If you must DIY and this must add and item with a price see the giftwrapping tutorials available online and that exists in many many previous discussions.
If you need this customization done for you so you can get back to bigger business issues then contact me for services.
Contact info in forum signature.
ALWAYS please provide context, examples: store url, theme name, post url(s) , or any further detail in ALL correspondence.
If you need to add a chargeable optional add-on (checkbox + additional fee) directly on the product page, you can use Easify Product Options to set it up quickly without using variants or modifying any code.
I’ve created a similar demo to help you better visualize how it works:
For example, in my demo, you can create a checkbox option like: “Add Gift Packaging - Gift bag, Gift box and a Custom note” so customers can easily select this extra service right on the product page. This option appears clearly as an additional choice, very similar to the experience you’re looking for.
To charge for this option, you simply need to enter the price in the Price field within the option value. When customers tick the checkbox, the fee will be automatically added to the total and clearly displayed before they add the product to the cart.
The app is designed to be simple, intuitive, and user-friendly, so you can set up these options quickly without any complicated steps.
