BeYours Theme - Upsell

Store Design
,

Topic summary

A lamp retailer wants to offer customers the option to add compatible lightbulbs (E14, E27) when purchasing lamps, either on the product page or in the cart. They have filters set up for their lightbulbs and lamps based on bulb type.

Proposed Solution:

  • A custom code approach was suggested involving editing the product template (product-template.liquid)
  • Implementation includes:
    • Adding a lightbulb selector dropdown that appears based on product tags (E14/E27)
    • JavaScript validation to ensure the correct bulb is added to cart
    • Optional CSS styling for the selector

Follow-up Questions:

  • The original poster asked if additional bulb types (G4, G9) would simply require adding them to the code
  • They also mentioned being recommended the Section Store App as an alternative, seeking app recommendations

Status: The discussion remains open with the custom code solution provided but not yet confirmed as implemented or tested.

Summarized with AI on November 4. AI used: claude-sonnet-4-5-20250929.
1

Hi

We are selling lamps, pendants, table lamps etc. We would like, to give our customers to option to add a lightbulb when either adding the product to the cart from the product page or in the cart itself.

Naturally, it should be the lightbulb that fits, E14 or E27. We have filters set up for lightbulbs and all lamps have in the description/filter E14 or E27.

Is there a way in the BeYours theme to do this - or do we need either to code or have a 3rd party app?

www.ebbandflow.com

2

Hi @ThomasKronevald ,

Steps to Customize the Product Page1. Edit Product Template: Go to Online Store > Themes > Actions > Edit Code, open sections > product-template.liquid, and find the area around the “Add to Cart” button.

  1. Add Lightbulb Selector:
{% if product.tags contains "E14" or product.tags contains "E27" %}
  
    
    
  

{% endif %}

Add JavaScript Validation:


​

  • Styling (Optional): Add CSS in your theme’s CSS file for .lightbulb-selector.

  • Test: Visit a product page with E14or E27 tags to confirm the dropdown appears.

Got it! If you found my suggestions helpful, please consider liking or marking it as a solution.
Your feedback is appreciated! If you have any more questions or need further assistance, just let me know.

Thanks & Regards
Akshay Bhatt

1 Like
3

Hi Akshay,

Thank you for this. If I have other types of lightbulbs, e.g. G4 and G9 would it just be adding to the code?

4

@akshay_bhatt

I was also recommended the Section Store App - but initial question got answered with links to pages which was not part of my questions. any recommendation for apps?