Shopify元素- 产品描述

In this article, you’ll learn about another Shopify element: product descriptions.

About the Product Description Element

The “Product Description” element is used to display descriptions of your Shopify products to increase conversions. You can use the “Product Description” element to promote your product on product pages as well as non-product pages.

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

There are two common variations of the Product Description element, and we’ll continue to add more to help you save time.

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

Product description element configuration

The Product Description element comes with a number of parameters that allow you to fine-tune the appearance of your content for optimal conversion rates.

Select this element in the layout to view its parameters.

When dragging and dropping the “Product Description” element to the editor page, there are 2 options for “Product Source”:

  • automatic
  • custom product

Note that if you are using the Product Description element in your Product Page, you can select the Product Source option. However, when you use this element in the “General Page”, the “Product Source” option is disabled by default, and “Custom Product” is selected.

If “Automatic” is selected, the product assigned when this product page was created will be displayed in the page editor. The Automatic option is the default when you use the Product Description element.

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

General option parameters
1. ContentShow Description : There are 2 options to show description Full Show and Summary Show
  1. Show Full : Select this option to show the full description.
  2. Summary Display : Select this option to display a code summary with the following settings:
  • Abstract Length (Words) : Adjust the number of words to display.
  • Show “More” link : Enable this option to show the full description with the following settings:
    • “More” text : Enter the “Show more” text. When a customer clicks on that text, the description will be displayed in full.
    • “Less” Text : Enter the “Show Less” text. When the customer clicks on this text, it will return to the original display section description.
2. Properties You can read more here .
3. Visibility You can read more here .
4. 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

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!
Discover the Shopify Invoice Generator by PageFly, a seamless solution for invoicing in your online store. Try it now!