Adding description to my store pages

Site URL: https://www.khuramanarmstrong.com/endarc-chocolat-store

Hi.  Can someone please advise how to include the product description in the store page between Title and Price (where the red arrow points in the image below).  I'm using the Beaumont template.

This is possible if you have 4 products only.

Add to Design > Custom CSS

/* product 1 */
div#thumb-country-feast-set-xs4gg .grid-title:after {
    content: "content content here";
    display: block;
    font-size: 14px;
}
/* product 2 */
div#thumb-golden-mist-cup-84zad .grid-title:after {
    content: "content content here";
    display: block;
    font-size: 14px;
}
/* product 3 */
div#thumb-milk-dip-cup-ny9bt .grid-title:after {
    content: "content content here";
    display: block;
    font-size: 14px;
}
/* product 4 */
div#thumb-spring-bowl-pjgsh .grid-title:after {
    content: "content content here";
    display: block;
    font-size: 14px;
}

Thanks Tuan.  I was hoping for something more global, similar to what the summary blocks provide.  Any suggestions?

You can try Summary Block

or use this guide. https://sf.digital/squarespace-solutions/display-product-titles-on-two-lines-with-squarespace-71

On 8/21/2021 at 9:05 AM, GraemeArmstrong said:

Can someone please advise how to include the product description in the store page between Title and Price

Product descriptions aren't included in the markup on Product List Pages (PLP), so it isn't possible to add them.

To show Product Descriptions, try using Summary Blocks instead on a standard layout page. Note that without bespoke code, you'll be limited to 30 products per Summary Block.

Thanks guys.  Given that, is there a way to increase the spacing between the description rows to be more consistent with the general site text (as highlighted below).  Thanks.

On 8/27/2021 at 12:00 PM, GraemeArmstrong said:

Thanks guys.  Given that, is there a way to increase the spacing between the description rows to be more consistent with the general site text (as highlighted below).  Thanks.

Make screenshot 1 same as screenshot 2 or vice versa?

Screenshot 1 the same as screenshot 2.

On 9/5/2021 at 7:42 PM, GraemeArmstrong said:

Screenshot 1 the same as screenshot 2.

Hi,

Sorry for the delay. Can you share link to page in screenshot? I checked some products & dont see it.

https://www.khuramanarmstrong.com/endarc-chocolat-store/p/bonfire

https://khuramanarmstrong.squarespace.com/endarc-chocolat.  The format change is required in the Summary block.  Thanks.

On 9/9/2021 at 3:12 PM, GraemeArmstrong said:

https://khuramanarmstrong.squarespace.com/endarc-chocolat.  The format change is required in the Summary block.  Thanks.

Add to Design > Custom CSS

body#collection-61232490fa9cf435f1508a85 .summary-excerpt p {
    line-height: 30px !important;
}

That worked perfectly thank you.  How do I find the collection reference, eg #collection-61232490fa9cf435f1508a85, so I can apply this to other pages?

Quote

How do I find the collection reference

Check out Heather Tovey's most excellent looking Squarespace ID Finder.