This guide will show you how to use the Product View More element to link buttons to product detail pages in your GemPages design.
About Product View More Element
In some design cases, instead of placing the CTA Add to Cart button in the product or product list element, you can place the View More Button to lead users to a product detail page.
This button links users to the product’s detailed information page, where they can explore features, specifications, reviews, and other details that help them make an informed purchasing decision.
Link the Product View More Button to a Product Detail Page
Here’s how to link the product View More Button to a Product Detail Page:
Step 1: Add the Product View More Button
- Locate the Product View More element in the GemPages editor.
- Drag and drop this element into your design, within a Product List or Product element.
Step 2: Customize the Button
Once the button is in place, you can edit it to match your design and functionality requirements:
- Icon: Add an icon to your button to make it more visually appealing.
- Open In: Options include opening the link in the same tab or a new tab.
- Size: Adjust the button size to fit seamlessly within your design.
- States: Define the button’s appearance in different states (e.g., hover, active).
- Text: Edit the button text to suit your needs, such as “View Details” or “Learn More.”
- Alignment: Align the button within its container (left, center, or right).
