Guía – Ocultar botones del slider en Prestashop

En este manual para Prestashop, comentamos la posibilidad de ocultar los botones del slider que lleva Prestashop, llamado:

Imagen de control deslizante para su página web

Tenemos que editar el fichero:

modules/homeslider/bx_styles.css

Y buscar la siguiente línea de código CSS:

[sourcecode language=»css»]
.bx-pager a {
display: inline-block;
zoom: 1;
margin-right: 5px;
padding: 4px 0 0 1px;
height: 16px;
width: 18px;
font-weight: bold;
font-size: 11px;
color: #000;
text-decoration: none;
background: url(gray_pager.png) no-repeat 0 -20px;
}
[/sourcecode]

Donde cambiaremos la siguiente línea:

[sourcecode language=»css»]
display: inline-block;
[/sourcecode]

Por:

[sourcecode language=»css»]
display:none;
[/sourcecode]

Dejándolo de este modo:

[sourcecode language=»css»]
.bx-pager a {
display: none;
zoom: 1;
margin-right: 5px;
padding: 4px 0 0 1px;
height: 16px;
width: 18px;
font-weight: bold;
font-size: 11px;
color: #000;
text-decoration: none;
background: url(gray_pager.png) no-repeat 0 -20px;
}
[/sourcecode]

Al cambiar el display de «inline-block» a «none» lo que hacemos con el «none» es ocultar en este caso los botones (enlaces) de paginación del slider en Prestashop.

Esta guía, está probada en Prestashop 1.5.4.1.

Documento actualizado para Prestashop 1.7 en el siguiente enlace:  Ocultar botones del slider en Prestashop 1.7