🥹Create Slide Flickity Flatsome (ok)

https://pttuan410.com/huong-dan-lam-slider-giong-the-gioi-di-dong-tgdd/

page-home.php

<?php
/**
 * The template for displaying all pages.
 *
 * @package          Flatsome\Templates
 * @flatsome-version 3.16.0
 */
if (flatsome_option('pages_template') != 'default') {
	// Get default template from theme options.
	get_template_part('page', flatsome_option('pages_template'));
	return;
} else {
	get_header();
	do_action('flatsome_before_page'); ?>
	<div id="content" class="content-area page-wrapper" role="main">
		<div class="row row-main">
			<div class="large-12 col">
				<div class="col-inner">
					<div class="slider slider-nav-circle slider-nav-large slider-nav-light slider-style-normal" data-flickity-options='{"cellAlign":"center","imagesLoaded":true,"lazyLoad":1,"freeScroll":false,"wrapAround":true,"autoPlay":6000,"pauseAutoPlayOnHover":true,"prevNextButtons":true,"contain":true,"adaptiveHeight":true,"dragThreshold":10,"percentPosition":true,"pageDots":true,"rightToLeft":false,"draggable":true,"selectedAttraction":0.1,"parallax":0,"friction":0.6}'>
						<div class="carousel-cell"><img src="https://test5.com/wp-content/uploads/2024/05/7-scaled.jpg" alt=""></div>
						<div class="carousel-cell"><img src="https://test5.com/wp-content/uploads/2024/05/6-scaled.jpg" alt=""></div>
						<div class="carousel-cell"><img src="https://test5.com/wp-content/uploads/2024/05/5-scaled.jpg" alt=""></div>
						<div class="carousel-cell"><img src="https://test5.com/wp-content/uploads/2024/05/4-1-scaled.jpg" alt=""></div>
						<div class="carousel-cell"><img src="https://test5.com/wp-content/uploads/2024/05/3-scaled.jpg" alt=""></div>
					</div>
				</div>
			</div>
		</div>
	</div>
<?php
	do_action('flatsome_after_page');
	get_footer();
}
?>