Saving your preferred grids as section templates or custom elements like buttons and Product Cards/Pins are a great way to save time when creating future stories.
All settings will be automatically saved and applied to your new template.
To create a section or section slider template, first select your preferred grid from within a live or draft story. Then, click on Save As Template from the contextual panel on the right.
Note: The grid can saved be in any mode (Pro Layout, Auto, Slider etc.)
A panel on the left side of the editor will appear. Enter the name and select the appropriate category or categories. (A default list of available categories will appear in the dropdown menu.)
Note: "Section" will be pre-selected as your template type. To learn more about creating story templates, visit this page.
Click Save to save your new template.
Note: Optimize the grid for tablet and mobile before saving as a section template. That way, whenever you use the template in the future, it will already be responsive on all breakpoints.
To create a custom element template, select the element you wish to save as a custom element from within a live or draft story. You can either save a single element or group a few elements together and then select Save as Element on the contextual right panel. A panel on the left side of the editor will appear. Enter the name and select the appropriate category or categories and hit Save. (A default list of available categories will appear in the dropdown menu.)
In addition to our standard products cards that you can customize using the contextual panel, Maker allows you to add Custom CSS to your products cards. This enables your team to create custom product card with animation and effects currently not supported in our standard cards. In order to add custom CSS, select Custom CSS on the Product contextual panel and then add the script to the modal that pops up and hit Save.