Cart - Add a shipping rates calculator to your cart

TyW
Community Manager
556 38 997

You can add a shipping rates calculator to your cart page that lets customers estimate their shipping costs before they proceed to the checkout page.

 

calc01.jpg

 

The steps for this tutorial differ depending on whether you are using a sectioned or a non-sectioned theme. A sectioned theme is a newer theme that lets you drag and drop to arrange the layout of your store's pages.

To figure out whether your theme supports sections, go to the theme's Edit code page. If there are files in the Sections directory, you are using a sectioned theme. Non-sectioned themes were released before October 2016, and do not have files in the Sections directory.

If you are using a sectioned theme, then click the Sectioned themes link and follow the instructions. If you are using an older, non-sectioned theme, then click the Non-sectioned themes link and follow the instructions.

TyW | Online Community Manager @ Shopify 
 - Was my reply helpful? Click Like to let me know! 
 - Was your question answered? Mark it as an Accepted Solution
 - To learn more visit the Shopify Help Center or the Shopify Blog

Replies 126 (126)
TAGSAngel
Trailblazer
144 1 59

Do you know if it works with Simple Theme?

chenster
Pathfinder
122 4 17

Yes. It works with all free themes including Simple, I tested them all.

Cartoo
TAGSAngel
Trailblazer
144 1 59

@chenster Do you know if it works with Simple Theme?

TAGSAngel
Trailblazer
144 1 59

Just from the test store on the app page, I found a problem.  1.  to change location you are not taking zip codes  your requesting city/state names.   Some cities have multiple zip codes which would bring different rates due to rural / city etc.   I typed in New York, NY and it says there are no results      I think you might want to change that to get rates from zip codes instead.

chenster
Pathfinder
122 4 17

Thanks for letting me know. I did overlook some nuanced use cases and still need to add fuzzy search. Will fix and post back. 

Cartoo
TAGSAngel
Trailblazer
144 1 59

I'll keep watch,   I did after trying a bunch of things get it to show a rate for "New York City" but no one is going to type that in  they're going to do NY or New York.   Zip codes are the best way to go.
Also, I found that when you choose a city and a rate does come up, the box where you typed the city covers the first rate.  you need to click down in the rate box to get it to go away  (and then it also jumped around with different names)  I think it needs a lot of tweaking but I'm confident and hopeful you'll iron everything out.

 

chenster
Pathfinder
122 4 17

Also, I found that when you choose a city and a rate does come up, the box where you typed the city covers the first rate.  you need to click down in the rate box to get it to go away  (and then it also jumped around with different names)


Possible for you to attach a screenshot (or even better a screencast)? 

 

 
Cartoo
TAGSAngel
Trailblazer
144 1 59

@chenster  I don't know how to do a screen cast  and when I try to use the snip tool what I'm experiencing goes off the screen so I can't help in that manner.  But I tried to get rates for Massapequa NY (11758)  Although it shows it as a choice, 4 times it said there were no rates for Massapequa.  Then it filled in Massapequa Park (11756)  the 5th time it gave me rates for Massapequa (11758) . Right now it's too quirky for me.  I'll check back when you've done some improvements, but thank you so much for doing this.  When it's working nicely I'm sure it will solve many issues for a lot of users.

chenster
Pathfinder
122 4 17

Did you choose one of the options from the auto-suggestion? It should only have the those options. 

chenster_0-1635221815037.png

You can try "RecordIt" for recording screen.  It would worth more than so much than words.   

Cartoo
chenster
Pathfinder
122 4 17

Quick update, zip code search now is supported! See attached. @TAGSAngel @DabsDesign 

 

chenster_0-1635443472830.png

View in example store

Please report any other bugs you found or need additional features!

 

Cartoo