In this article, you will learn about Featured product element – the most loved and used Shopify element in PageFly.
About Featured product element
Featured product element can import and display any product from your Shopify store to the page to increase conversion rate.
As a result, you can use it to promote your product on any non-product page. In many cases, our users use even use it on a product page to replace the Shopify default product block.
Note: Using this element on a Shopify Product page will lead to 2 product blocks on your page: one by Shopify default design, and one by PageFly. However, the Shopify product block is removable with custom code.
For this reason, contact us to get the code because it is variable to your current theme.
Featured product element offers 2 variations. Yet, we will add more options soon so you can explore better choices.
To start, let’s drag a variation to Editor and see how it works.
Featured product element setting
Featured product element comes with plenty of variables, letting you polish content design so you can get better conversion rate.
First, select the element in Editor to see its variables.
The variables in General tab are specific for this element.
However, those in Styling and Advanced tabs are common for all elements. Read about them here.
|Product Select||Choose a product to display|
|Layout||You can choose one option at a time:|
|Redirect To Checkout||Enable / Disable function to redirect to checkout page after one clicks on the “Add To Cart” button|
|Show Featured Image||Show / Hide the product image|
|Show Add To Cart||Show / Hide Add to cart button|
|Show Quantity||Show / Hide product quantity. This field is hidden if you disable “Show Add To Cart”|
|Show Price||Show / Hide product price|
|Show Compare At Price||Show / Hide sale price. This field is hidden if you disable “Show Price”|
|Show Vendor||Show / Hide product vendor|
|Show View Details||Show / Hide view detail button|
|Show Description||Show / Hide product description|
|Full Description||Show / Hide full product description. This field is hidden if you disable “Show Description”|
|Description Length||Length of the product description. This field is hidden if you disable “Show Description”|
|ADD TO CART|
|Button Text||Text content of Add to cart button. This field is hidden if you disable “Show Add To Cart”|
|Enable Ajax||Enable / Disable function to redirect to cart page after one clicks on the “Add To Cart” button|
|Google Analytics||Fire Google Analytics event to your Google Analytics account|
|Pixel Event||Fire Facebook pixel events|