Displaying

Add App to your Theme

Integrating the Size Guide button and modal into your Shopify theme is a straightforward process. Follow these steps to enhance your store’s functionality and provide a seamless shopping experience for your customers.

Step 1: Access the Theme Editor

1. Log in to Shopify: Navigate to your Shopify admin panel.
2. Go to Online Store: Click on “Online Store” in the left-hand menu.
3. Select Themes: Under “Themes,” click “Customize” to open the theme editor.

Step 2: Add the Size Guide Button Using an App Block

1. Navigate to the Product Page: In the theme editor, select the product page where you want to add the Size Guide button.
2. Add an App Block: Click “Add block” and search for “CommerceGurus Size Guides” in the Apps section.
3. Select the App Block: Choose the “CommerceGurus Size Guides” block to add it to your product page.

Step 3: Save and Publish

1. Review Your Changes: Ensure that the Size Guide button and modal are correctly displayed on your product pages.
2. Save Your Work: Click “Save” in the theme editor to apply your changes.
3. Publish the Theme: If you’re satisfied with the setup, publish the theme to make the Size Guide available to your customers.

By following these steps, you can effectively integrate the Size Guide into your Shopify theme, providing valuable sizing information to your customers and enhancing their shopping experience.

Additional Tips

• Sync Products: If you don’t see specific products in the list, click the “Sync Products” button to refresh the product data.
• Visibility Settings: Ensure the Size Guide is set to “Public” to make it visible to customers.