How to disable popups for touch device in BigCommerce
DitDemo
Many in stock
DitDemo
Share: Get $20 for every friend who join us & makes a purchase!
And being a BigCommerce design and development services you’re responsible to improve shoppers experience while they are using responsive online shopping website. One of the most painful things are the modal popups in smaller devices. For example, quickview popup, add to Cart popup and Gift certificate popup in BigCommerce. These popups should be disabled in small devices to improve the shopper’s experience while they are shopping.
Let’s talk about how to hide each popup in BigCommerce. First of all download the theme backup, just to be safe. To do this go to your admin panel, go to design and click on download theme.
Hiding quick view popup
In your mobile specific css or the media query targeting the small screens, just paste the below code. [css] .QuickViewBtn { display:none !important; } [/css]Hiding Gift certificate popup
Go to admin area of your bigcommerce, then click on the design which is on the right top of the admin area. There you will find the Edit HTML/CSS, click on it and look for “PurchaseGiftCertificate.html” In that panel, find the code shown in below screen shot and add a unique class (for example “prevbtn”) to the preview button.
Write below css code to your mobile specific css or the media query targeting the small screens.
[css]
.prevbtn
{
display:none !important;
}
[/css]
Hiding AddToCart popup
Now about the Add to cart popup. Obviousely we can not disable the button Add to cart which will prevent buyer from buying anything and it will be a huge loss in selling. What you need to do is, when they click on the Add to Cart button, instead of opening popup, it should redirect to the cart page. First off all download the common.js by downloading the template from admin panel. Follow below instruction to write code into the common.js. Find for the code config.FastCart=0; and wrap it with mobile specific condition like shown below in common.js. Save it and upload using webdev to js folder to your BigCommerce template. [php] if( /Android|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent) ) { if( isMobile.any() ) { config.FastCart=0; } } [/php] Attach the common.js file in HTMLhead panel in the same position from where the master file is coming, no need to call both master and the webdev common.js just call webdev file. And check in mobile device that addtocart popup will not come on click of the addtocart button. With the above solution all three popup is hide in mobile devices which is good not to have such things in a small screen.Need Help?
We’re certified BigCommerce design services and can help you with anything you need. Contact us here.Returns Policy
You may return most new, unopened items within 30 days of delivery for a full refund. We'll also pay the return shipping costs if the return is a result of our error (you received an incorrect or defective item, etc.).
You should expect to receive your refund within four weeks of giving your package to the return shipper, however, in many cases you will receive a refund more quickly. This time period includes the transit time for us to receive your return from the shipper (5 to 10 business days), the time it takes us to process your return once we receive it (3 to 5 business days), and the time it takes your bank to process our refund request (5 to 10 business days).
If you need to return an item, simply login to your account, view the order using the 'Complete Orders' link under the My Account menu and click the Return Item(s) button. We'll notify you via e-mail of your refund once we've received and processed the returned item.
Shipping
We can ship to virtually any address in the world. Note that there are restrictions on some products, and some products cannot be shipped to international destinations.
When you place an order, we will estimate shipping and delivery dates for you based on the availability of your items and the shipping options you choose. Depending on the shipping provider you choose, shipping date estimates may appear on the shipping quotes page.
Please also note that the shipping rates for many items we sell are weight-based. The weight of any such item can be found on its detail page. To reflect the policies of the shipping companies we use, all weights will be rounded up to the next full pound.
