Shopify themes, liquid, logos, and UX
Hi,
In the theme language settings, it seems there's only a post-submit message if someone has NOT subscribed to our mailing list.
But when a subscribed e-mail tries to sign up again, the page refreshes and does nothing and does not give an error message like "You have already subscribed!"
How can I add a "You have already subscribed!" post-message if someone tries to re-subscribe?
Hi @onyx_au,
Newsletter Language for Already Subscribed users you need to add following code:
Add following script on this file: SALES CHANNELS > Online Store > Themes > Actions > Edit code > Assets > global.js
var live_url = window.location.href;
var result = live_url.includes('form_type=customer');
var input_val = document.querySelector('#NewsletterForm--footer').value.length;
if(result && input_val != 0){
const add_ele = document.createElement("h3");
add_ele.innerText = "You have already subscribed!";
document.querySelector('.newsletter-form__field-wrapper').appendChild(add_ele);
add_ele.classList.add('newsletter_already_subscribe','newsletter-form__message','form__message');
}
Add following CSS code on this file: SALES CHANNELS > Online Store > Themes > Actions > Edit code > Assets > component-newsletter.css
.newsletter_already_subscribe{
color: red;
}
How it will looks like after adding above code in your Shopify Store:
Thank you.
Worked perfectly for me!
Hi @SheetalZadfiya ! Would you happen to have an updated code for the Dawn theme? I tried using the code above to enable the "You've already subscribed!" message, but it doesn't appear to work. Thank you so much in advance!
User | RANK |
---|---|
208 | |
177 | |
63 | |
51 | |
47 |
On our Shopify Expert Marketplace, you can find many trusted third party developers and fr...
By Arno Nov 27, 2023You've downloaded the Search & Discovery app from the Shopify App store, and as you're ...
By Skye Nov 8, 2023The year-end shopping season is just around the corner. Is a flash sale on your radar? Are...
By Jasonh Nov 6, 2023