How to arrange media items in the (P) Image List element


This article will guide you through the steps to arrange items’ order of the (P) Image List element.


The (P) Image List element fetches data from your inventory in Shopify Admin to display product media. Therefore, if you would like to make any changes, this has to be done from the Shopify Admin panel.

Step 1: Go to Shopify Admin > Products > All Products and select your product to start editing it.

Step 2: Scroll down to the Media section. Drag & drop these items to decide the order.

The featured image on the left will be the first to show. Then, the order will be taken from left to right, and top to bottom.


Step 3: Once you are happy with the order, exit the Shopify Admin.

Go to the GemPages Dashboard, select your page, and enter the Editor via the “Edit” button.

Step 4: Drag & drop a Product module onto your page. Next, drag & drop a (P) Image List element inside the Product module.

*Skip this step if you already have these two elements on your page.

Step 5: Publish your page to make sure all changes from the Shopify Admin are applied to your front store.

The final result should look like this:


Check out more of our articles here to master GemPages in no time! Should you need any further assistance, please reach out to our GemPages Support Team at any time.

We're available via email or live chat.

Was this helpful?