Customizing your Store design allows you to align the look and feel of your online shop with your brand's visual identity.
To update the layout and style of your shop, follow these steps within the Website Editor:
Locate the Store page and click the Store button.
Click the Settings tab and select Design.
Under this tab, you can set the design of your individual product displays:
Ready Theme: Choose the theme for your product's display.
Product Image Ratio & Size: Select the specific image ratio and size for your product photos.
Mouse Hover Effect: Select the animation style used when hovering over products that contain multiple images.
Advanced Toggles: Enable additional features like showing the Brand Name or the Add to Cart button.
Set the visual style for how your product collections are presented:
Ready Theme: Select the theme for your category display.
Category Image Ratio & Size: Define the shape and dimensions of your category images.
Advanced Options: Toggle the visibility of the Category Name or show the Number of Related Products.
Customize the layout and details of the individual item pages:
Album Style & Layout: Choose the preferred style and layout for your product detail pages.
Extra Options: Toggle options such as "Show price before sale" or "Show discount label".
This tab handles overarching store navigation elements:
Store Menu Style: Configure the layout of your store's menu, such as setting it as a drop-down menu.
Enhance user navigation by customizing how customers filter and sort your inventory:
Choose between full-screen or box-width toolbar options.
Select from two distinct styles available for each width option.
Toggle off the Sorting Tool if you prefer to hide the filter toolbar entirely.
