GemPages Editor 7.0 provides an easy way to showcase pricing details on your Shopify store. This article will guide you in using the Price and Compare Price elements to create an engaging product display.
Understanding the Compare Price in GemPages
In GemPages Editor 7.0, the Product Price feature combines two key elements:
- Price Element: Displays the regular product price.
- Compare Price Element: Shows the original price together with the discounted price or the percentage discount.
This setup is perfect for emphasizing promotions, discounts, and sales to boost conversions.
How to Display Compare Price with the Price Element in GemPages?
Note: Before you begin, ensure that your product’s Sale Price and Compare Price are set in Shopify. If you’re unsure, check the Shopify guidelines for setting up sale prices correctly.
Step 1: Open your GemPages editor and drag the Row element to the desired section of your page.
Choose the 2-column layout option for a side-by-side display of the Price and Compare Price elements.
Step 2: Place the Price and Compare Price elements into each column.
Step 3: Customize with the settings and advanced tabs.
Note: If you set the compare price = price, the compare price will not show on the live site.
Thank you for your comments