If you are using Gempages to build and customize your store's theme, you can position SmartSize's "Size Guide" button by using the CSS Selector Functionality:
Step 1 - Locate the desired location on the Product page
Example: we want to add the button right below the Size picker:
Step 2 - Locate the target component on Gempages
Inside Gempages, navigate to the desired Product page and click the component you want to add SmartSize's button close to.
Ideally, you select a component that will be immediately before or after SmartSize's button:
Step 3 - Locate the target component on Gempages
Inside Gempages, on the selected component, click the 'Advanced' tab:
Scroll down to the "CSS class" section and enter smartsize-trigger-button as custom class name:
Step 4 - Configure SmartSize to use the custom class as its anchor CSS Selector
Back on SmartSize, click Settings and configure it as:
- Select inline method:
CSS Selector - CSS Selector configuration
- CSS Selector:
smartsize-trigger-button - Button injection options: choose the option that puts the button where you want it
- To add it right after the component you selected in Gempages, choose
Last child
- To add it right after the component you selected in Gempages, choose
- CSS Selector:
- Click Save