How can I add two products on one product page?

Topic summary

A Shopify store owner is attempting to add two products on a single product page: a main product and an accessory (matching thread - “Le fil français” for €2.60). They want customers to optionally select the accessory via checkbox, similar to functionality seen on another webshop.

Technical Implementation:

  • The user has shared HTML/JavaScript code showing a checkbox-based product selector with quantity controls
  • The code includes hidden inputs for product ID (8564601684311) and quantity management
  • JavaScript handles showing/hiding the quantity selector and enabling/disabling form inputs based on checkbox state

Current Issue:

  • Encountering a persistent “variant 404 not found” error when attempting to add products
  • The error occurs despite trying different code approaches
  • The root cause of the variant error remains unidentified

Status: The discussion is ongoing with one community member (EasifyApps-Zoe) requesting screenshots, detailed requirements, and the website link to provide targeted assistance. The issue remains unresolved.

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

hi,

It is is like that .

{{ 'collection.product.fil_assortis' | t }} - Le fil français (€2,60 )
{% render 'icon', icon: 'minus' %}

<button
type=“button”
class=“quantity-selector__button”
data-action=“increase-picker-quantity”
aria-label=“{{ ‘cart.items.increase_quantity’ | t }}”
title=“{{ ‘cart.items.increase_quantity’ | t }}”

{% render ‘icon’, icon: ‘plus’ %}

Fil assorti à vos tissus - Le fil français
{%- endif -%}

i try to do like this webshop https://klafoutis.com/products/micro-eponge-de-bambou-ecru but it doesn’t work for me .

I have always the variant error when i click on add a product .

i have try différent type of code