Can't Scroll to Checkout Button if Too Many Items in Cart on Testament Theme

Lhamm
New Member
5 0 0

I know that this issues was addressed with another thread, but I looked through them and I can not get my store to fix itself when customers add more than 4 items in their cart. I have had multiple customers call about not being able to click checkout when they have a good list to purchase. I would like to keep using the Modal feature for the cart. My store is https://shop.openroadhd.com/ I feel like it has something to do with the coding with this theme. If I could get some help with this, it would be much appreciated. 

 

Thank you.

0 Likes
Jasoliya
Shopify Expert
4120 569 997

Hi @Lhamm 

1. Go to Online Store->Theme->Edit code
2. Asset->theme.scss->paste bellow code in bottom of file

 @media only screen and (min-width: 485px) {
      .ajaxifyCart--products{max-height: 500px;overflow-y: auto;} 
    }
Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com Or WhatsApp Or Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
0 Likes
Lhamm
New Member
5 0 0
I do not have a "theme.scss" in my code under assets. I have "theme.js.liquid. and that is where I placed the code. Now I can't use the button quick view to see the product and sizes it just gives me the product picture(s)
0 Likes
StoreMedics
Shopify Partner
62 5 11

You need to add that code above to a css or scss file. You added to a javascript (.js) file which will break your theme.

We work on Shopify stores to improve, maintain, and build functionality across all store types.
- Reach Out To Us! | hello@storemedics.com
- Visit Our Site! | https://www.storemedics.com

If we helped, leave a Like / Accept Solution
0 Likes
Jasoliya
Shopify Expert
4120 569 997

If you have no css file then add in layout->theme.liquid file just before </body>

<style> 
@media only screen and (min-width: 485px) { .ajaxifyCart--products{max-height: 500px;overflow-y: auto;} }
</style>
Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com Or WhatsApp Or Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
0 Likes
sudsyandcompany
Tourist
4 0 3

We have the exact same issue. How do we convert the cart to a page and not a popup?


@Jasoliya wrote:

If you have no css file then add in layout->theme.liquid file just before </body>

<style> 
@media only screen and (min-width: 485px) { .ajaxifyCart--products{max-height: 500px;overflow-y: auto;} }
</style>

 

Jasoliya
Shopify Expert
4120 569 997

Hi @sudsyandcompany 

This post is for adding scroll to section not for making cart as popup.

IF you want cart popup not cart page then we have to make many code for that it's not easy to send you code here. If you want to make popup instead of cart page then PM me i can help you.

 

Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com Or WhatsApp Or Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
0 Likes
twopenz
New Member
3 0 0

This works. I too, had the scrolling issue. Thanks for the assist! 

0 Likes
Madcap717
New Member
4 0 0

Hi there. This almost works for the same issue I"m having on my site. I added the above code and it added a scroll bar, but it still does not scroll far enough to let you checkout your purchases. Any thoughts? Thank you!

0 Likes
Ninthony
Shopify Partner
1631 224 612

There may be some padding you need to add. Can you provide a link to your store and a password if password protected so that we can take a look? 

If my solution helped you, please like and accept as solution!
If you'd like to make any edits to your store, please send me a personal message and we can discuss what you'd like to accomplish :D
0 Likes