shop product button issues
-
Hi,
Every theme update, our product and personalisation button breaks. In our shop page, The “add to cart’ buttons for the product are side by side with our ‘personalisation’ button. But since the update few weeks ago. The button are stacked together but with big gaps in between. Can you able to provide some CSS to fix this.
Attachments:
You must be
logged in to view attached files.
Hello,
I would like to request temporary FTP access to the website to take a better look at the issue there.
Thank you in advance.
Kind Regards
Hi,
Please see details. Login to my-account of the website
Hello,
Seems that access is wrong, could you please update it?
https://prnt.sc/SvrVPLWWy_wh
Looking forward to hearing back from you!
Kind Regards
Hi,
I had a login activity earlier today. Just making sure it was you. If so, did you find a solution to our issue? Also, on our homepage where there’s product and buttons displayed. the ‘add to bag’ button has gone into 2 lines (see image for reference)
Attachments:
You must be
logged in to view attached files.
Hello,
In our last update, we have refactored some CSS for the optimization. It’s mentioned in our change log: https://prnt.sc/merRfpbm0Goi
So in order to remove those changes, define the below code in Theme Settings -> Custom CSS.
.product-grid-item :where(.product-wrapper,.product-element-bottom) {
display: block;
}
.product-grid-item .product-element-top {
margin-bottom: 15px !important;
}
If you’d like to contact us, we are here for whatever questions you may have.
Kind Regards
Hi,
I added it to Custom CSS but it didn’t do anything. Can you also lease let me know how to fix the ‘add to bag’ button on the homepage because the words is in 2 lines, – I sent an image previous reply
Hello,
1. In general, I didn’t change the custom CSS area or any other settings on your website, also on my side the button looks well, here is a screenshot: https://take.ms/TlfbbU
2. The above code just disabled the changes from the last update, if you mean about the buttons side by side, you need to remove the padding that you defined in the Custom CSS area, then the buttons will be side by side.
https://take.ms/x0eBl
Kind Regards
Hi,
The issue now is both buttons are not the same level as each other. Add to bag is higher than personalise button. See image
Thanks
-
This reply was modified 1 year, 9 months ago by
E-N Admin.
-
This reply was modified 1 year, 9 months ago by E-N Admin.
Attachments:
You must be
logged in to view attached files.
Hello,
It’s due to your custom code from the Custom CSS area, more details in this video: https://take.ms/jOTgV
In the meantime, feel free to ask me any questions you may have.
Kind Regards
Thanks for that.
Are you able to let me know how I can make the button side by side on desktop. I changed the shop page to display 4 column of products instead of 3.?
Attachments:
You must be
logged in to view attached files.
Hello,
You need to remove the custom padding for the default “add to cart” button: https://take.ms/KUHbc , https://take.ms/BpqPI
Then the buttons will be in one line, also, you can adjust your custom button and it will look similar to the default button: https://take.ms/MIv6h
Kind Regards
.
