Ingredient-Switcher v3.4.2

The Ingredient Switcher section is a dynamic, interactive component that allows customers to compare different product options or variations side by side. It's particularly useful for showcasing nutritional information, features, or specifications of different products or variants.

Setup Instructions

  • Add the Section:

  • Include this section in your theme where you want the comparison to appear.

  • Configure Settings:

  • Use the theme editor to set up general settings like headline, background color, and spacing.

  • Add Content Blocks:

  • Image Block: Add images for each option.

  • Option Block: Create selectable options for the dropdown.

  • Comparison Block: Set up the comparison column headers.

  • Row Block: Add rows of comparison data.

  • CTA Block: Create call-to-action buttons for each option.

4. Customize Styles:

  • Adjust the included CSS to match your theme's design if needed.

  • Test and Refine:

  • Preview the section on both mobile and desktop to ensure it looks and functions as expected.

Last updated