Hallo zusammen,
kann mir jemand sagen wie ich Anzahl und den Button (In den Warenkorb) in eine Reihe bekomme?
Ich hätte es gerne wie zum Beispiel im Horizon Theme.
Vielen Dank
Da musst du im Code was anpassen. Quantity + Buy-Button in einem Block rein, dann mit der Flexbox arbeiten.
Kann ich dir machen. Wird jedoch kostenpflichtig. Melde dich gern bei mir.
Hi @RachidBo
Please navigate to Template Customization in your store admin > Sales Channels> Online Store > Themes > Customize > Products > Default Product. Drag and drop Quantity select above Buy buttons, then add this code to Custom CSS in Theme settings.
.product__info-wrapper div:has(.product-form) {
margin-top: -72px;
}
.product__info-wrapper .product-form__buttons . product-form__submit {
width: calc(100% - 152px);
float: right;
}
Best regards,
Dan from Ryviu: Product Reviews App
Hi Dan,
thank you for your code. We are getting closer to the solution 
Only the shopping cart button covers the number.
I need the code for this website: Titan: Hochwertige Schutzhandschuhe für Profis – Arttribute
Can you take a look here too? THX
My bad, it was have a space between “.” and “product-form__submit” caused the issue. Please update the code to this to solve
.product__info-wrapper div:has(.product-form) {
margin-top: -72px;
}
.product__info-wrapper .product-form__buttons .product-form__submit {
width: calc(100% - 152px);
float: right;
}
YEEEESSS
I added this:
.product-form__buttons {
max-width: 100%;
}
Now it looks good
Thank you very much for you help.
Greetings from germany…
1 Like
You are very welcome!
@All: To show the “More Payment Option” link you need this code:
.product__info-wrapper div:has(.product-form) {
margin-top: -72px;
}
.product__info-wrapper .product-form__buttons .product-form__submit {
width: calc(100% - 152px);
float: right;
}
.product-form__buttons {
max-width: 100%;
}
a#more-payment-options-link {
margin-top: 65px;
}
1 Like