PageFly - Shopify elements - Featured product

1941 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 SelectChoose 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 CheckoutEnable / Disable function to redirect to checkout page after one clicks on the “Add To Cart” button
DISPLAY
Show Featured ImageShow / Hide the product image
Show Add To CartShow / Hide Add to cart button
Show QuantityShow / Hide product quantity. This field is hidden if you disable “Show Add To Cart”
Show PriceShow / Hide product price
Show Compare At PriceShow / Hide sale price. This field is hidden if you disable “Show Price” 
Show VendorShow / Hide product vendor
Show View DetailsShow / Hide view detail button
Show DescriptionShow / Hide product description
Full DescriptionShow / Hide full product description. This field is hidden if you disable “Show Description”
Description LengthLength of the product description. This field is hidden if you disable “Show Description”
ADD TO CART
Button TextText content of Add to cart button. This field is hidden if you disable “Show Add To Cart”
Enable AjaxEnable / Disable function to redirect to cart page after one clicks on the “Add To Cart” button
TRACKING
Google AnalyticsFire Google Analytics event to your Google Analytics account
Pixel EventFire Facebook pixel events

Was this helpful?