Sections are the building blocks of your store. Each page template within your theme comes preloaded with a diverse set of sections to demonstrate what can be achieved and to offer inspiration. Feel free to use them or remove them from your templates. It's entirely up to you!
These sections are comprised of blocks. Many blocks can be customized, allowing you to tailor sections to perfectly meet your store's requirements. Using your Theme Editor, you can easily add, reorder, and remove sections or blocks on your page.
In the example below, the Slideshow section has been highlighted. The Slideshow contains two blocks, each representing a new slide.
In this guide, we'll walk you through each of our theme sections, offering insights on how to maximize their capabilities. Just in case you have any questions, we've included the answers to several common queries in our Section FAQs at the end of this document.
Note: The information presented in this document is accurate for the latest version. If you cannot locate a specific section, we recommend updating your theme to ensure access to all sections covered in this document.
How to Edit Sections
Before we begin, let's go over the basics. Sections are easy to manipulate. In addition to customizing your sections, you have the flexibility to add, move, remove, and hide them from your page templates.
Adding a Section or Block
- Go to the Theme Editor:
- In your Shopify admin, go to Online Store > Themes > Customize.
- Add a Section:
- In the left-side menu, scroll down until you see Add section. Clicking this will open a list of sections to choose from.
- Add a Block:
- When available, go to the bottom of a section and click Add [block name].
Editing a Section or Block
- Open Settings:
- Clicking directly on a section or block will open its settings.
- Customize:
- Each section or block will have its own unique customization options.
Moving a Section or Block
- Drag and Drop:
- To move a section or block, simply drag and drop it into a new position in its respective menu.
Removing a Section or Block
- Delete:
- To remove a section or block, click the trashcan icon that appears next to its name when you hover the mouse over it.
Hiding a Section
- Toggle Visibility:
- To temporarily hide a section or block from your storefront, click the eye icon to toggle its visibility.
Undoing/Redoing Changes
- Undo/Redo:
- If you wish to undo or redo any changes that you make to your sections, including content edits, use the arrows at the top of the page.
By following these instructions, you can easily manage and customize the sections and blocks within your Shopify theme to create a unique and engaging storefront. For more detailed information on each section, refer to the rest of this guide or check out our Section FAQs.