En este post vamos a ver cómo añadir nuevas pestañas en la página de producto, utilizando Prestashop. Prestashop, por defecto, no incluye esta funcionalidad. Por lo tanto, tendremos que añadir esta funcionalidad a través de un módulo.

 

 

DISFRUTA DE TODOS MIS CURSOS PREMIUM POR SOLO 10€/MES


VER CURSOS

 

 

 

 

1.- Opciones para añadir una nueva pestaña en ficha producto Prestashop

 

Debido a que Prestashop no incluye por defecto la opción de añadir nuevas pestañas personalizadas en la ficha de producto, debemos recurrir a un módulo.

Aquí tenemos varias opciones:

 

a.- Módulo gratuito: instalar un módulo gratuito. En mi opinión, no es la mejor opción, ya que el correcto funcionamiento del módulo va a estar muy condicionado por la versión de Prestashop que tengamos. Además, seguramente no vamos a  tener soporte, en caso de que tengamos algún problema. En cualquier caso, aquí tienes un post donde hablan de diferentes opciones gratuitas: Módulos gratuitos pestañas productos Prestashop

b.- Módulo de pago: también tienes la opción de comprar un módulo de pago. En esta url tienes módulos de esta tipología. Aunque analiza bien antes de comprar, ya que hay algunos con funcionalidades similares a esta que estamos describiendo

c.- Plantilla que incluya módulo: otra opción sería la de utilizar una plantilla para Prestashop que ya incluya esta funcionalidad. Varias plantillas de cierto nivel, ya incluyen opciones de este tipo. Como sucede con la plantilla Warehouse, mi plantilla favorita para Prestashop, que ya incluye el módulo IqitAdditionalTabs que implementa la funcionalidad de poder añadir pestañas personalizadas en la ficha de producto

COMPRAR PLANTILLA WAREHOUSE
->GUÍA PLANTILLA WAREHOUSE<- PARA PRESTASHOP

 

 

2.- Módulo Iqit Additional Tabs de la plantilla Warehouse para añadir nuevas Pestañas en Prestashop

 

En este post nos vamos a centrar precisamente en el módulo Iqit Additional Tabs, que incluye por defecto la plantilla Warehouse. Con este módulo tenemos la posibilidad de añadir pestañas específicas y personalizadas en cada producto o añadir una pestaña general en todos los productos, de una sola vez.

Añadir una pestaña general que se muestre en todos los productos, solo tiene sentido si es una característica común a todos los productos. Como podría ser por ejemplo, una pestaña de “Política de devoluciones”.

Vamos a ver cada una de estas opciones en apartados diferentes.

 


 

 

2.1.- Posición de las pestañas

 

Antes de ver las opciones para añadir una pestaña general o específica en una página de producto, vamos a ver la posición de dicha pestaña. El módulo que incluye la plantilla Warehouse nos va a permitir que las pestañas que vayamos añadiendo se muestren en la zona habitual de pestañas de más información o en la parte superior, bajo el “botón de añadir al carrito” como un acordeón.

Para establecer una u otra opción, debemos ir a la gestión de módulos de Prestashop y configurar el módulo “Iquit Additional Tabs”. Para esto, iremos a: “PERSONALIZAR > Módulos > Module Manager”

En el apartado “Settings” tenemos un selector denominado “Hook” en el cual podemos establecer dos opciones diferentes:

a.- With others tabs: si elegimos esta opción, todas las pestañas que vayamos añadiendo, sean generales o específicas, se muestren junto al resto de pestañas habituales de la ficha de producto en Prestashop.

b.- As accordion below: si establecemos esta opción, las pestañas que vayamos añadiendo, se mostrarán bajo el bloque de añadir al carrito, como un acordeón.

 

Una vez establecido el selector, debemos hacer clic en “Guardar”

 

 

2.2.- Añadir en Prestashop una o varias Pestañas personalizadas en un producto

 

Para añadir una o varias pestañas específicas y personalizadas en un determinado producto de Prestashop, lo que haremos en primer lugar será editar ese producto. Una vez en la página de edición del producto, iremos a la pestaña: “Módulos”. Ahí, encontraremos varios módulos. Haremos clic en el botón configurar del módulo: «IQITADDITIONALTABS – Custom product tabs»

En la siguiente interface veremos los siguientes elementos que nos servirán para crear una pestaña personalizada en la ficha de producto con Prestashop:

a.- Hidden Visible: con este selector seleccionaremos si queremos mostrar o no esta pestaña que estamos creando (Hidden es ocultar)

b.- Title: aquí pondremos el título de la pestaña que estamos creando.

c.- Content: aquí pondremos el contenido que se mostrará cuando se seleccione esta pestaña que estamos añadiendo a Prestashop.

d.- Añadir nuevo: Haremos clic en este botón para añadir la pestaña a la ficha de producto.

