I want to set up [Custom Content] of thumbnails-slider.html as a looping slider.

trpazokDec 4, 2023

Hello
SemiColonWeb

Thank you for your support.

https://shopping.geocities.jp/kougurakuichi/ex/ex-img/q04-1.jpg
I want to install this slider.
I like this [Custom Content].
This [Custom Content]
I want to set it up as a slider.
I want to loop the slider movement.

https://shopping.geocities.jp/kougurakuichi/ex/ex-img/q04-2.jpg
This item like this
I want to change it from 3 to 4 and place it in the template.

Is this possible?

Thank you.

SemiColonWebSTAFFDec 6, 2023

Hello,

Thanks for your Super Kind Patience!

Consider using this code:

<div class="owl-carousel carousel-widget mb-6" data-items-xs="2" data-items-sm="3" data-items-lg="4" data-loop="true">
	<div class="oc-item">
		<div class="card">
			<img class="card-img-top w-100 h-auto" data-src="holder.js/300x200" alt="Card image cap">
			<div class="card-body">
				<p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
				<a href="#" class="btn btn-primary">Go somewhere</a>
			</div>
		</div>
	</div>
	<div class="oc-item">
		<div class="card">
			<img class="card-img-top w-100 h-auto" data-src="holder.js/300x200" alt="Card image cap">
			<div class="card-body">
				<p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
				<a href="#" class="btn btn-primary">Go somewhere</a>
			</div>
		</div>
	</div>
	<div class="oc-item">
		<div class="card">
			<img class="card-img-top w-100 h-auto" data-src="holder.js/300x200" alt="Card image cap">
			<div class="card-body">
				<p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
				<a href="#" class="btn btn-primary">Go somewhere</a>
			</div>
		</div>
	</div>
	<div class="oc-item">
		<div class="card">
			<img class="card-img-top w-100 h-auto" data-src="holder.js/300x200" alt="Card image cap">
			<div class="card-body">
				<p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
				<a href="#" class="btn btn-primary">Go somewhere</a>
			</div>
		</div>
	</div>
	<div class="oc-item">
		<div class="card">
			<img class="card-img-top w-100 h-auto" data-src="holder.js/300x200" alt="Card image cap">
			<div class="card-body">
				<p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
				<a href="#" class="btn btn-primary">Go somewhere</a>
			</div>
		</div>
	</div>
</div>

This will definitely work fine. Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.