Shopify themes, liquid, logos, and UX
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
Solved! Go to the solution
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;
}
yes can you please confirm this look!
Sorry for the late reply.
I've redesigned the cart drawer and now I just need a "Remove" text under the product.
Like this.
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;
}
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.
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.
@BlankStudio yes its possible to make more customization code
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.
We recently spoke with Zopi developers @Zopi about how dropshipping businesses can enha...
By JasonH Oct 23, 2024A big shout out to all of the merchants who participated in our AMA with 2H Media: Holi...
By Jacqui Oct 21, 2024We want to take a moment to celebrate the incredible ways you all engage with the Shopi...
By JasonH Oct 15, 2024