Jump to content

Adding an Excerpt to Shop Product controls

Recommended Posts

Site URL: http://www.norcalmachinery.com

Has anyone had any luck building Summary Blocks that show store products? 

Summary Blocks grab the Description for the Product when you toggle "Exerpt".  If the description of the product is long (to make the product page look good), it destroys the Summary Block look. 

Is there a plug-in that adds an EXERPT to store item product controls?  An Excerpt should be such a basic part of the product set up........

Screen Shot 2022-06-05 at 3.28.08 PM.png

Screen Shot 2022-06-05 at 3.36.22 PM.png

Edited by SteveHumphries
ADDED PHOTO
Link to comment
  • Replies 1
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Posted Images

10 hours ago, SteveHumphries said:

Summary Blocks grab the Description for the Product when you toggle "Excerpt".  If the description of the product is long...it destroys the Summary Block look. An Excerpt should be such a basic part of the product set up.

Perhaps it may help to understand the design principles behind the Product Detail Page (PDP)?

It may not be obvious but the description field is the excerpt. The designer's intention is that this area should contain a short summary of the most important details or unique selling points that make this product stand out from the others.

Attention span is generally quite limited so keeping this short will not only help with Summary Blocks, it will also benefit customers who prefer to skim through products, and those who know what they want and hope to find it at a glance.

It also helps to ensure that there is space for variant options "above-the-fold" (the part of the page that can be seen without scrolling). This is important so that customers can see the choice of colour, size or model.

Of course when you are selling expensive and/or technical items, customers will require much more detail to help them to make a purchase decision. The Additional Info section is the perfect area to add longer more descriptive copy as well as technical details. Squarespace Blocks can be added to this section too, allowing you to add videos, images, tables and so on.

Here's an example of a PDP that follows these user experience principles:

 image.thumb.png.8d8d707f8005bfc4f386326604a71f54.png

 

Improve your online store with our extensions.
About: Squarespace Circle Leader since 2017. I value honesty, transparency, appreciation and great design ♥.
Work: Squarespace Developer and founder of SF Digital, building the features Squarespace didn't include™.
Content: Links in my posts may refer to SF Digital products or may be affiliate links.

Buy me a coffee

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.