GemPages Theme Section & FAQs

This article introduces you to GemPages’ Theme Sections feature and provides a quick guide on how to utilize it in your page-building process.

Note: Access to this feature is limited only to paid users, including Build, Optimize, and Enterprise plans. For more details, check out our Pricing Page.

About the GemPages Theme Sections

GemPages Theme Sections are flexible content sections that you can customize within your Shopify store’s theme. With these sections, you can easily edit and enhance your store’s design using GemPages.

Here’s what you can typically do with GemPages theme sections:

Save and Reuse: Easily save any part of your webpage, like banners or product displays, and reuse them on other pages with a click.
Effortless Editing: Edit saved sections once, and changes automatically update across all connected pages, saving time.
Seamless Add Section to Your Theme: Add saved sections to your theme pages for a consistent, professional look across your site.

Shopify offers user-friendly content sections, but they can be somewhat limited in terms of advanced customization.

GemPages addresses this by allowing you to modify these theme sections using a drag-and-drop interface, offering greater flexibility for personalization without the need for coding.

This feature is particularly useful when creating landing pages, product pages, home pages, or custom sections on your Shopify store.

How to Create GemPages Theme Sections?

Step 1: Create a new Theme section

From your GemPages Dashboard, click on “Create Theme Sections”. You will be redirected to the Editor page.

From the left sidebar, you can add a pre-built section or drag and drop an element to design the theme section as you prefer.

Customize each element your way. For example, you can add a hover effect for the button.

Once done, hit Publish to save and publish your theme section.

Step 2: From a section on your designed pages

Back to GemPages Dashboard > Pages > locate your target page to open the editor.

Click the section you want to save as the theme section, then select Create Theme Section.

Enter the preferred name in the box, then hit “Save” when finished.

The Template Library dialog box will be shown here. You can see all your theme sections under Saved Library.

Hover over the theme section to add it to a page, edit the theme section, and rename, duplicate, or delete it.

How to Use Theme Sections in Shopify?

Step 1: Insert the Theme Section into Shopify Themes

Note: The Theme Sections can only work with your published theme, not the draft version.

From the drop-down menu in the top bar, select the template within your theme where you want to add the section.

Within the selected template, identify the specific area where you want to add a new Theme Section. Click on the “Add Section” button and select from the dropdown list.

Click Save when finished to save your changes.

Step 2: Insert Theme Section to pages built with GemPages

GemPages provides an intuitive way to incorporate theme sections across various pages of your Shopify store.

Access GemPages Dashboard > Pages and locate your target page to open the editor.
From the left sidebar, click Section > Browse Library.

Navigate to Saved Library, find the section you want to use, then hover over it and select Add to page.

Simply drag the theme section from your saved library into your GemPages page.

How to Edit the Theme Sections?

Please note:

When you edit and publish a theme section, all pages containing that theme section, whether they are standard Shopify pages or those created with GemPages, will be updated automatically.

This ensures that your changes are reflected consistently across your entire site.

Step 1: Access GemPages Dashboard > Theme Sections, locate the section you want to customize to open the editor.

Step 2: Edit the theme section as you prefer.

Step 3: Once you’re done, click Publish.

Theme Section FAQs

1. What happens if I delete Theme Sections from the saved library?

Deleting Theme Sections from the saved library also removes them from all connected pages. Please exercise caution and carefully consider before proceeding with deletion.

2. Can I add a section from the Shopify theme to GemPages pages?

Currently, you can add sections created by GemPages to Shopify theme pages, but the reverse, adding sections from the theme to GemPages pages, is not supported.

3. Can I use Theme Sections with other page builders?

At the moment, GemPages only supports adding Theme Sections to Shopify theme pages. Other page builders are not compatible with this feature.

4. Can I transfer Theme Sections to another store?

This feature is currently under development. However, if you wish to transfer Theme Sections to another store, please contact our GemPages Support team for assistance and further guidance.

5. Why can’t I find the option to create a Theme Section?

If you’re unable to find the option, it could be due to one of the following reasons:

Using Editor Version 6: Theme Sections are only available with Editor Version 7. If you are using Version 6, please contact our support team for help with upgrading.
Using a Free Plan: Theme Sections are available exclusively for paid plans. Please refer to our pricing and consider upgrading your plan to unlock this feature.

6. Can I transfer theme sections from my store to a second store?

This feature is not yet supported, but you can use a manual workaround:

Step 1: Create a blank page and insert the theme sections you want to transfer. Then export the page as a .gempages file. For detailed instructions, refer to this article.

Step 2: In your second store’s dashboard, import the exported file into a page. Convert the sections to global sections in your new store.

7. Why is my GemPages Theme Section not showing up?

There are a few common reasons:

Version & Plan	Theme Sections are available only on GemPages Version 7 and paid plans.
Not Added to Theme	After creating and saving a Theme Section, you must manually add it in the Shopify Theme Editor by clicking “Add Section” and selecting your saved section.
Not Published	Ensure the section is published in GemPages; otherwise, it won’t appear on your live site.
Wrong Theme	Theme Sections work only with your published Shopify theme, not with draft versions.
Visibility Settings	Check if the section is hidden on specific devices (desktop, tablet, or mobile) within the GemPages Editor.

What did you think about this content?

Your comments

Irrelevant: Unexpected or off-topic information.

Inaccurate: The information doesn’t match the product.

Needs small fixes: There are typos or broken links.

I have suggestions: I’d like to suggest improvements for this page.

Email*

Invalid email address.

Something went wrong. Please try again later.

By submitting your email address and comments, you consent to the collection and use of your information as outlined in our Privacy Policy and agree to our Terms of Service.