Miva Merchant Development by Scot's Scripts

BXSLIDER: Stop Flash of Unstyled Content (BXSLIDER)

Miva Random Code Trivia

Want to start an online store? We work with you from start to finish, from commerce platform to design to SEO.
Experience counts, and we have a lot.

WARNING:

This information is offered "AS IS" for internal reference only. Use at your own risk.
Does AI actually understand your Miva Merchant store? Our smart JSON-LD schema generator makes sure it does. Contact us to get started. (more info)
SEO Audit & Inquiries • News & Updates • SEO for Miva Merchant

BXSLIDER: Stop Flash of Unstyled Content (BXSLIDER)

THIS CODE IS PROVIDED "AS IS" WITHOUT WARRANTY OF ANY KIND, EITHER EXPRESS OR IMPLIED;
THE AUTHOR DISCLAIMS ALL LIABILITY FOR ANY DIRECT, INDIRECT, OR CONSEQUENTIAL DAMAGES OR STORE DISRUPTIONS ARISING FROM ITS USE.

Scot Ranney • December 22, 2023 (updated: January 31, 2025)

Want to really fix this? Use swiper.js - see two knowledge base articles.

Display none the slider element. Set a min height/width on container so DOM doesn't change.

<div class="mySlider" style="display:none">...</div>

Jquery:

$(document).ready(function(){
	$('.mySlider').show().bxSlider({
		slideWidth: 160,
		minSlides: 2,
		maxSlides: 5,
		preloadImages: 'all'
	});
});
https://www.scotsscripts.com/mvblog/css-stop-flash-of-unstyled-content-bxslider.html

bxslider css slider