Re: Change quantity selector and delete icon position in DAWN

Solved

Change quantity selector and delete icon position in DAWN

BlankStudio
Explorer
56 1 22

Hello.

So, I recently changed my cart drawer style and added custom code, but I don't like the way the quantity selector and delete icon location.
Can someone help me find a way to place them as it shows in the image?

Or just remove the extra space.

Thanks

www.blankstudiocy.com

trt4t4www.PNG

Accepted Solution (1)
KetanKumar
Shopify Partner
37133 3648 12061

This is an accepted solution.

@BlankStudio no rush thanks for update can you try this code 
1. Go to Online Store->Theme->Edit code
2. Asset->/component-cart-drawer.css ->paste below code at the bottom of the file.

.cart-drawer .cart-items .cart-item__quantity {
    position: absolute;
    left: -105px;
    bottom: -30px;
}
.cart-drawer .cart-item {
    position: relative;
    margin-bottom: 30px;
}
.cart-drawer .cart-item:last-child {
    margin-bottom: 30px;
}

 

KetanKumar_0-1718693274770.png

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing

View solution in original post

Replies 6 (6)

KetanKumar
Shopify Partner
37133 3648 12061

@BlankStudio 

yes can you please confirm this look!

KetanKumar_0-1718520658109.png

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
BlankStudio
Explorer
56 1 22

Sorry for the late reply.

I've redesigned the cart drawer and now I just need a "Remove" text under the product.

Like this.

www.blankstudiocy.com

reg.PNG

KetanKumar
Shopify Partner
37133 3648 12061

This is an accepted solution.

@BlankStudio no rush thanks for update can you try this code 
1. Go to Online Store->Theme->Edit code
2. Asset->/component-cart-drawer.css ->paste below code at the bottom of the file.

.cart-drawer .cart-items .cart-item__quantity {
    position: absolute;
    left: -105px;
    bottom: -30px;
}
.cart-drawer .cart-item {
    position: relative;
    margin-bottom: 30px;
}
.cart-drawer .cart-item:last-child {
    margin-bottom: 30px;
}

 

KetanKumar_0-1718693274770.png

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
BlankStudio
Explorer
56 1 22

Hello,

Sorry for the delay.

Yes, but I don't want the trash icon, I want text that says " REMOVE"

Also, if it's possible to add the quantity selector on the right side like this.

reg.PNG

This is basically my final cart drawer design.

I will really appreciate it if you could make it look like the image above and make it work for mobile also.

I've been working on the cart drawer for a very long time, and I still can't figure it out.

KetanKumar
Shopify Partner
37133 3648 12061

@BlankStudio yes its possible to make  more customization code 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing

PageFly-Noah
Shopify Partner
1317 233 275

 

This is Noah from PageFly - Shopify Page Builder App

Hi @BlankStudio  To do that you need to change the structure in the cart-drawer file. You can contact theme support for support or you can send me the source code image so I can help you.

 

Best regards,

Noah | PageFly

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.