Product Description Element 

What is a Product Description Element?

The Product Description Element in GemPages is a dynamic element designed specifically for product content.

• This element automatically pulls data from the Product Source and displays the corresponding product description.
• It can only be dragged and dropped inside the Product Element.

Product Description Element Settings

1. Product Source

Connects the element to the product data from your Shopify store.

2. Show More Option

On/Off: Enable or disable the ability to expand the description.

Settings if Enabled:

• Text Color: Customize the color of the “Show More” text.
• Max Lines: Define the number of lines displayed before the “Show More” option appears.
• Show More Label: Enter the text for the “Show More” button (e.g., “Read More”).
• Show Less Label: Enter the text for collapsing (e.g., “Read Less”).
• Icon: Enable or disable icons for the labels.

3. Text

• Styles: Choose a heading style for the description text.
• Size: Adjust the text size.
• Font: Select the font for the description.
• Color: Change the text color.
• Font Weight: Modify the boldness of the text.
• Line Height: Adjust the space between lines.
• Letter Spacing: Increase or decrease spacing between letters.
• Text Transform: Apply transformations like uppercase, lowercase, or capitalize.

4. Align

Choose the alignment for your text:

• Left: Aligns text to the left.
• Center: Centers the text.
• Right: Aligns text to the right.
• Justify: Distributes text evenly across the width.

How to Change Product Description?

Step 1: Access your Shopify Dashboard. Go to Products and select the product you want to edit.

Step 2: Change the product description and click Save.

Step 3: Return to GemPages and choose Sync again. The updated description will appear in the Product Description element.