Skip Navigation

[Resolved] Slider horizontales con 4 columnas

This support ticket is created 6 years, 4 months ago. There's a good chance that you are reading advice that it now obsolete.

This is the technical support forum for Toolset - a suite of plugins for developing WordPress sites without writing PHP.

Everyone can read this forum, but only Toolset clients can post in it. Toolset support works 6 days per week, 19 hours per day.

Sun Mon Tue Wed Thu Fri Sat
- 7:00 – 14:00 7:00 – 14:00 7:00 – 14:00 7:00 – 14:00 7:00 – 14:00 -
- 15:00 – 16:00 15:00 – 16:00 15:00 – 16:00 15:00 – 16:00 15:00 – 16:00 -

Supporter timezone: Europe/London (GMT+01:00)

This topic contains 2 replies, has 2 voices.

Last updated by Nigel 6 years, 4 months ago.

Assisted by: Nigel.

Author
Posts
#600114

Buenos días,

He intentado hacer un slider desde una vista pero sólo me aparece 1 post cada vez. ¿Es posible que el slider tenga 4 columnas para mostrar 4 post en horizontal?

Muchas Gracias.

#600121

Buenos días,

Olvidé comentar que el slider que quiero hacer debe tener sólo 1 fila y 4 columnas.

Muchas gracias.

#600172

Nigel
Supporter

Languages: English (English ) Spanish (Español )

Timezone: Europe/London (GMT+01:00)

Screen Shot 2017-12-19 at 10.47.11.png

Hola José María

Si, se puede.

Cuando se hace el slider en un View, por defecto lo que produce en el Loop Output Editor es muy sencillo, el shortcode para incluir una plantilla y nada más.

Debes usar el Loop Wizard y elegir el formato de Bootstrap Grid con 4 columnas, como ves en el pantallazo.

Entonces el Loop Output Editor se parece así:

[wpv-layout-start]
	[wpv-items-found]
	<!-- wpv-loop-start -->
	<wpv-loop wrap="4" pad="true">
		[wpv-item index=1]
		<div class="row ">
			<div class="col-sm-3">[wpv-post-body view_template="Things Slider - slide"]</div>
		[wpv-item index=other]
			<div class="col-sm-3">[wpv-post-body view_template="Things Slider - slide"]</div>
		[wpv-item index=4]
			<div class="col-sm-3">[wpv-post-body view_template="Things Slider - slide"]</div>
		</div>
		[wpv-item index=pad]
			<div class="col-sm-3"></div>
		[wpv-item index=pad-last]
			<div class="col-sm-3"></div>
		</div>
	</wpv-loop>
	<!-- wpv-loop-end -->
	[/wpv-items-found]
	[wpv-no-items-found]
		<strong>[wpml-string context="wpv-views"]No items found[/wpml-string]</strong>
	[/wpv-no-items-found]
[wpv-layout-end]

Tiene el requisito que el sitio usa Bootstrap, que puedes comprobar en la página Toolset > Configuración.

This ticket is now closed. If you're a WPML client and need related help, please open a new support ticket.