Jump to content

Recommended Posts

It would be better to move an element instead of repeating it. 

For example, you could move the price next to the variant options, or move the variant options next to the price.

Improve your online store with our extensions.
About: Squarespace Circle Leader since 2017. I value honesty, transparency, appreciation and great design ♥.
Work: Squarespace Developer and founder of SF Digital, building the features Squarespace didn't include™.
Content: Links in my posts may refer to SF Digital products or may be affiliate links.

Buy me a coffee

Link to comment

Why do you think that? From a technical view or from usability? I think the price would be good on both section. Especially in the mobile version you have to scroll a lot if you want to see this information... and we know that nobody likes to do that. 

If its technically better to have one price tag, I would put it just bevor the "buy" Button. But then I have to change the css too.

Can you help me with that?

Link to comment
2 hours ago, becksebastian said:

Why do you think that? From a technical view or from usability?

The less stuff you show users, the less they'll have to scan and comprehend, and the better the odds that they'll complete the purchase workflow. Duplicating information adds overhead to both the scanning process and the comprehension process.

To move the price to just before the variant options, add the following to Custom CSS:

.ProductItem-details .product-price {
    -webkit-box-ordinal-group: 5;
    -moz-box-ordinal-group: 5;
    -ms-flex-order: 5;
    -webkit-order: 5;
    order: 5;
}

CSS applied to page

Improve your online store with our extensions.
About: Squarespace Circle Leader since 2017. I value honesty, transparency, appreciation and great design ♥.
Work: Squarespace Developer and founder of SF Digital, building the features Squarespace didn't include™.
Content: Links in my posts may refer to SF Digital products or may be affiliate links.

Buy me a coffee

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.