Jump to content

Organize Product Details

Recommended Posts

  • Replies 12
  • Views 333
  • Created
  • Last Reply
10 hours ago, michellesat said:

Add to Home > Design > Custom CSS

@media screen and (min-width:768px) {
.ProductItem-details-checkout {
    display: flex !important;
}
/* price */
.ProductItem-product-price {
    order: 2 !important;
}
/* description */
.ProductItem-details-excerpt {
    order: 1 !important;
}
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
On 7/3/2020 at 5:24 AM, michellesat said:

Is there a way to organize these details in my summary as well? 

 

https://bluebird-swan-samz.squarespace.com/artists/micah-crandall-bear

Add to Page Settings > Advanced > Header

<style>
  .summary-content.sqs-gallery-meta-container {
    display: flex;
    flex-direction: column;
}
  .summary-price {
    order: 3;
}
</style>

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
  • 2 weeks later...
13 hours ago, tuanphan said:

Hi. can you describe again your problem? 

I am using Projects to organize each artist, and within the project page I am using a Summary to show off the various products. I want to re-organize the details. of the product summary so that the price is last. See attached:

So for Blue House Riders, I would want it to be:

 

Blue House Riders

Oil on canvas

16 X 20

Framed

$1100

Screen Shot 2020-07-18 at 1.49.52 PM.png

Link to comment
On 7/5/2020 at 7:19 PM, tuanphan said:

Add to Page Settings > Advanced > Header


<style>
  .summary-content.sqs-gallery-meta-container {
    display: flex;
    flex-direction: column;
}
  .summary-price {
    order: 3;
}
</style>

 

Just tested again this code. I think it should work. Where did you insert the code?

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment

Archived

This topic is now archived and is closed to further replies.

×
×
  • 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.