Cart Drawer Continue shopping Link/button

[RobArt98]

Hello everyone,

searching for a solution to implement “Continue Shopping” on my card drawer, after added some products.

Im using sportlight theme 11.0.

1. The position of the “Continue shopping” is secondary. To have the functionality is more important

2. as well to change the Quantity Box without lines

thanks in advance

[sahilsharma9515]

Hi @RobArt98

Could you please provide your Store URL and, if applicable, the Password too? Your cooperation is greatly appreciated!

Best Regards,

Sahil

[RobArt98]

I found a solution for the second part

theme.liquid. before /body

. quantity:after { box-shadow: none !important; }

Searching for the first part of my question

[sahilsharma9515]

Hello @RobArt98 Glad to hear that you have found solution for one part of your question, For the other part I still need the Store URL so that I can provide you the solution.

Best Regards

Sahil

[RobArt98]

hey, thanks @sahilsharma9515 … im not allowed to share any url or password.. im sorry

[sahilsharma9515]

Got your point, Can you tell me which theme you are using, because without having store Store URL it will be difficult for me to help you, but if you can tell that what theme you are using then I can look into that theme and can provide you some solution.

Best Regards

Sahil

[RobArt98]

@sahilsharma9515 im using spotlight 11.0 .. many many thanks

[sahilsharma9515]

@RobArt98 Thanks for providing the theme name.

Can you please add this code in cart-drawer.liquid

  {{ 'general.continue_shopping' | t }}

If you are not sure where is your cart-drawer.liquid file please follow the steps:

1. Login in shopify admin.
2. Click on the Online Store.
3. Then click on the button next to Customize in Spotlight Theme.
4. Click Edit Code.
5. Search cart-drawer.liquid in the code in left hand side.
6. Add the code given above to check it is showing in the Cart drawer or not.

Result:

If you need any assistance then please feel free to ask the same.

Hopefully it will help you. If yes then Please hit Like and Mark it as solution!

Best Regards

Sahil

[RobArt98]

@sahilsharma9515 i already have this code snipped in my cart-drawer.liquid.. i dont know why it is not working

{{ 'general.continue_shopping' | t }}

[RobArt98]

is there a way as well, to change the font size just for mobile version

[sahilsharma9515]

@RobArt98 Then in that case this need troubleshooting and without having the URL I can’t able to provide you the solution or can’t able to troubleshoot your issue. Sorry for that .

Best Regards

Sahil

[RobArt98]

no problem @sahilsharma9515

may you can assist with the font size of the checkout text

[sahilsharma9515]

@RobArt98 It can be possible I am providing you the base code.

@media screen and (min-width: 500px) {
  div.example {
    font-size: 80px;
  }
}

You need to add this code with the name of class or id so that the font size will be small, without store URL I will not be able to provide you Exact solution.

If you need any assistance then please feel free to ask the same.

Hopefully it will help you. If yes then Please hit Like and Mark it as solution!

Best Regards

Sahil

[sahilsharma9515]

@RobArt98 It can be possible I am providing you the base code.

@media screen and (min-width: 500px) {
  div.example {
    font-size: 80px;
  }
}

You need to add this code with the name of class or id so that the font size will be small, without store URL I will not be able to provide you Exact solution.

If you need any assistance then please feel free to ask the same.

Hopefully it will help you. If yes then Please hit Like and Mark it as solution!

Best Regards

Sahil

[RobArt98]

hey @sahilsharma9515

i copied your code, but its not working when im using the class

[RobArt98]

@media screen and (min-width: 1024px) {
div.tax-note caption-large rte {
font-size: 15px;
}
}
@media screen and (min-width: 500px) {
div.cart-drawer__footer{
font-size: 15px;
}
}

both not working..

[sahilsharma9515]

Hi @RobArt98 Try using this.

@media screen and (min-width: 650px) {
div.cart-drawer__footer{
font-size: 15px !important;
}
}

If you need any assistance then please feel free to ask the same.

Hopefully it will help you. If yes then Please hit Like and Mark it as solution!

Best Regards

Sahil

[RobArt98]

in which file this code needs to be copied? In Base.css is it not working

[sahilsharma9515]

You can try adding it in cart-drawer.liquid.

[RobArt98]

not working as well