Jump to content

How to change the content of the product in a block not in the page?

Go to solution Solved by creedon,

Recommended Posts

  • Solution

Try the following for product blocks.

Add the following to Page Settings > Advanced > Page Header Code Injection for the page.


    begin product blocks variants first
    Version     : 0.1d0
    SS Version  : 7.1
    By          : Thomas Creedon < http://www.tomsWeb.consulting/ >
    .product-block .productDetails {
      display : -webkit-box;
      display : -ms-flexbox;
      display : flex;
      -webkit-box-orient : vertical;
      -webkit-box-direction : normal;
      -ms-flex-direction : column;
      flex-direction : column;
      gap : 20px;
    .product-block .productDetails > *,
    .product-block .productDetails .product-price,
    .product-block .productDetails .product-title
        margin-bottom : 0;
        margin-top : 0;
    .product-block .productDetails .product-variants {
      -webkit-box-ordinal-group : 0;
      -ms-flex-order : -1;
      order : -1;
   /* end product blocks variants first */

Let us know how it goes.

Find my contributions useful? Please like, upvote, mark my answer as the best ( solution ), and see my profile. Thanks for your support! I am a Squarespace ( and other technological things ) consultant open for new projects.

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.