{"id":1765,"date":"2012-01-09T23:55:01","date_gmt":"2012-01-09T21:55:01","guid":{"rendered":"http:\/\/www.4webs.es\/blog\/?p=1765"},"modified":"2020-09-08T11:13:10","modified_gmt":"2020-09-08T10:13:10","slug":"modulo-prestashop-multi-tab-producto-carousel","status":"publish","type":"post","link":"https:\/\/www.4webs.es\/blog\/modulo-prestashop-multi-tab-producto-carousel","title":{"rendered":"M\u00f3dulo Prestashop Multi Tab Producto Carousel"},"content":{"rendered":"<div class=\"row\"><div class=\"col-md-11 content-article\"><p align=\"center\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-1766\"  src=\"https:\/\/www.4webs.es\/blog\/wp-content\/uploads\/2012\/01\/carousel-home-tabs.jpg\" alt=\"\" width=\"603\" height=\"230\" srcset=\"https:\/\/www.4webs.es\/blog\/wp-content\/uploads\/2012\/01\/carousel-home-tabs.jpg 603w, https:\/\/www.4webs.es\/blog\/wp-content\/uploads\/2012\/01\/carousel-home-tabs-300x114.jpg 300w\" sizes=\"auto, (max-width: 709px) 85vw, (max-width: 909px) 67vw, (max-width: 984px) 61vw, (max-width: 1362px) 45vw, 600px\" \/><\/p>\n<p>Bueno, el nombre de este <a  href=\"https:\/\/www.4webs.es\/tienda\">m\u00f3dulo para Prestashop<\/a> es un poco complejo y largo, en resumen lo que hace es un carousel donde se muestras los productos en diferentes tabs.<\/p>\n<p>Los tabs funcionan con jquery que es el javascript que trae por defecto Prestashop para hacer funcionar las animaciones, este m\u00f3dulo trae como una tema de jquery (Roller jQuery UI), que hay que subir al servidor donde tengamos la tienda , con esto el dise\u00f1o y la funcionalidad quedar\u00e1 implantada, todo est\u00e1 incluido dentro del m\u00f3dulo.<br \/>\n<strong>Funcionalidades:<\/strong><\/p>\n<ul>\n<li>Muestro los productos destacados en un carrusel.<\/li>\n<li>Varias pesta\u00f1as, podremos a\u00f1adir las categor\u00edas que queramos para que se muestren en la <a  href=\"https:\/\/www.4webs.es\/tiendas-virtuales.php\">tienda online<\/a> de manera sencilla desde el panel del m\u00f3dulo.<\/li>\n<li>Podremos definir el n\u00famero de productos.<\/li>\n<li>Podremos establecer el ancho del carrousel.<\/li>\n<li>Podremos cargar nuevos temas subiendo los archivos a la carpeta del m\u00f3dulo.<\/li>\n<li>Podremos definir el tema que queremos que cargue desde el administrador.<\/li>\n<li>Incorpora la funci\u00f3n de auto-play.<\/li>\n<\/ul>\n<p>Una de las funcionalidades que NO nos gusta es que se pueda definir el ancho desde el backend, normalmente los estilos, anchos y otros estilos de dise\u00f1o que incorporan ciertos m\u00f3dulos para <a  href=\"https:\/\/www.4webs.es\/tiendas-online-prestashop.php\">Prestashop<\/a> lo hacen de manera incorrecta, incorpor\u00e1n estilos directamente en el HTML, no nos cansaremos de decir que aunque para los administradores de tiendas es muy c\u00f3modo, esto no es bueno , perjudica la carga y a\u00f1ade c\u00f3digo basura que perjudica el SEO.<\/p>\n<p>Por lo dem\u00e1s el m\u00f3dulo cumple con la funcionalidad para el cual ha sido dise\u00f1ado.<\/p>\n<\/div><\/div>","protected":false},"excerpt":{"rendered":"<p>Bueno, el nombre de este m\u00f3dulo para Prestashop es un poco complejo y largo, en resumen lo que hace es un carousel donde se muestras los productos en diferentes tabs.<\/p>\n","protected":false},"author":1,"featured_media":1766,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[84],"tags":[],"class_list":{"0":"post-1765","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-modulos-prestashop"},"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>M\u00f3dulo Prestashop Multi Tab Producto Carousel | 4webs.es<\/title>\n<meta name=\"description\" content=\"Bueno, el nombre de este m\u00f3dulo para Prestashop es un poco complejo y largo, en resumen lo que hace es un carousel donde se muestras los productos en diferentes tabs.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.4webs.es\/blog\/modulo-prestashop-multi-tab-producto-carousel\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"M\u00f3dulo Prestashop Multi Tab Producto Carousel | 4webs.es\" \/>\n<meta property=\"og:description\" content=\"Bueno, el nombre de este m\u00f3dulo para Prestashop es un poco complejo y largo, en resumen lo que hace es un carousel donde se muestras los productos en diferentes tabs.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.4webs.es\/blog\/modulo-prestashop-multi-tab-producto-carousel\" \/>\n<meta property=\"og:site_name\" content=\"4webs\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/4webs\" \/>\n<meta property=\"article:published_time\" content=\"2012-01-09T21:55:01+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2020-09-08T10:13:10+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.4webs.es\/blog\/wp-content\/uploads\/2012\/01\/carousel-home-tabs.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"603\" \/>\n\t<meta property=\"og:image:height\" content=\"230\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Pablo Risue\u00f1o\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@4webs\" \/>\n<meta name=\"twitter:site\" content=\"@4webs\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Pablo Risue\u00f1o\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minuto\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/modulo-prestashop-multi-tab-producto-carousel#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/modulo-prestashop-multi-tab-producto-carousel\"},\"author\":{\"name\":\"Pablo Risue\u00f1o\",\"@id\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/#\\\/schema\\\/person\\\/fc07e8cecb1e51ce56b131a1eb0b3048\"},\"headline\":\"M\u00f3dulo Prestashop Multi Tab Producto Carousel\",\"datePublished\":\"2012-01-09T21:55:01+00:00\",\"dateModified\":\"2020-09-08T10:13:10+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/modulo-prestashop-multi-tab-producto-carousel\"},\"wordCount\":273,\"commentCount\":1,\"image\":{\"@id\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/modulo-prestashop-multi-tab-producto-carousel#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/wp-content\\\/uploads\\\/2012\\\/01\\\/carousel-home-tabs.jpg\",\"articleSection\":[\"M\u00f3dulos Prestashop\"],\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.4webs.es\\\/blog\\\/modulo-prestashop-multi-tab-producto-carousel#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/modulo-prestashop-multi-tab-producto-carousel\",\"url\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/modulo-prestashop-multi-tab-producto-carousel\",\"name\":\"M\u00f3dulo Prestashop Multi Tab Producto Carousel | 4webs.es\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/modulo-prestashop-multi-tab-producto-carousel#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/modulo-prestashop-multi-tab-producto-carousel#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/wp-content\\\/uploads\\\/2012\\\/01\\\/carousel-home-tabs.jpg\",\"datePublished\":\"2012-01-09T21:55:01+00:00\",\"dateModified\":\"2020-09-08T10:13:10+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/#\\\/schema\\\/person\\\/fc07e8cecb1e51ce56b131a1eb0b3048\"},\"description\":\"Bueno, el nombre de este m\u00f3dulo para Prestashop es un poco complejo y largo, en resumen lo que hace es un carousel donde se muestras los productos en diferentes tabs.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/modulo-prestashop-multi-tab-producto-carousel#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.4webs.es\\\/blog\\\/modulo-prestashop-multi-tab-producto-carousel\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/modulo-prestashop-multi-tab-producto-carousel#primaryimage\",\"url\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/wp-content\\\/uploads\\\/2012\\\/01\\\/carousel-home-tabs.jpg\",\"contentUrl\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/wp-content\\\/uploads\\\/2012\\\/01\\\/carousel-home-tabs.jpg\",\"width\":603,\"height\":230},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/modulo-prestashop-multi-tab-producto-carousel#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.4webs.es\\\/blog\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"M\u00f3dulo Prestashop Multi Tab Producto Carousel\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/\",\"name\":\"4webs\",\"description\":\"Desarrollo con Prestashop, gesti\u00f3n de proyectos ecommerce\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/#\\\/schema\\\/person\\\/fc07e8cecb1e51ce56b131a1eb0b3048\",\"name\":\"Pablo Risue\u00f1o\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/6938f7637a533914c144759f6249310d5f8fdef83738a4641b2d151a17c19f97?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/6938f7637a533914c144759f6249310d5f8fdef83738a4641b2d151a17c19f97?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/6938f7637a533914c144759f6249310d5f8fdef83738a4641b2d151a17c19f97?s=96&d=mm&r=g\",\"caption\":\"Pablo Risue\u00f1o\"},\"sameAs\":[\"http:\\\/\\\/www.4webs.es\"],\"url\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/author\\\/admin\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"M\u00f3dulo Prestashop Multi Tab Producto Carousel | 4webs.es","description":"Bueno, el nombre de este m\u00f3dulo para Prestashop es un poco complejo y largo, en resumen lo que hace es un carousel donde se muestras los productos en diferentes tabs.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.4webs.es\/blog\/modulo-prestashop-multi-tab-producto-carousel","og_locale":"es_ES","og_type":"article","og_title":"M\u00f3dulo Prestashop Multi Tab Producto Carousel | 4webs.es","og_description":"Bueno, el nombre de este m\u00f3dulo para Prestashop es un poco complejo y largo, en resumen lo que hace es un carousel donde se muestras los productos en diferentes tabs.","og_url":"https:\/\/www.4webs.es\/blog\/modulo-prestashop-multi-tab-producto-carousel","og_site_name":"4webs","article_publisher":"https:\/\/www.facebook.com\/4webs","article_published_time":"2012-01-09T21:55:01+00:00","article_modified_time":"2020-09-08T10:13:10+00:00","og_image":[{"width":603,"height":230,"url":"https:\/\/www.4webs.es\/blog\/wp-content\/uploads\/2012\/01\/carousel-home-tabs.jpg","type":"image\/jpeg"}],"author":"Pablo Risue\u00f1o","twitter_card":"summary_large_image","twitter_creator":"@4webs","twitter_site":"@4webs","twitter_misc":{"Escrito por":"Pablo Risue\u00f1o","Tiempo de lectura":"1 minuto"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.4webs.es\/blog\/modulo-prestashop-multi-tab-producto-carousel#article","isPartOf":{"@id":"https:\/\/www.4webs.es\/blog\/modulo-prestashop-multi-tab-producto-carousel"},"author":{"name":"Pablo Risue\u00f1o","@id":"https:\/\/www.4webs.es\/blog\/#\/schema\/person\/fc07e8cecb1e51ce56b131a1eb0b3048"},"headline":"M\u00f3dulo Prestashop Multi Tab Producto Carousel","datePublished":"2012-01-09T21:55:01+00:00","dateModified":"2020-09-08T10:13:10+00:00","mainEntityOfPage":{"@id":"https:\/\/www.4webs.es\/blog\/modulo-prestashop-multi-tab-producto-carousel"},"wordCount":273,"commentCount":1,"image":{"@id":"https:\/\/www.4webs.es\/blog\/modulo-prestashop-multi-tab-producto-carousel#primaryimage"},"thumbnailUrl":"https:\/\/www.4webs.es\/blog\/wp-content\/uploads\/2012\/01\/carousel-home-tabs.jpg","articleSection":["M\u00f3dulos Prestashop"],"inLanguage":"es","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.4webs.es\/blog\/modulo-prestashop-multi-tab-producto-carousel#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.4webs.es\/blog\/modulo-prestashop-multi-tab-producto-carousel","url":"https:\/\/www.4webs.es\/blog\/modulo-prestashop-multi-tab-producto-carousel","name":"M\u00f3dulo Prestashop Multi Tab Producto Carousel | 4webs.es","isPartOf":{"@id":"https:\/\/www.4webs.es\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.4webs.es\/blog\/modulo-prestashop-multi-tab-producto-carousel#primaryimage"},"image":{"@id":"https:\/\/www.4webs.es\/blog\/modulo-prestashop-multi-tab-producto-carousel#primaryimage"},"thumbnailUrl":"https:\/\/www.4webs.es\/blog\/wp-content\/uploads\/2012\/01\/carousel-home-tabs.jpg","datePublished":"2012-01-09T21:55:01+00:00","dateModified":"2020-09-08T10:13:10+00:00","author":{"@id":"https:\/\/www.4webs.es\/blog\/#\/schema\/person\/fc07e8cecb1e51ce56b131a1eb0b3048"},"description":"Bueno, el nombre de este m\u00f3dulo para Prestashop es un poco complejo y largo, en resumen lo que hace es un carousel donde se muestras los productos en diferentes tabs.","breadcrumb":{"@id":"https:\/\/www.4webs.es\/blog\/modulo-prestashop-multi-tab-producto-carousel#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.4webs.es\/blog\/modulo-prestashop-multi-tab-producto-carousel"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www.4webs.es\/blog\/modulo-prestashop-multi-tab-producto-carousel#primaryimage","url":"https:\/\/www.4webs.es\/blog\/wp-content\/uploads\/2012\/01\/carousel-home-tabs.jpg","contentUrl":"https:\/\/www.4webs.es\/blog\/wp-content\/uploads\/2012\/01\/carousel-home-tabs.jpg","width":603,"height":230},{"@type":"BreadcrumbList","@id":"https:\/\/www.4webs.es\/blog\/modulo-prestashop-multi-tab-producto-carousel#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.4webs.es\/blog"},{"@type":"ListItem","position":2,"name":"M\u00f3dulo Prestashop Multi Tab Producto Carousel"}]},{"@type":"WebSite","@id":"https:\/\/www.4webs.es\/blog\/#website","url":"https:\/\/www.4webs.es\/blog\/","name":"4webs","description":"Desarrollo con Prestashop, gesti\u00f3n de proyectos ecommerce","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.4webs.es\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Person","@id":"https:\/\/www.4webs.es\/blog\/#\/schema\/person\/fc07e8cecb1e51ce56b131a1eb0b3048","name":"Pablo Risue\u00f1o","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/secure.gravatar.com\/avatar\/6938f7637a533914c144759f6249310d5f8fdef83738a4641b2d151a17c19f97?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/6938f7637a533914c144759f6249310d5f8fdef83738a4641b2d151a17c19f97?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/6938f7637a533914c144759f6249310d5f8fdef83738a4641b2d151a17c19f97?s=96&d=mm&r=g","caption":"Pablo Risue\u00f1o"},"sameAs":["http:\/\/www.4webs.es"],"url":"https:\/\/www.4webs.es\/blog\/author\/admin"}]}},"_links":{"self":[{"href":"https:\/\/www.4webs.es\/blog\/wp-json\/wp\/v2\/posts\/1765","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.4webs.es\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.4webs.es\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.4webs.es\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.4webs.es\/blog\/wp-json\/wp\/v2\/comments?post=1765"}],"version-history":[{"count":4,"href":"https:\/\/www.4webs.es\/blog\/wp-json\/wp\/v2\/posts\/1765\/revisions"}],"predecessor-version":[{"id":11871,"href":"https:\/\/www.4webs.es\/blog\/wp-json\/wp\/v2\/posts\/1765\/revisions\/11871"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.4webs.es\/blog\/wp-json\/wp\/v2\/media\/1766"}],"wp:attachment":[{"href":"https:\/\/www.4webs.es\/blog\/wp-json\/wp\/v2\/media?parent=1765"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.4webs.es\/blog\/wp-json\/wp\/v2\/categories?post=1765"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.4webs.es\/blog\/wp-json\/wp\/v2\/tags?post=1765"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}