What is a Product Title Element?
The Product Title element in GemPages is a dynamic element designed to display the title of a product directly from your Shopify store. Here’s how it works:
- The element can only be dragged and dropped inside the Product Element.
- It automatically pulls the product title from the Product Source set in the Product Element.
This feature ensures that your product title dynamically updates based on the assigned product data, streamlining your workflow.
Product Title Element Settings
To customize the appearance and behavior of the Product Title element, navigate to its Settings Panel in the GemPages editor. Below are the key settings you can configure:
1. Product Source
Links the Product Title element to a specific product in the Product Element, ensuring accurate title display.
2. Product Link
Makes the product title clickable, directing visitors to the product page.
3. Text
- Styles: Choose text styling by selecting predefined formats like Heading or Paragraph.
- Font: Select the font family to match your brand identity.
- Size: Adjust the text size to make your product titles stand out or fit your design.
- Bold/Italic/Underline: Add emphasis to your titles by applying bold, italic, or underline styles.
- Font weight: Control the thickness of the text, from light to extra-bold.
- Line height: Modify the space between lines to improve readability and layout.
- Letter spacing: Adjust the spacing between characters.
- Transform: Change the text case with options like uppercase, lowercase or capitalize.
- Shadow: Add a shadow effect to give the text more depth and visual appeal.
4. Max lines
Limit the number of lines displayed for the product title.
5. States
- Normal: Default styling of the title.
- Hover: Define how the title appears when hovered over (e.g., change color or underline).
6. Align
Align the title to the left, center, right or justify.
7. SEO
Choose the HTML tag.
How to Change Product Title?
Since the Product Title element is dynamic, any changes to the product title must be made within your Shopify store. Follow these steps:
Step 1: Access your Shopify Dashboard. Go to Products and select the product you want to edit.
Step 2: Change the product title and click Save.
Step 3: Return to GemPages and choose Sync again. The updated title will appear in the Product Title element.
