Hello, I would like to removed share and customizations button in our product page, how can we do that? Before we used customize apps from Zakeke, but for now we dont use it so we want to hide ( if it can ) the button and share button, because when you click it, it going nowhere too ( note : before we had web developer but right now we try to fix it by ourself ) please help , here is the link of the page
Topic summary
A user seeks to remove or hide the “Customize” and “Share” buttons from their product page in the Banita theme. These buttons are non-functional remnants from a previously used Zakeke customization app that has since been discontinued.
Multiple solutions provided:
Three different support teams (PageFly, KetanKumar, and GemPages) offered CSS-based solutions:
- Most common approach: Add CSS code to hide the buttons by navigating to Online Store → Theme → Edit code → style.css, then paste display:none rules targeting the specific button selectors at the bottom of the file
- Alternative method: Insert code in theme.liquid file before the closing tag
Key technical details:
- Target selectors include
#zakeke-product-button,.product-actions-link.share-button, and related classes - All solutions use
display: none !important;to hide elements
Outcome: The original poster confirmed the solutions were helpful, suggesting the issue was resolved.
1 Like
Hi @Machocamacho ,
This is PageFly - Advanced Page Builder.
You can try with this code:
Follow this:
Step 1: Go to Online Store->Theme->Edit code.
Step 2: Search file style.css.
Step 3: paste the below code in the bottom of the file → save.
button#zakeke-product-button, .product-actions-link .share-button.share-button–right {
display: none !important;
}
Hope that my solution works for you.
Best regards,
PageFly
oh sorry for that issue can you try this code
- Go to Online Store->Theme->Edit code
- Asset->/style.css ->paste below code at the bottom of the file.
.product-info-block div.share-button, button#zakeke-product-button {
display: none !important;
}
1 Like
I would like to give you some recommendations to support you.
Please go to Online Store > Themes > click 3 dots button > Edit code > Style.css and code at the end of the file Style.css.
button#zakeke-product-button, .product-actions-link .share-button {
display: none !important
}
I hope you find the answer useful or if you need further support, do not hesitate to reach out to us.
Kind & Best regards,
GemPages
I would like to give you some recommendations to support you.
Please go to Online Store > Themes > click 3 dots button > Edit code >Style.css and code at the end of the file Style.css.
button#zakeke-product-button,
.product-actions-link .share-button{
display: none !important;
}
I hope you find the answer useful or if you need further support, do not hesitate to reach out to us.
Kind & Best regards,
GemPages
Hello @Machocamacho
I would like to give you some recommendations to support you.
You can follow these steps:
- Go to Online Store → Theme → Edit code
- Open your theme.liquid file, paste the below code before
demo:
I hope you find the answer helpful or if you need further support, do not hesitate to reach out to us.
Kind & Best regards,
GemPages
1 Like
thanks! youre very helpful