Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0
MATTER

Shopping Cart slight Customization

Question

Site URL: http://www.skin-matter.com

Hi @tuanphan

I need to do some changes in my shopping cart overview. Picture is here attached. Basically, I would lie kto:

 

- Hide during the checkout the additional info about the price (100ml / 100g)

- product price should be a little bolder and bigger

- product description should be a little smaller

 

Thanks!

345321948_Bildschirmfoto2020-06-27um15_27_53.thumb.png.ba312d4319cef6a5ca84c62229d2a19e.png

Share this post


Link to post

4 answers to this question

Recommended Posts

  • 0

You can make changes by adding CSS to Design > Custom CSS. Note that when you make changes to the cart, you must normally save the CSS and then refresh the page before the changes will take effect in your preview window.

Below are some examples to change the font size of the price, subtotal and the product title on the cart page. The final section hides the variant information such as 250ml: €17.00.

.CartTableRow-itemPrice-26eXS {
  font-size: 20px; //Price font-size
}
.CartTable-subtotalPrice-2JFeD {
  font-size: 20px; //Subtotal font-size
}
.CartTableRow-itemDesc-1MjIC a {
  font-size: 16px; //Product title font-size
}
.CartTableRow-variantInfo-1Ms2c {
  display: none; // Hide variant info
}

 


sf-digital-signature-logo-email145.png.46606a2288a2847f44d81b9b7b58f3a5.png
Hi, I'm Paul, founder of SF Digital, a specialist company building the features that Squarespace didn't include
I am a Squarespace Expert and Squarespace Circle Leader with a
strong reputation on the Squarespace Forum. I'm trusted by thousands of Squarespace users worldwide, including designers, freelancers, business owners and agencies. My extensions add capabilities to Squarespace websites around the globe. They include the Enquiry Form ExtensionDatepicker Extension and Age Verification ExtensionNeed a custom Squarespace extension? Tell me about the functionality you need. Note that some links in my posts may be affiliate links. Book a Squarespace Expert when you need help.

Share this post


Link to post
  • 0

@paul2009 good morning! sorry, just a short double check if additionally to the code here above, there is something you can do in order to hide these 2 elements (see picture attached) at the last step of the checkout? thank you!!! 

Bildschirmfoto 2020-06-27 um 16.50.30.png

Share this post


Link to post
  • 0

The checkout cannot be changed, so there’s nothing you can do about this. 😢

See this article for more info: Can I edit the Squarespace checkout?


sf-digital-signature-logo-email145.png.46606a2288a2847f44d81b9b7b58f3a5.png
Hi, I'm Paul, founder of SF Digital, a specialist company building the features that Squarespace didn't include
I am a Squarespace Expert and Squarespace Circle Leader with a
strong reputation on the Squarespace Forum. I'm trusted by thousands of Squarespace users worldwide, including designers, freelancers, business owners and agencies. My extensions add capabilities to Squarespace websites around the globe. They include the Enquiry Form ExtensionDatepicker Extension and Age Verification ExtensionNeed a custom Squarespace extension? Tell me about the functionality you need. Note that some links in my posts may be affiliate links. Book a Squarespace Expert when you need help.

Share this post


Link to post

Create an account or sign in to comment

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


×
×
  • Create New...