WorldWideScripts.net Delivering the best Add-Ons in more than 37 languages.

中文(简体), English, हिन्दी/हिंदी, Español/Castellano, العربية, Русский язык, Français, 中文 (台灣), বাংলা, Bahasa Indonesia, اردو, Português, Deutsch, Bahasa Melayu (بهاس ملايو‎), 日本語 (にほんご), فارسی, Italiano, తెలుగు, Türkçe, ગુજરાતી, Język polski/polszczyzna, Tiếng Việt, ಕನ್ನಡ, Українська мова, ไทย
Plugins / Prestashop

CSS3 Slider

— Add- On para WorldWideScripts.net

@es1wwsSuscríbete a nuestro RSS para estar al día!

¡Nuevo! Síguenos como quieras!


CSS3 Slider - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

DESCRIPCIÓN

CSS3 deslizante para Prestashop le permite crear en su página principal una presentación de diapositivas utilizando las últimas técnicas de CSS3.

Instalación / desinstalación:

La instalación del módulo CSS3 deslizante se hace mediante la etapa clásica:
  • En los «Administración => Módulos» ficha de su tienda, agregar el módulo desde el ordenador
  • Una vez hecho esto, el módulo será visible en «Características de front-office» parte bajo el nombre de «CSS3 deslizante».
  • Haga clic en «Instalar»

CONFIGURACIÓN

Una vez instalado, un nuevo enlace «CSS3 deslizante» aparece en el epígrafe «módulos» pestaña. La página de configuración del control deslizante se compone de 2 partes:
  • Creación y gestión de diapositivas
  • configuración de deslizador

Creación y gestión de DIAPOSITIVAS

En esta parte, usted será capaz de crear tantas diapositivas como sea necesario. Para crear una nueva diapositiva, haga clic en el «nuevo Añadir» botón en la esquina superior derecha de la página. A continuación, es necesario rellenar algunas informaciones:
  • Un título
  • Un subtítulo
  • Una imagen
También tiene la opción de:
  • Insertar un vínculo para la diapositiva
  • Activar o desactivar la diapositiva
CSS3 configuración deslizante

Una vez que haya creado sus diapositivas, tendrá la posibilidad de gestionar de forma rápida su activación y su posición gracias a la tabla que muestra la lista de diapositivas. CSS3 configuración deslizante

Truco: Deshabilitar todas las diapositivas para que el Desaparecer deslizante desde su página principal.

CONFIGURACIÓN DE DIAPOSITIVAS

Segunda parte de la página le permite configuran aparición de diapositivas.

Comience con la configuración de deslizador:

  • La altura y la anchura de la presentación de diapositivas
  • color de fondo o la imagen

CSS3 configuración deslizante

Trick: dejar vacío imagen de fondo de color y tener un fondo transparente.

Continuar con la configuración de navegación:

  • Las flechas de navegación imágenes
  • Las flechas de navegación posición desde arriba ya los lados del control deslizante
  • el tamaño de las miniaturas
  • posición miniaturas de arriba ya la derecha del cursor

CSS3 configuración deslizante

Terminar con la configuración del diseño:

  • posición de la imagen de la parte superior e izquierda del cursor
  • anchura del título
  • Título de la posición de la parte superior e izquierda del cursor
  • color y tamaño de título de texto
  • anchura del subtítulo
  • la posición del subtítulo de la parte superior e izquierda del cursor
  • El color del texto y el tamaño de subtítulo

CSS3 configuración deslizante

Módulo es compatible con todos los navegadores web (incluso Internet Explorer 7), pero las animaciones CSS3 sólo se visualice en buenos navegadores.

Que te diviertas!


Descargar
Otros componentes de esta categoríaTodos los componentes de este autor
ComentariosPreguntas frecuentes y respuestas

Propiedades

Creado:
18 13 de abril

Última actualización:
18 13 de abril

Alta resolución:
No

Los navegadores compatibles:
IE7, IE8, IE9, IE10, Firefox, Safari, Opera, Chrome

archivos incluidos:
JS JavaScript, HTML, CSS, PHP

Versión del software:
PrestaShop 1.5.4, 1.5.3 PrestaShop, PrestaShop 1.5.2, 1.5.1 PrestaShop

Palabras clave

eCommerce, eCommerce, Todos los artí, culos, css3, personalizable, comercio electró, nico, jQuery, multi idioma, prestashop, deslizador