How to Use Our Shopify Sections
This video demonstrates how to install and customize our pre-built Shopify sections for your store.
1
Choose Your Section
- Browse through our collection of pre-built sections
- Click on your desired section to view details
- Copy the provided code snippet
2
Add Section to Shopify
- Go to your Shopify admin dashboard
- Click on "Online Store" > "Themes"
- Find your active theme and click the three-dot menu (⋮)
- Select "Edit code" from the dropdown menu
- Navigate to the "Sections" folder in the sidebar
- Click "Add a new section"
- Name your section file (e.g., "feature-banner.liquid")
- Paste the copied code and click "Save"
3
Add Section to Your Theme
- Return to your Shopify admin and go to "Online Store" > "Themes"
- Click "Customize" on your active theme
- Select the template where you want to add the section
- Click "Add section" in the template editor
- Find your newly added section (look for the name in the schema section of the code)
- Use the search feature if needed to locate your section
- Click on your section to add it to the template
4
Customize Your Section
- Once added, your section will appear in the template
- Click on the section to open its settings in the sidebar
- Fill in all required fields according to your preferences
- Upload images, change colors, and adjust text as needed
- All changes will be previewed in real-time
- Click "Save" when you're happy with your customizations
Helpful Tips
- Section Names: The section name will be found in the schema at the bottom of the code (look for "name": "Your Section Name")
- Testing: Always preview your changes before publishing to ensure they display correctly
- Troubleshooting: If your section doesn't appear, check for any syntax errors in your code
- Customization: Our sections are designed to be fully customizable - don't hesitate to adjust the code to suit your needs
