Jump to content

Changing display order of delivery costs

Recommended Posts

Site URL: https://www.hoganscider.co.uk

Hello

I have a couple of free delivery options on checkout (collect from ourselves and local delivery) plus two courier options.  Squarespace displays them in the order of cost so the Local delivery appears first.  Many purchasers especially if they use Apple pay, accidentally select this option and the order comes through without paying for a courier charge.  Which then involves a bit of to and fro on email.  It would be good to be able to display the courier options first in the list.  Is this possible?

Many thanks, Jane

Link to comment
  • Replies 5
  • Created
  • Last Reply

Top Posters In This Topic

You can add this to Advanced->Custom code injection

image.thumb.png.a6668a0d2662064ef823d5efa9c8b734.png

[class*=ShippingOptions-container] .u-field-radio-group {
  display: flex;
    flex-direction: column-reverse;
  
}

 

Greeting, it's BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.
Feel free to check my current Squarespace Plugins Developement: Enable Pinch/Zoom on lightbox, Delivery Date Picker, Keyword Highlighter
If you find my answer fit your need, let's leave a like or upvote so others with the same issue can find their solution. Thank you

Link to comment
On 7/16/2020 at 9:04 AM, JaneHogan said:

I have a couple of free delivery options on checkout.  Squarespace displays the Local delivery appears first.  Many purchasers accidentally select this option and the order comes through without paying for a courier.  It would be good to be able to display the courier options first in the list.  Is this possible?

Unfortunately, you cannot change this Jane. For more details, see my existing post here: 

This forum is not monitored for product feature requests. You can add your voice to the many requests for this feature, by contacting Squarespace Customer Support.

 

 

3 hours ago, bangank36 said:

You can add this to Advanced->Custom code injection

Nice try, but this isn’t true 🙂. You cannot affect the checkout page by adding code to Squarespace.


The CSS is only working for you because you are testing it in your own browser. If you add this CSS to Squarespace it will be blocked from affecting the checkout page.

Edited by paul2009

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

Nice info, thanks for pointing out, I hope you can help JaneHogan

Greeting, it's BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.
Feel free to check my current Squarespace Plugins Developement: Enable Pinch/Zoom on lightbox, Delivery Date Picker, Keyword Highlighter
If you find my answer fit your need, let's leave a like or upvote so others with the same issue can find their solution. Thank you

Link to comment
34 minutes ago, bangank36 said:

I hope you can help JaneHogan

This cannot be solved ☹️.

Squarespace's own engineers need to add a feature that allows us to change the order of delivery/shipping options.

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.