Cart Drawer Continue shopping Link/button

Solved

Cart Drawer Continue shopping Link/button

RobArt98
Pathfinder
96 3 14

Hello everyone,

 

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

Im using sportlight theme 11.0.

Bildschirmfoto 2023-11-02 um 10.30.12.png

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 

Bildschirmfoto 2023-11-02 um 10.58.51.png

thanks in advance 

Accepted Solution (1)
RobArt98
Pathfinder
96 3 14

This is an accepted solution.

@sahilsharma9515 i found the solution. many thanks for your support

component-total.css

 

@media only screen and (max-width: 767px) {
.totals > h2 {
font-size: 11px;

}}

View solution in original post

Replies 22 (22)

sahilsharma9515
Shopify Partner
1076 132 203

Hi @RobArt98 

 

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

 

Best Regards,

Sahil

- Your

 Coffee Tip 

can create magic in coding ❤️❤️

- Need a Shopify Developer? CHAT ON WHATSAPP or EMAIL ME !


- Hopefully the solution will help you. If yes then Please hit

 Like 

and

 Mark it as solution! ❤️


RobArt98
Pathfinder
96 3 14

I found a solution for the second part

theme.liquid. before /body

<style> .

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

</style>

 

 

Searching for the first part of my question 🙂 

sahilsharma9515
Shopify Partner
1076 132 203

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

- Your

 Coffee Tip 

can create magic in coding ❤️❤️

- Need a Shopify Developer? CHAT ON WHATSAPP or EMAIL ME !


- Hopefully the solution will help you. If yes then Please hit

 Like 

and

 Mark it as solution! ❤️


RobArt98
Pathfinder
96 3 14

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

sahilsharma9515
Shopify Partner
1076 132 203

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

- Your

 Coffee Tip 

can create magic in coding ❤️❤️

- Need a Shopify Developer? CHAT ON WHATSAPP or EMAIL ME !


- Hopefully the solution will help you. If yes then Please hit

 Like 

and

 Mark it as solution! ❤️


RobArt98
Pathfinder
96 3 14

@sahilsharma9515 im using spotlight 11.0 .. many many thanks 🙂 

sahilsharma9515
Shopify Partner
1076 132 203

@RobArt98 Thanks for providing the theme name.

 

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

 

<a href="{{ routes.all_products_collection_url }}" class="button">
  {{ 'general.continue_shopping' | t }}
</a>

 

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:

sahilsharma9515_0-1698922559800.png

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

- Your

 Coffee Tip 

can create magic in coding ❤️❤️

- Need a Shopify Developer? CHAT ON WHATSAPP or EMAIL ME !


- Hopefully the solution will help you. If yes then Please hit

 Like 

and

 Mark it as solution! ❤️


RobArt98
Pathfinder
96 3 14

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

 

<a href="{{ routes.all_products_collection_url }}" class="button">
{{ 'general.continue_shopping' | t }}
</a>

RobArt98
Pathfinder
96 3 14

is there a way as well, to change the font size just for mobile version Bildschirmfoto 2023-11-02 um 11.58.28.png

sahilsharma9515
Shopify Partner
1076 132 203

@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

- Your

 Coffee Tip 

can create magic in coding ❤️❤️

- Need a Shopify Developer? CHAT ON WHATSAPP or EMAIL ME !


- Hopefully the solution will help you. If yes then Please hit

 Like 

and

 Mark it as solution! ❤️


sahilsharma9515
Shopify Partner
1076 132 203

@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

 

- Your

 Coffee Tip 

can create magic in coding ❤️❤️

- Need a Shopify Developer? CHAT ON WHATSAPP or EMAIL ME !


- Hopefully the solution will help you. If yes then Please hit

 Like 

and

 Mark it as solution! ❤️


RobArt98
Pathfinder
96 3 14

no problem @sahilsharma9515  🙂 

 

may you can assist with the font size of the checkout text Bildschirmfoto 2023-11-02 um 11.58.28.png

sahilsharma9515
Shopify Partner
1076 132 203

@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

- Your

 Coffee Tip 

can create magic in coding ❤️❤️

- Need a Shopify Developer? CHAT ON WHATSAPP or EMAIL ME !


- Hopefully the solution will help you. If yes then Please hit

 Like 

and

 Mark it as solution! ❤️


RobArt98
Pathfinder
96 3 14

hey @sahilsharma9515 

i copied your code, but its not working when im using the class Bildschirmfoto 2023-11-02 um 12.47.39.png

RobArt98
Pathfinder
96 3 14

@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
Shopify Partner
1076 132 203

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

- Your

 Coffee Tip 

can create magic in coding ❤️❤️

- Need a Shopify Developer? CHAT ON WHATSAPP or EMAIL ME !


- Hopefully the solution will help you. If yes then Please hit

 Like 

and

 Mark it as solution! ❤️


RobArt98
Pathfinder
96 3 14

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

sahilsharma9515
Shopify Partner
1076 132 203

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

- Your

 Coffee Tip 

can create magic in coding ❤️❤️

- Need a Shopify Developer? CHAT ON WHATSAPP or EMAIL ME !


- Hopefully the solution will help you. If yes then Please hit

 Like 

and

 Mark it as solution! ❤️


RobArt98
Pathfinder
96 3 14

not working as well 😞  

sahilsharma9515
Shopify Partner
1076 132 203

Sorry 😞 without having the store URL, I will be unable to help you. For solving this issue I need the URL.

- Your

 Coffee Tip 

can create magic in coding ❤️❤️

- Need a Shopify Developer? CHAT ON WHATSAPP or EMAIL ME !


- Hopefully the solution will help you. If yes then Please hit

 Like 

and

 Mark it as solution! ❤️


RobArt98
Pathfinder
96 3 14

@sahilsharma9515  i found where it can be changed. 

"component-totals.css" 

 

.totals > h2 {
font-size: calc(var(--font-heading-scale) * 1.6rem);

}

 

But if im doing the changes it applies as well for desktop version. may you can assist and help out, to find a solution where only the mobile version is effected 🙂 

RobArt98
Pathfinder
96 3 14

This is an accepted solution.

@sahilsharma9515 i found the solution. many thanks for your support

component-total.css

 

@media only screen and (max-width: 767px) {
.totals > h2 {
font-size: 11px;

}}