My buy buttons currently look like this:
How can i make them look like this instead:
Basically i want them to be in the same line and have the mobile version be the same as it is
Topic summary
Goal: change product page purchase buttons to appear on one line while keeping the mobile layout unchanged.
Access: The store was initially password-protected; access was granted by removing the password.
Solution provided: A contributor instructed to edit the theme code (Online Store → Edit Code → theme.liquid) and insert custom code above the tag. A screenshot confirmed the buttons now display on a single line. (Note: the exact code snippet isn’t visible in the thread capture.)
Current state: The one-line layout is working, and the requester expressed satisfaction.
New requests (pending):
- Add a small notice directly above the “Buy Now” button indicating a discount for prepaid orders (example screenshot provided).
- Round the corners of the buttons to match the example styling.
Media relevance: Multiple screenshots are central for layout and styling expectations.
Status: Partially resolved. The alignment issue is fixed; guidance for adding the promo text box and rounding buttons is still requested and unresolved.
Hey @Motoblox
Your store is password protected, can you share the password as well?
Best Regards,
Moeed
sure here it sis
i have removed it now
Hey @Motoblox
Follow these Steps:
-
Go to Online Store
-
Edit Code
-
Find theme.liquid file
-
Add the following code in the bottom of the file above tag
RESULT:
If I managed to help you then, don’t forget to Like it and Mark it as Solution!
Best Regards,
Moeed
1 Like
this is looking good thanks a lot is there a way to add a small text box over buy now that says there is a discount on prepaid orders
Here is a example:
Also if you can help me round the buttons that would go a long way