Jump to content

Product price placement

Recommended Posts

  • Replies 7
  • Views 1.7k
  • Created
  • Last Reply

Try this in your custom css

#productDetails {
	display: flex;
	flex-direction: column; 
	.product-title {
		order: 1;
	}
	.product-excerpt {
		order: 2;
	}
	.product-price {
		order: 3;
	}
	.product-variants {
		order: 4;
	}
	.product-quantity-input {
		order: 5;
	}
	.sqs-add-to-cart-button-wrapper {
		order: 6;
	}
	.product-sharing {
	order:7;
	}
}

 

I'm Colin Irwin aka silvabokis.  I've been a Squarespace designer & developer since 2013. 
I remember when it was all wild prairies round these here parts. 🐃🤠
Advice I give on here is free, though I may sometimes post an affiliate link or promote something I've written.
That reminds me.. ..you might want to check out my
Squarespace template finder or have a look at my other Squarespace tips
Speaking of tips, 💲I've got a tip jar that you're welcome to throw a few quid into if you think I've helped you. 
If you're looking for a Squarespace developer 
Book a chat or Drop me a line - first meeting is always free  

 

Link to comment
5 hours ago, colin.irwin said:

Try this in your custom css


#productDetails {
	display: flex;
	flex-direction: column; 
	.product-title {
		order: 1;
	}
	.product-excerpt {
		order: 2;
	}
	.product-price {
		order: 3;
	}
	.product-variants {
		order: 4;
	}
	.product-quantity-input {
		order: 5;
	}
	.sqs-add-to-cart-button-wrapper {
		order: 6;
	}
	.product-sharing {
	order:7;
	}
}

 

Thanks!! It worked great.

Link to comment
  • 2 months later...

Hi there! I'm looking to add this to my page as well. The custom CSS doesn't seem to be working for me. Are there any modifications I need to make to the code for it to work for my website's products? Thank you!

Link to comment
  • 2 weeks later...
On 1/4/2020 at 11:54 PM, Savvy said:

Hi there! I'm looking to add this to my page as well. The custom CSS doesn't seem to be working for me. Are there any modifications I need to make to the code for it to work for my website's products? Thank you!

Which template are you using? Can you post a link to your site?

I'm Colin Irwin aka silvabokis.  I've been a Squarespace designer & developer since 2013. 
I remember when it was all wild prairies round these here parts. 🐃🤠
Advice I give on here is free, though I may sometimes post an affiliate link or promote something I've written.
That reminds me.. ..you might want to check out my
Squarespace template finder or have a look at my other Squarespace tips
Speaking of tips, 💲I've got a tip jar that you're welcome to throw a few quid into if you think I've helped you. 
If you're looking for a Squarespace developer 
Book a chat or Drop me a line - first meeting is always free  

 

Link to comment
  • 3 months later...

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.