{"id":1696,"date":"2012-04-12T10:52:49","date_gmt":"2012-04-12T10:52:49","guid":{"rendered":"http:\/\/www.apprentalonline.es\/blog\/?p=1696"},"modified":"2012-04-12T10:52:49","modified_gmt":"2012-04-12T10:52:49","slug":"como-instalar-un-slide-en-prestashop","status":"publish","type":"post","link":"https:\/\/www.k3bone.com\/blog\/2012\/04\/como-instalar-un-slide-en-prestashop\/","title":{"rendered":"Como instalar un slide en Prestashop"},"content":{"rendered":"<p><a href=\"https:\/\/www.k3bone.com\/blog\/wp-content\/uploads\/2012\/04\/nivoslider1.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-1745\" title=\"nivoslider\" src=\"https:\/\/www.k3bone.com\/blog\/wp-content\/uploads\/2012\/04\/nivoslider1.jpg\" alt=\"\" width=\"940\" height=\"463\" \/><\/a><br \/>\nEl empleo de un <strong>slide<\/strong>, tambi\u00e9n conocido como \u00abcarrusel de im\u00e1genes\u00bb, est\u00e1 muy extendido entre webs profesionales, ya sean tiendas online o web corporativas. Su uso en <strong>Prestashop<\/strong> est\u00e1 muy indicado para promocionar productos estrella, ofertas destacadas o nuevos productos.<\/p>\n<p>Uno de los sliders m\u00e1s usados en Internet, y mi preferido por cierto, es el <a title=\"Nivo Slider\" href=\"http:\/\/nivo.dev7studios.com\/\" target=\"_blank\" rel=\"noopener\">Nivo Slider<\/a>, basado en el famosa librer\u00eda Javascript <em>jQuery<\/em>.<br \/>\nGracias al car\u00e1cter modular de <strong>Prestashop<\/strong>, se puede instalar \u00e9ste <em>slide<\/em> en forma de m\u00f3dulo de manera muy sencilla.<\/p>\n<p>Entre los diferentes m\u00f3dulos de <em>slide<\/em> basados en <em>Nivo Slider<\/em> he elegido el m\u00f3dulo gratuito \u00ab<strong>minic slider<\/strong>\u00ab. Este m\u00f3dulo dise\u00f1ado para las \u00faltimas versiones de Prestashop y basado en la \u00faltima versi\u00f3n del <em>Nivo jQuery slider<\/em> es el m\u00e1s completo y f\u00e1cil de administrar actualmente, y adem\u00e1s como he comentado es <strong>GRATIS<\/strong>.<\/p>\n<p><a href=\"https:\/\/www.k3bone.com\/blog\/wp-content\/uploads\/2012\/04\/minic-slider.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-1709\" title=\"minic-slider\" src=\"https:\/\/www.k3bone.com\/blog\/wp-content\/uploads\/2012\/04\/minic-slider.jpg\" alt=\"Minic Slider Module Prestashop\" width=\"620\" height=\"84\" \/><\/a><\/p>\n<h2>Caracter\u00edsticas del M\u00f3dulo minic slider<\/h2>\n<ul>\n<li>16 Sensacionales Efectos de Transici\u00f3n<\/li>\n<li>Thumbnails<\/li>\n<li>Texto para T\u00edtulo y Caption<\/li>\n<li>Configurac\u00edon total via BackOffice<\/li>\n<li>Publicaci\u00f3n, Borrado y Modificaci\u00f3n de cada slide de manera separada.<\/li>\n<li>Soporte de Multi Lenguaje.<\/li>\n<li>3 diferentes posici\u00f3n del m\u00f3dulo (content, left y right sidebar)<\/li>\n<\/ul>\n<p>El m\u00f3dulo <em>minic slider<\/em> est\u00e1 soportado por los siguientes navegadores de Internet:<\/p>\n<ul>\n<li>Internet Explorer v7+<\/li>\n<li>Firefox v3+<\/li>\n<li>Google Chrome v4<\/li>\n<li>Safari v4<\/li>\n<li>Opera v10.5<\/li>\n<\/ul>\n<p>Adem\u00e1s \u00e9ste m\u00f3dulo ha sido testeado en Prestashop v1.4.5 y v1.4.7, pero deber\u00eda funcionar en cualquier Prestashop con versi\u00f3n superior a la v1.3.<\/p>\n<p><a href=\"https:\/\/www.k3bone.com\/blog\/wp-content\/uploads\/2012\/04\/instalacion-minicslider.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-1714\" title=\"instalacion-minicslider\" src=\"https:\/\/www.k3bone.com\/blog\/wp-content\/uploads\/2012\/04\/instalacion-minicslider.jpg\" alt=\"\" width=\"620\" height=\"234\" \/><\/a><\/p>\n<h2>Instalaci\u00f3n del m\u00f3dulo minic slider<\/h2>\n<p>Para la instalaci\u00f3n de dicho m\u00f3dulo, es necesario proceder a su descarga desde el <a title=\"Descarga minic slider\" href=\"http:\/\/www.prestashop.com\/forums\/topic\/158093-free-module-minic-slider-powered-with-nivo-jquery-slider\/\" target=\"_blank\" rel=\"noopener\">enlace<\/a> disponible en el foro oficial de Prestashop. A d\u00eda de hoy, la versi\u00f3n mas reciente es la <a title=\"Descarga minic slider\" href=\"http:\/\/www.prestashop.com\/forums\/index.php?app=core&amp;module=attach&amp;section=attach&amp;attach_id=51123\" target=\"_blank\" rel=\"noopener\">minicslider-v2.0.zip<\/a>. Una vez descargado el m\u00f3dulo en nuestro PC, procederemos a instalar el m\u00f3dulo de la manera ordinaria, ya bien subiendo la carpeta <strong>descomprimida<\/strong> al directorio <em>modules<\/em> de nuestro Prestashop, o bien mediante el module uploader del Backoffice de Prestashop (m\u00e1s sencillo):<\/p>\n<p><a href=\"https:\/\/www.k3bone.com\/blog\/wp-content\/uploads\/2012\/04\/subir-modulo.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-1719\" title=\"subir-modulo\" src=\"https:\/\/www.k3bone.com\/blog\/wp-content\/uploads\/2012\/04\/subir-modulo.jpg\" alt=\"Subir M\u00f3dulo Prestashop\" width=\"620\" height=\"213\" \/><\/a><\/p>\n<p>A continuaci\u00f3n tenemos que ir a la lista de \u00ab<em>M\u00f3dulos &gt; Publicidad y M\u00e1rketing\u00bb<\/em> y buscar el m\u00f3dulo reci\u00e9n instalado llamado \u00ab<em>minic slider &#8211; powered with Nivo jQuery Slider<\/em>\u00ab, le damos al bot\u00f3n de activar (aspa roja) y hacemos clic en \u00abConfigurar\u00bb:<\/p>\n<p><a href=\"https:\/\/www.k3bone.com\/blog\/wp-content\/uploads\/2012\/04\/configuracion-minicslider.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-1723\" title=\"configuracion-minicslider\" src=\"https:\/\/www.k3bone.com\/blog\/wp-content\/uploads\/2012\/04\/configuracion-minicslider.jpg\" alt=\"configuracion nivo minic slider\" width=\"620\" height=\"264\" \/><\/a><\/p>\n<p>Desde esta p\u00e1gina configuraremos el comportamiento y efectos de nuestro slide, podremos a\u00f1adir los slides (im\u00e1genes) del carrusel y ordenarlos a nuestro gusto. Existen unos iconos informativos (en ingl\u00e9s) que nos indicar\u00e1n que es cada campo. Aprovecho para comentar que las im\u00e1genes que subamos no se <em>\u00abreescalan<\/em>\u00ab, por lo que es importante subir todas las im\u00e1genes con el mismo tama\u00f1o para que el slide tenga un aspecto homog\u00e9neo.<\/p>\n<p>Por \u00faltimo, s\u00f3lo quedar\u00eda posicionar el slide dentro de nuestro Prestashop. Por defecto este aparece abajo en la zona de contenido de la home. Para moverlo, podemos hacerlo f\u00e1cilmente desde el \u00ab<em>Live Edit<\/em>\u00bb dentro de \u00abBack Office &gt; M\u00f3dulos &gt; Posiciones\u00bb.<\/p>\n<p>Espero que este tutorial os haya sido \u00fatil.\u00a0 Estad atentos en nuestro blog a pr\u00f3ximos tutoriales y videotutoriales.<\/p>\n<p><strong>M\u00e1s informaci\u00f3n<\/strong>: <a title=\"Descarga minic slider\" href=\"http:\/\/www.prestashop.com\/forums\/topic\/158093-free-module-minic-slider-powered-with-nivo-jquery-slider\/\" target=\"_blank\" rel=\"noopener\">Descarga minic slider<\/a><\/p>\n<p><strong>Informaci\u00f3n Relacionada: <\/strong><a title=\"Tu tienda online con Prestashop desde 5,45\u20ac\/mes!\" href=\"http:\/\/www.apprentalonline.es\/prestashop.php\" target=\"_blank\" rel=\"noopener\">Tu tienda online con Prestashop desde 5,45\u20ac\/mes!<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>El empleo de un slide, tambi\u00e9n conocido como \u00abcarrusel de im\u00e1genes\u00bb, est\u00e1 muy extendido entre webs profesionales, ya sean tiendas online o web corporativas. Su uso en Prestashop est\u00e1 muy indicado para promocionar productos estrella, ofertas destacadas o nuevos productos. Uno de los sliders m\u00e1s usados en Internet, y mi preferido por cierto, es el [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":1745,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"categories":[42,34],"tags":[77,157,158,29],"class_list":["post-1696","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-prestashop","category-programacion-de-sitios-web","tag-comercio-electronico-2","tag-modulos","tag-nivo-slider","tag-prestashop"],"featured_image_src":{"landsacpe":false,"list":false,"medium":false,"full":false},"_links":{"self":[{"href":"https:\/\/www.k3bone.com\/blog\/wp-json\/wp\/v2\/posts\/1696","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.k3bone.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.k3bone.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.k3bone.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.k3bone.com\/blog\/wp-json\/wp\/v2\/comments?post=1696"}],"version-history":[{"count":0,"href":"https:\/\/www.k3bone.com\/blog\/wp-json\/wp\/v2\/posts\/1696\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.k3bone.com\/blog\/wp-json\/wp\/v2\/media?parent=1696"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.k3bone.com\/blog\/wp-json\/wp\/v2\/categories?post=1696"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.k3bone.com\/blog\/wp-json\/wp\/v2\/tags?post=1696"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}