How to Create Custom Shopify Collection Pages with GemPages
Posted: Mon Dec 23, 2024 6:46 am
Did you know you can do so much more with your collection pages using GemPages ?
Now that the GemPages dashboard has been updated , in sync with the Polaris design system, it integrates seamlessly with the Shopify admin.
This addition allows you to edit with GemPages seamlessly within the familiar Shopify interface, ensuring a unified and effective process for creating and customizing pages.
Step 1: From the Shopify interface, you can see the GemPages dashboard. Click on “Pages” from the list on the left sidebar. You will see the “Create new page” option in the top right corner.
create-pages-with-GemPages
Step 2: Select “Collection Pages” and within a few minutes russian phone number you should see several pre-designed templates that you can use to create your collection page. Select your preferred template and click “Select” to get started or click “Preview” to see if it suits your needs.
Creating a Collection Page with GemPages
Otherwise, if you already have a design in mind, you can start editing it from a blank page by selecting “Start from scratch” .
Note: After creating a collection page, you need to assign one or more collections to that template in order for it to be published. Click here for a detailed tutorial.
Step 3: Inside the editor, click on the Product List item to configure it, then select ' Assign Collection ' to assign a collection to the collection page you created.
Steps to create a collection page with GemPages
Step 4: Customize your collection page with GemPages elements in the editor . Simply drag and drop the elements you want!
Add a Collection Shopify Page Customize the collection with Gempages elements
Note: The collection module contains several child elements to display the properties of the collection. These child elements, defined by the (C) prefix, must be located within the collection page to work properly.
Now that the GemPages dashboard has been updated , in sync with the Polaris design system, it integrates seamlessly with the Shopify admin.
This addition allows you to edit with GemPages seamlessly within the familiar Shopify interface, ensuring a unified and effective process for creating and customizing pages.
Step 1: From the Shopify interface, you can see the GemPages dashboard. Click on “Pages” from the list on the left sidebar. You will see the “Create new page” option in the top right corner.
create-pages-with-GemPages
Step 2: Select “Collection Pages” and within a few minutes russian phone number you should see several pre-designed templates that you can use to create your collection page. Select your preferred template and click “Select” to get started or click “Preview” to see if it suits your needs.
Creating a Collection Page with GemPages
Otherwise, if you already have a design in mind, you can start editing it from a blank page by selecting “Start from scratch” .
Note: After creating a collection page, you need to assign one or more collections to that template in order for it to be published. Click here for a detailed tutorial.
Step 3: Inside the editor, click on the Product List item to configure it, then select ' Assign Collection ' to assign a collection to the collection page you created.
Steps to create a collection page with GemPages
Step 4: Customize your collection page with GemPages elements in the editor . Simply drag and drop the elements you want!
Add a Collection Shopify Page Customize the collection with Gempages elements
Note: The collection module contains several child elements to display the properties of the collection. These child elements, defined by the (C) prefix, must be located within the collection page to work properly.