How to add the Infinite Options element to your pages

 

This article will guide you through the steps in adding the Infinite Options element to your page.

 

Before adding the Infinite Options element to your page, make sure you have the app installed on your Shopify store and the GemPages Editor. Visit this article for more details.

 

Configure Infinite Options in the Shopify admin


As GemPages will draw data from the Infinite Options app, you need to have it all configured before designing. 

 

Head over to Shopify Admin > Apps and click on the app.



In the app Dashboard, you will find help docs and customer support to get all configurations done.


 

Set up the Infinite Options element in GemPages


Once you have set up your custom fields in Infinite Options, it’s time to put the Infinite Options element onto your page in the Editor.

 

Since the Infinite Options app offers product options, it has to be nested inside a Product module.

 

Step 1: In the GemPages Dashboard, select one of your pages and enter the Editor via the “Edit” button.


Step 2: Search for the Infinite Options element, drag & drop it onto your preferred spot inside the Product module.


If you don’t have a Product module yet, please drag & drop one onto your page first.

 

 

Configure the Settings tab


In the Settings tab, you will have the option to align the element and add extra classes.

 

Alignment


Set the Infinite Options element’s horizontal position to Left, Center, or Right.

 

Extra Class


If you excel at coding and would like to further customize the element, feel free to add a class name into this field and refer to it later on in the CSS file.

 

Configure the Design tab


The Design tab holds all the tools you need to fine-tune the look of your Infinite Options element before publishing.


Hit “Save” and “Publish” once you are happy with the result to update your front store.


Here’s an example of what you can achieve with the Infinite Options element.



Check out more of our articles to accelerate your GemPages journey!

Should you require any further assistance, please feel free to contact our GemPages Support Team at any time. We can be reached via email or live chat.

 


Was this helpful?