modify the selection buttons | Voters

modify the selection buttons

Simran Jassal

Can we modify the selection buttons as per my store needs? Instead of saying only "BUY" under the product, I actually want it to say "BUY as BLANK" to keep it clear for the client that there is no decoration included in this option.

4 days ago

Flavio Souza

Chat GPT can help you with this customization. It will generate a script and you would paste it in your developer settings.

Taylor

Flavio Souza would you mind sending your prompt you use to get Chat GPT to do this??

Flavio Souza

Taylor Paste this in you developer settings: <style>
.mdc-button__label {
visibility: hidden;
}
</style>
<script>
(function () {
function updateLabels() {
let updated = false;
document.querySelectorAll(".mdc-button__label").forEach(el => {
if (el.textContent.trim() === "Buy Now") {
el.textContent = "Buy as Blank";
updated = true;
}
});
// Once updated, reveal them
if (updated) {
document.querySelectorAll(".mdc-button__label").forEach(el => {
el.style.visibility = "visible";
});
}
}
// Run ASAP
updateLabels();
// Keep watching for Angular renders
const observer = new MutationObserver(updateLabels);
observer.observe(document.body, {
childList: true,
subtree: true
});
})();
</script>