Layout
In this section, you can apply the layout settings for your store.
RTL
Note: Ensure language app maintains tag positions in "Theme content" translations. Verify tag order in translations to avoid layout issues in languages like Arabic or Hebrew.
Specify content direction as right-to-left for languages like Arabic and Hebrew which use such writing.
You can also modify the gallery on a product page by selecting Desktop gallery position under Products -> .
Page width
Options: Boxed or Wide.
Boxed width
Adjust the Boxed width scale to set the page width from 1000 to 1800 pixels when Boxed mode is active.
Here are examples highlighting the variation between maximum and minimum width settings:
Left and right page content margin
Optimize wording
Grid
Horizontal space
Add spacing between store sections for better navigation and organization.
Adjusting Grid Spacing
To alter the spacing between items like products or banners on a grid layout, use a pixel scale ranging from 10 to 40 pixels. This change applies to both desktop and mobile displays, ensuring consistent design and layout responsiveness.
Below are examples illustrating the difference between maximum and minimum values in space settings:
Section top spacing
Set the values for top spacing. It is used in the sections Layout -> Top spacing option.
Desktop/Mobile
Normal
If you use the Normal option, change the top spacing gap on a scale from 10 to 100 pixels.
Medium
Using the Medium option allows you to set a precise spacing value from 10 to 80 pixels.
Small
The space parameters of the Small option can be set from 10 to 40 pixels.
Last updated