Edit Shopify Original Templates with GemPages

Edit Shopify original templates is a new feature that helps store owners customize original templates in Shopify easily. This article will walk you through the steps to edit Shopify original templates with GemPages Editor V7.

What is the Editing Shopify Original Templates feature in GemPages?

This new feature allows users to use GemPages V7 to edit Shopify’s original templates (including those for the Homepage, Product, and Collection pages). It is only available for mixed and V7 stores.

Note: Users who are still using GemPages V6 can upgrade to V7 by clicking the “Try out GemPages V7” button in the settings dashboard.

edit shopify original templates v6

Discover several benefits that this feature can bring to the store owners:

Reduced Development Time: With GemPages’ visual editor and intuitive drag-and-drop functionality, you can easily customize Shopify’s original templates without the need to build from scratch.
Enhanced Customization: This feature allows you to create complex layouts tailored to your products and customer needs. These layouts, made with GemPages sections, provide more flexibility and design freedom than standard Shopify templates.
Custom Features: GemPages V7’s Editing Shopify Original Templates feature lets you add features and functionality tailored to your business needs.

Edit original Shopify templates with GemPages Editor V7

Step 1: Access the GemPages app, go to Pages, and select the Shopify templates you want to edit.

edit shopify original template step 1

Step 2: Edit Shopify original templates.

Click on the original template to start editing. The Editor and Preview will display the original template with Shopify sections as placeholders.

edit shopify original template step 2

Note:

Shopify sections can only be edited in the Shopify editor.
Default pages are marked with a “Default” tag.
Hover over the tag to see the tooltip description for each page type.

Step 3: Add GemPages sections into the original template as usual.

edit shopify original templates step 3

Note: Drag-and-drop elements into Shopify sections are not allowed.

Step 4: Save and publish.

After making your edits, save and publish the template. Then, check the live page to confirm your changes have been applied correctly.

Important notes when editing Shopify original templates with GemPages V7

Quick Deletion

Users can quickly delete all GemPages sections in the Dashboard and Editor.

notes when edit shopify original templates 1

Customize Shopify Sections

In the GemPages Editor, users can:

Hide/show sections
Duplicate sections
Delete sections

Update changes from Shopify and sync changes

Users can update and sync changes made in Theme Customize into the GemPages Editor.

note when edit shopify original templates

After syncing:

Current sections in Theme Customize will display in the same order in the GemPages editor.
Newly saved GemPages sections will be displayed at the bottom of the template.

Banner Notification

When the theme changes, you can see the banner notification on the GemPages app dashboard.

Go to Online Store > Themes > Popular free theme.

note when edit shopify original templates 5

Select a theme that suits your preference, then click “Add.”

In the Theme library, click “Public” to replace the current theme with the new one.

add a new shopify theme After changing the theme successfully, go to the GemPages app dashboard to see the banner notification.

Preview Theme Style

Click on the “Preview changes” button to see the new styles from the latest theme in Global Style.

Review Shopify Templates

Click the ”Review Shopify template” button to filter templates for review and re-publishing.

review shopify original templates

Note: In the GemPages editor, the Shopify Original Template will automatically display sections from the new theme. The GemPages sections will be moved to the bottom of the template.