Need help to transform how our product packs are displayed

Store Design
, , , , ,
1

Hi,

Our store offers different product packs, including:

  • Printer + 3 white paper rolls
  • Printer + 3 white paper rolls + 3 color paper rolls
  • Printer + 3 white paper rolls + 3 color paper rolls + 3 transparent rolls

Currently, clients can select from our various packs as follows:

INKLY_0-1719663232263.png
INKLY_0-1719663232263.png1734×1248 241 KB

I would like the pack selector to be displayed like this:

INKLY_1-1719663245040.png
INKLY_1-1719663245040.png1734×1248 227 KB

This functionality was made possible by a quantity bundle option that allows customers to choose between 1, 2, or 3 units of the printer (for example).

I am looking for a way to maintain the current pack structure while presenting it in a format similar to the quantity bundle.

  • Can this be coded? If yes where ? And is CSS enough for this ?

Thank you,

Store URL: https://inkly.fr/products/imprimante-inkly

Unpublished website I am currently working on : https://inkly.fr/?_ab=0&_fd=0&_sc=1&preview_theme_id=162795487497