Jump to content

Extra Price Field

Recommended Posts

  • Replies 4
  • Views 378
  • Created
  • Last Reply

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.

About me: I'm Paul. A SQSP User for 18 yrs, I've been a Circle Leader since 2017. I value honesty, transparency, diversity and good design ♥.
Work: Founder of SF.DIGITAL, providing high quality original extensions to supercharge your Squarespace website. 
Content: Views and opinions are my own. Links in my posts may refer to my own SF.DIGITAL products or may be affiliate links.
Forum advice is free. You can thank me by clicking one of the feedback emojis below. Coffee fuels my work.

Book paid help with domains: Connect a GoDaddy domain. Connect a Squarespace Domain. Domain assistance

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

About me: I'm Paul. A SQSP User for 18 yrs, I've been a Circle Leader since 2017. I value honesty, transparency, diversity and good design ♥.
Work: Founder of SF.DIGITAL, providing high quality original extensions to supercharge your Squarespace website. 
Content: Views and opinions are my own. Links in my posts may refer to my own SF.DIGITAL products or may be affiliate links.
Forum advice is free. You can thank me by clicking one of the feedback emojis below. Coffee fuels my work.

Book paid help with domains: Connect a GoDaddy domain. Connect a Squarespace Domain. Domain assistance

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.