POP-UP ON TESTAMENT THEME NOT SHOWING ON MOBILE

Solved
alohatoucan
New Member
2 0 0

Hello ! 

I have purchased the Testament theme which comes with a built-in popup mailing sign up box. However, even though I have checked the box stating "Enable Join Mailing List Popup" there is a Pop-up showing on Desktop but still no pop-up showing on mobile...

Could someone help ?

Here is what the code looks like...anything I need to change?

<script type="text/javascript">
if($(window).width() > 500){
// Fancybox Join our mailing list popup
$(document).ready(function(){

{% if settings.test_mode == false %}
var check_cookie = $.cookie('mailing_list_delay_popup');
if(check_cookie == null){
$.cookie('mailing_list_delay_popup', 'expires_seven_days', { expires: 7 });
{% endif %}
//fire your fancybox here
setTimeout(function(){
$.fancybox({
href: "#subscribe_popup"
});
}, 5000);
{% if settings.test_mode == false %}
}
{% endif %}
});
};
</script>

<div style="display:none">
<div id="subscribe_popup">
{% if settings.email_image != blank %}
{% include 'basic-responsive-image', type: settings.email_image %}
<noscript>
<img src="{{ settings.email_image | img_url: '800x' }}" class="popup-image">
</noscript>
{% endif %}
<h3>{{ settings.email_popup_title }}</h3>
<p>{{ settings.footer_signup_text }}</p> <!-- BEGIN #subs-container -->
<div id="subs-container" class="clearfix">
<div id="mc_embed_signup">
{% form 'customer' %}
{{ form.errors | default_errors }}
{% if form.posted_successfully? %}
<p class="success">{{ 'password.general.thanks' | t }}</p>
{% else %}
<input type="hidden" name="contact[tags]" value="prospect, password page">
<input type="email" name="contact[email]" id="mce-EMAIL" placeholder="{{ 'general.newsletter_form.newsletter_email' | t }}">
<input type="submit" id="mc-embedded-subscribe" value="{{ 'general.newsletter_form.submit' | t }}">
{% endif %}
{% endform %}
</div>
</div>
<div class="clear"></div>
<div class="fb-like" data-href="{{ shop.url }}" data-layout="button_count" data-action="like" data-show-faces="true" data-share="false"></div>
</div>
</div>

 

 

Thank you all !!

0 Likes

This is an accepted solution.

Hello @alohatoucan 

 

To show the popup in mobile you have to remove the condition from the script. Please copy below cod and try.

<script type="text/javascript">
// Fancybox Join our mailing list popup
$(document).ready(function(){

{% if settings.test_mode == false %}
var check_cookie = $.cookie('mailing_list_delay_popup');
if(check_cookie == null){
$.cookie('mailing_list_delay_popup', 'expires_seven_days', { expires: 7 });
{% endif %}
//fire your fancybox here
setTimeout(function(){
$.fancybox({
href: "#subscribe_popup"
});
}, 5000);
{% if settings.test_mode == false %}
}
{% endif %}
});
</script>

<div style="display:none">
<div id="subscribe_popup">
{% if settings.email_image != blank %}
{% include 'basic-responsive-image', type: settings.email_image %}
<noscript>
<img src="{{ settings.email_image | img_url: '800x' }}" class="popup-image">
</noscript>
{% endif %}
<h3>{{ settings.email_popup_title }}</h3>
<p>{{ settings.footer_signup_text }}</p> <!-- BEGIN #subs-container -->
<div id="subs-container" class="clearfix">
<div id="mc_embed_signup">
{% form 'customer' %}
{{ form.errors | default_errors }}
{% if form.posted_successfully? %}
<p class="success">{{ 'password.general.thanks' | t }}</p>
{% else %}
<input type="hidden" name="contact[tags]" value="prospect, password page">
<input type="email" name="contact[email]" id="mce-EMAIL" placeholder="{{ 'general.newsletter_form.newsletter_email' | t }}">
<input type="submit" id="mc-embedded-subscribe" value="{{ 'general.newsletter_form.submit' | t }}">
{% endif %}
{% endform %}
</div>
</div>
<div class="clear"></div>
<div class="fb-like" data-href="{{ shop.url }}" data-layout="button_count" data-action="like" data-show-faces="true" data-share="false"></div>
</div>
</div>
Regards,
PSD Webdesigns
support@psdwebdesigns.com
0 Likes
alohatoucan
New Member
2 0 0

Thank you, it is working now !!

0 Likes
ohyours
New Member
1 0 0

Hey. Where exactly do I find this code. I'm having the same issue 

0 Likes
Bellamews
New Member
2 0 0

I am having the same issue as well. Where can I find the code that needs to be edited?

Thanks.

0 Likes