Después haremos clic en el botón “Guardar” de Prestashop, para guardar todos los cambios en la página de producto.

 

poner pestañas en ficha de producto nuevas con prestashop

Añadir pestaña personalizada a producto prestashop

 

 

2.2.1.- Opciones tras añadir una pestaña a la página de producto con Prestashop

 

Una vez hayamos añadido la pestaña a Prestashop, veremos que ya se muestra en la administración en el apartado: “Tab list” y podremos realizar las siguientes acciones.

 

a.- Visualizar la ficha de producto: para ver como ha quedado nuestra pestaña haremos clic en el botón: “Vista previa”

b.- Añadir otra pestaña: Si queremos añadir otra pestaña personalizada, simplemente tendremos que volver a añadir los campos: “title” y “content” y hacer clic en “Añadir nuevo”

c.- Editar la pestaña añadida: si queremos modificar la pestaña añadida, haremos clic en “Modificar” sobre la pestaña en cuestión, dentro del apartado “Tab list”

d.- Eliminar la pestaña: si queremos eliminar la pestaña, haremos clic en “Eliminar” en la pestaña correspondiente, bajo el apartado “Tab List”.

e.- Cambiar de posición: si tenemos varias pestañas, podemos cambiar su posición colocando el ratón sobre la pestaña a desplazar, haciendo clic en el botón izquierdo y arrastrando.

 

añadir pestaña o tab personalizada a las características del producto

Pestaña añadida a la ficha de producto en Prestashop

COMPRAR PLANTILLA WAREHOUSE

 

 

2.3.- Añadir una pestaña general a todos los productos Prestashop

 

Para añadir una pestaña general a todos los productos con el mismo contenido, debemos ir a la gestión de módulos de Prestashop y configurar el módulo “Iqit Additional Tabs”. Para esto, iremos a: “PERSONALIZAR > Módulos > Module Manager”. A continuación, buscaremos el módulo “IQITADDITIONALTABS – Custom producto tabs” y haremos clic en el botón “Configurar”.

Para añadir una nueva pestaña y contenido a todos los productos, haremos clic en el icono en forma de signo “+” situado en la parte derecha del bloque “Tab list”.

Hecho esto, rellenaremos lo siguientes campos:

a.- Enabled: este selector lo estableceremos en “SI” para que la pestaña que estamos creando esté activa y por tanto, se muestre en la tienda.

b.- Title: aquí podremos el título de la pestaña o tab.

c.- Description: aquí estableceremos el contenido de la pestaña o tab.

d.- Guardar: haremos clic en el botón “guardar” para que se guarde la pestaña

 

 

2.3.1.- Opciones tras añadir en Prestashop una pestaña general para todos los productos

 

Tras añadir una pestaña general a todos los productos, veremos que se refleja en la administración, bajo el apartado “Tabs list” .

A partir de aquí podremos realizar varias acciones:

a.- Ver pestaña: para ver cómo ha quedado la nueva pestaña, simplemente tendremos que acceder a la parte pública de nuestra tienda y ver un producto.

b.- Añadir otra pestaña: si queremos añadir una nueva pestaña general, volveremos a hacer clic en el icono con forma de signo “+”.

d.- Desactivar: podemos desactivar la pestaña haciendo clic sobre el botón: “Enabled”

e.- Modificar: podremos modificar el contenido y título de la pestaña, haciendo clic en el botón: “Modificar”

f.- Eliminar: si lo que queremos hacer es eliminar la pestaña, haremos clic en el botón “Eliminar”

g.- Cambiar de posición: si tenemos varias pestañas, podemos cambiar su posición colocando el ratón sobre la pestaña a desplazar, haciendo clic en el botón izquierdo y arrastrando.

 

 

Compártelo ya!!

ACCEDE A TODOS MIS CURSOS POR SOLO 10€/MES

1.- CURSO PRESTASHOP (56 Clases)
2.- CURSO WOOCOMMERCE (39 Clases)
3.- CURSO SEO TIENDAS ONLINE (12 Clases)
4.- CURSO PLANTILLA WAREHOUSE (26 Clases)
5.- CURSO PLANTILLA FLATSOME (36 Clases)
6.- CURSO SUSCRIPTORES PRESTASHOP (7 Clases)
7.- CURSO BLOG PRESTASHOP (12 Clases)
8.- CURSO WORDPRESS (44 Clases)
9.- CURSO DIVI (33 Clases)
10.- CURSO ANALYTICS (10 Clases)
11.- CURSO IMÁGENES WEB (15 Clases)
12.- CURSO SEO GENERAL (19 Clases)
13.- ETC. ETC.
*** ADEMÁS TIENES MI SOPORTE VÍA EMAIL***

IR A LOS CURSOS

You have Successfully Subscribed!