Two blocks side by side like 2 columns in a row

Topic summary

A Shopify developer is trying to position two elements—“marime” (variant picker) and “ghid marimi” (perks)—side by side on a product page instead of stacked vertically.

Initial Problem:

  • The variant picker and perks blocks are defined separately in product-page.liquid
  • They currently display one below the other

Proposed Solution:
Another user suggested adding the perks code directly inside the variant-picker file after the closing </legend> tag.

Implemented Workaround:
The original poster moved the perks data/parameters from product-page.liquid to the product-variant snippet, then:

  1. Removed the when 'perks' branch from the main file
  2. Inserted the perks code after the </legend> tag in product-variant.liquid
  3. Wrapped both elements in a container to align them horizontally

Remaining Concern:
While functional, the developer feels uncertain whether passing perks data one level up is best practice and seeks validation on the approach.

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

Hi,

I do not have any variant-option file

Thanks!