PageFly - Shopify elements - Featured product

527 views 0

Important: This feature is only available on the Pro plan

In this article, you will learn about Featured product element – the most loved and used Shopify element in PageFly.

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.

Where Featured product element located

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 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.

General tab configuration of Featured product element

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.

SETTINGS
Product Select Choose a product to display
Layout You can choose one option at a time:

  • Vertical: The product image displays above product description
  • Horizontal: The product image displays next to product description
Redirect To Checkout Enable / Disable function to redirect to checkout page after one clicks on the “Add To Cart” button
DISPLAY
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
TRACKING
Google Analytics Fire Google Analytics event to your Google Analytics account
Pixel Event Fire Facebook pixel events