[Resuelto] Cambiar Posición de Descripción y Detalles del producto  

 
Carlos
 Carlos
Reputable Member

Buenos días:

Me gustaría modificar la posición de la "descripción" y "detalles del producto", es decir que primeramente por defecto se vea el detalles del producto y después la descripción

https://www.puertasinterior.es/puertas-lacadas/92-46343-murillo.html#/26-tipo_de_puerta-abatible/54-medidas-2030_x_825/77-acabados-blanco/95-apertura-derecha

Adjunto Captura

image007

 

Respondido : 08/06/2020 8:58 am
Karen Rios
 Karen Rios
Soporte CMS Webempresa Moderator

Hola Carlos,

Para poder modificar las posiciones de tus tabs deberás modificar el orden de las lineas de código del archivo product.tpl, en este caso no es muy recomendado ya que se puede modificar alguna linea de código que distorsione la maquetación y comportamiento de tu tema.

Sin embargo puedes verificar este articulo donde muestran como modificar el orden de los tabs -> Contenido solo visible a usuarios registrados

También puedes contactar con nuestro directorio de colaboradores quienes pueden ayudarte a modificar lo que necesitas -> https://www.webempresa.com/directorio-colaboradores.html

Un Saludo

Respondido : 08/06/2020 2:15 pm

optimiza-automaticamente-todas-las-imagenes-de-tu-wordpress

Carlos
 Carlos
Reputable Member

@karen

Hola,

Muchas gracias, he podido cambiarlo pero no logro que muestre el Detalle en vez la descripción por defecto

https://www.puertasinterior.es/puertas-lacadas/92-46343-murillo.html#/26-tipo_de_puerta-abatible/54-medidas-2030_x_825/77-acabados-blanco/95-apertura-derecha

Tendría que modificar este bloque, pero cambio description pero con details da error, ¿me podeis ayudar?

<div class="tab-content" id="tab-content">
<div class="tab-pane fade in{if $product.description} active{/if}" id="description">
{block name='product_description'}
<div class="product-description">{$product.description nofilter}</div>
{/block}
</div>

 

Respondido : 09/06/2020 10:29 am
Karen Rios
 Karen Rios
Soporte CMS Webempresa Moderator

Hola Carlos,

Disculpa si no logro ver lo que nos mencionas, veo que el cambio se realizo.

En la pestaña detalles del productos muestra la información correspondiente y en su descripción la información que haz agregado.

Screenshot(162)

¿Lograste modificar lo que nos comentabas?

Un Saludo

Respondido : 09/06/2020 1:22 pm

Cursos Gratuitos WordPress

Carlos
 Carlos
Reputable Member

@karen

Hola,

He logrado cambiar el orden pero por defecto muestra la descripción del producto y no el detalle, adjunto captura.

Screenshot (7)

Respondido : 10/06/2020 8:39 am
Karen Rios
 Karen Rios
Soporte CMS Webempresa Moderator

Hola Carlos,

Si es posible envíanos una captura del código que haz modificado para verificar con mayor detalle.

De manera general es posible que tengas que asignar una clase active al tab que deseas aparezca cuando los tabs están inactivos, es decir cuando un usuario aun no hace clic sobre ellos.

Un Saludo

Respondido : 10/06/2020 1:29 pm

wpdoctor-revisa-la-salud-de-tu-wordpress

Carlos
 Carlos
Reputable Member

Hola,

Pego código

 

<ul class="nav nav-tabs">
{if $product.description}
<li class="nav-item">
<a class="nav-link active" data-toggle="tab" href="#product-details">{l s='Product Details' d='Shop.Theme.Catalog'}</a>
</li>
<li class="nav-item">
<a class="nav-link" data-toggle="tab" href="#description">{l s='Description' d='Shop.Theme.Catalog'}</a>
</li>
{/if}
{if $product.attachments}
<li class="nav-item">
<a class="nav-link" data-toggle="tab" href="#attachments">{l s='Attachments' d='Shop.Theme.Catalog'}</a>
</li>
{/if}
{foreach from=$product.extraContent item=extra key=extraKey}
<li class="nav-item">
<a class="nav-link" data-toggle="tab" href="#extra-{$extraKey}">{$extra.title}</a>
</li>
{/foreach}
</ul>

<div class="tab-content" id="tab-content">
<div class="tab-pane fade in{if $product.description} active{/if}" id="description">
{block name='product_description'}
<div class="product-description">{$product.description nofilter}</div>
{/block}
</div>

{block name='product_details'}
{include file='catalog/_partials/product-details.tpl'}
{/block}

Respondido : 11/06/2020 7:54 am
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Carlos.

Instala el Modulo que te adjunto.

.- Una vez instalado, verás que en personalizar tienes un nuevo elemento que es Product Tab .

Screenshot 2020 06 11 16.35.18

.- Selecciona " Global Product Tabs " y pulsa en icono " + " paar crear las pestañas.

.- En el desplegable selecciona " Product detalls "  para la pestaña detalles 

Screenshot 2020 06 11 16.39.48

.- Realiza el mismo paso para la descripción, en este caso selecciona la opción " Description "

Screenshot 2020 06 11 16.42.54

 

Puedes añadir más pestañas, por ejemplo de imágenes o incluso moverlas de posicion simplemente arrastrando los elementos.

 

Espero que sea lo estas Buscando 😉 

 

Un saludo

 

 

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar Testimonio
¿Has probado WpCenter?, es nuestro nuevo manager de WordPress desde el propio cPanel sin necesidad de acceder a tu administración, te permitirá configurar actualizaciones automáticas y mucho más.
Pruébalo accediendo a tu cPanel > Aplicaciones Webempresa > WpCenter
¡Gracias!.

Respondido : 11/06/2020 3:46 pm

Gestor de Contraseñas - VPN Conexión Segura - Gestor 2FA (Segundo Factor de Autenticación

Carlos
 Carlos
Reputable Member

@pepesoler

Buenos días Pepe:

Muchísimas gracias, era justo lo que necesitaba, solucionado!!!!

 

Gracias 😉

Respondido : 12/06/2020 8:10 am
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Carlos.

Nada, Gracias a ti 😉 

 

Cerramos el tema.

Un saludo

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar Testimonio
¿Has probado WpCenter?, es nuestro nuevo manager de WordPress desde el propio cPanel sin necesidad de acceder a tu administración, te permitirá configurar actualizaciones automáticas y mucho más.
Pruébalo accediendo a tu cPanel > Aplicaciones Webempresa > WpCenter
¡Gracias!.

Respondido : 12/06/2020 10:08 am

optimiza-automaticamente-todas-las-imagenes-de-tu-wordpress

Por favor Iniciar Sesión o Registro