Shopify themes, liquid, logos, and UX
Hi everybody,
On my website: "https://weinhausottopaus.myshopify.com/products/weingut-hilz-grauburgunder-trocken-2023?_pos=1&_psq=... password is "lakoer", I also try to fit the "add to cart / In den Warenkorb" button next to the quantity. I also would like to make a thin line around the quantity like it is shown in the images in this thread: https://community.shopify.com/c/shopify-design/how-to-move-quantity-selector-next-to-add-to-cart-but...
Could someone help me with the correct code?
Which information do you need else?
Thanks a lot in advance!
Best
Julian
Go to your online store -> customize -> settings -> custom css and paste the below code there
@media (min-width: 1024px) {
.button.accent, input[type=submit].accent {
width: 75%;
bottom: 125px;
background: var(--color-accent);
color: var(--solid-button-label, #fff);
}
.add_to_cart_holder {
display: flex;
justify-content: flex-end;
}
}
Thanks for your quick reply.
The "in den Warenkorb" Element is now shown right to the quantity selector which is nice. But the product form section remains at the same position. Thus there is free space and if I hide the "product form" section, the button right to the quantity selector is also hidden.
And can I add a thin border around the "quantity selector" like here?
https://community.shopify.com/c/shopify-design/how-to-move-quantity-selector-next-to-add-to-cart-but...
Thank you in advance!
Best
Julian
Use this code to add border around quantity selector
.thb-product-detail .quantity {
margin-bottom: 30px;
border: 1px solid;
}
and for the positioning of add to cart button. we need to make changes in theme file
Thanks for your reply.
The border worked.
Okay. Do you need some code of the file we need or how could we try this?
I need collaborator access of your store to see the add to cart form code and adjust the positioning
Hello asad can you also do this for our store please, we have the same issue!
Learn how to expand your operations internationally with Shopify Academy’s learning path...
By Shopify Feb 4, 2025Hey Community, happy February! Looking back to January, we kicked off the year with 8....
By JasonH Feb 3, 2025Expand into selling wholesale with Shopify Academy’s learning path, B2B on Shopify: Lau...
By Shopify Jan 28, 2025