About the Theme Section
GemPages has made website creation simpler with its latest feature: Theme Section. This tool facilitates faster and more straightforward webpage construction, offering the following key benefits:
- Save and Reuse: Theme Section enables you to save any part of your webpage and reuse it on other pages. Imagine creating a stunning banner or an attractive product display – now you can effortlessly reuse them with just a click.
- Easy Editing: Modifying your saved sections is incredibly straightforward with the saved section editor. The changes you make will automatically update on all connected pages, saving you valuable time.
- Seamless Integration: Seamlessly add your saved sections directly to your theme-created pages. This ensures that your website maintains a consistent and professional appearance from top to bottom.
This article offers comprehensive guidance on how to save and edit the section, as well as how to add the sections to both GemPages and the theme pages.
Create the Theme Section
Before you begin using the theme section, it’s essential to complete the section’s design before proceeding to the next steps.
Step 1: Click on the section you wish to save, then select “Create Theme Section”.
Step 2: Input your preferred section name into the provided box. Hit “Save” when finished.
Following these steps, you will find the section in the Saved Library.
Add the Theme Section to your pages
Step 1: From the GemPages’ Dashboard, choose your preferred template to open the Editor page. Navigate to Library > Saved Library.
Step 2: Hover over the preferred section and select “Add to page”.
After that, the Theme Section will be added at the end of your Editor. Feel free to drag and drop it to any position you want.
Edit the Theme Section
#1 Edit and update the section on all the connecting pages
Step 1: From the GemPages’ Dashboard, choose your preferred template to open the Editor page. Navigate to Library > Saved Library.
Step 2: Hover over your preferred template and select “Edit”. After that, you will be directed to a new Editor page to start editing the section.
Step 3: Hit “Save” and “Publish Theme Section” when finished.
Kindly be aware that these changes will be automatically implemented across all pages using the section, and reverting them is not an available option. It is advisable to think thoroughly before publishing the section.#2 Edit single section
From the GemPages Editor, click on the saved section, and you will see the configuration revealed on the left sidebar.
At this stage, you have two choices for editing the saved section:
- Global Edit: Selecting this option allows you to edit and update the section on all pages where it is linked. This choice functions similarly to part #1.
- Unlink to Edit: If you prefer not to have the changes apply automatically, you can choose the “Unlink to Edit” option. Selecting this will prevent the changes from being applied to previously added sections, providing you with more control over individual instances.
Use Theme Section in Shopify
Within the Theme Section, you can also add the saved section to the theme template by following the steps below.
Step 1: Access Shopify Theme Editor.
- Log in to your Shopify Admin.
- In the left sidebar, click on “Online Store” and then select “Themes.”
- Click on “Customize” to access the Theme Editor.
Step 2: From the drop-down menu in the top bar, select the template within your theme where you want to add the Theme Section.
Step 3: Integrate the Theme Section into the preferred position
- Within the selected template, identify the specific area where you want to add Theme Section.
- Click on the “Add Section” button.
- Locate the saved section in the list. Click on it to add it to your template.
Hit “Save” when finished.
That’s it! If you run into any problems when using Theme Section, get in touch with our customer support via email or Live Chat.