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

Extra Price Field


becksebastian

Question

  • Answers 4
  • Created
  • Last Reply

Top Posters For This Question

Top Posters For This Question

Popular Posts

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 scan

Posted Images

4 answers to this question

Recommended Posts

  • 0

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.

sf-digital-signature-logo-email145.png.46606a2288a2847f44d81b9b7b58f3a5.png
Hi, I'm Paul, founder of SF Digital, a specialist company helping Squarespace users by building the features that Squarespace didn't include.
Explore our range of Squarespace Extensions, including the Wishlist, and Datepicker Extension or book a Squarespace Expert for 1:1 help. Note that links in my posts may be affiliate links.

Link to post
  • 0

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 post
  • 0
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

sf-digital-signature-logo-email145.png.46606a2288a2847f44d81b9b7b58f3a5.png
Hi, I'm Paul, founder of SF Digital, a specialist company helping Squarespace users by building the features that Squarespace didn't include.
Explore our range of Squarespace Extensions, including the Wishlist, and Datepicker Extension or book a Squarespace Expert for 1:1 help. Note that links in my posts may be affiliate links.

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