Custom Styling the Components
To customize the styling of components for configurable products in your online store, you can follow these steps:
To get started, click on Products and then select Add New to create a new product listing or choose to edit an existing product.
Select the “Configurable Product” type in the Product Data panel. This is the product type that allows you to configure various options and styles for a single product.
Next, go to the “Configurable Settings.” Choose to customize the layout and location for the configurable products:
Select a Layout: Choose a layout from the three options:
- Vertical
- Toggle
- Steps
Form Location: Choose a location for the configurable product from the options below:
- After Product Description
- After Product Summary
Once you’ve configured these settings to your liking, be sure to save the changes and publish the product.