Shopify元素-产品系列明细

In this article, you will learn about product line details (new Shopify elements in PageFlye 2.5.0 version).

About the Product Family Detail Element

The Collection Detail element puts any collection from your Shopify store on the page in hopes of increasing conversions. If you don’t like Shopify’s default collection element on the collection page, you can use the collection detail element to promote you on any non-collection page & collection page.

Note: Using this element on a collection page type will result in two collection elements on the page. Shopify product family elements can be removed, you can turn off this feature by selecting Customize in the page layout on the page settings.

shopify elements collection details

The Collection Detail element has two common variants, and we’ll continue to add more to help you save time.

Note that you can use the search function to find this element, not in the sidebar.

Drag a variant into a layout and see how to configure it.

Product Family Detail Element Configuration

The Collection Details element has a number of parameters that allow you to fine-tune the appearance of your content for optimal conversion rates.

Select an element in the layout to view its parameters.

When dragging and dropping the Product Line Details element to the editor page. The “Collection Source” option has 2 options for you to choose from:

  • automatic
  • Custom product line

Note that if you use the “Collection Detail” element on the “Collection Page”, you can select the “Product Source” option. However, if you are in a regular page and using this element, the “Collection Source” option is disabled by default and “Custom Collection” is selected.

If “Automatic” is selected, a product will be assigned when this collection page is created and it will be displayed in the page editor. The Automatic option is the default option when using the Product Family Details element.

shopify elements collection details

You can select “Custom Collection” and select the desired product.

shopify elements collection details

General option parameters
1. Content
  • Product range source :
    • automatic
    • Custom Product Family : Select the product family, then select the desired default variant
2. Tracking
  • Add Google Analytics events to your general account. You can learn how to set it up here .
  • Facebook Pixel activity when a customer clicks on an element. You can read more here .
3. Properties You can read more here .
4. Visibility You can read more here .
5. Animation effect You can read more here .
style option parameter
1. OverallYou can read about all these parameters here .
2. MarginsYou can read about all these parameters here .
3. Typesetting and printingYou can read about all these parameters here .
4. BackgroundYou can read about all these parameters here .
5. BorderYou can read about all these parameters here .
6. DisplayYou can read about all these parameters here .
7. Custom CSSYou can read about all these parameters here .

Navigate this category

Feedback
Thank you for your feedback!

Could not find the answer
to your question?

Chat with us
PageFly Languagues

PageFly Help Center is now available in Chinese, French and Japanese. Please check the flags on the page header.

I got it!
Boost Father's Day Sales: Utilize PageFly's templates to create captivating pages that drive results - Discover Now