Cambiar un h3 a h2 ...
Avisos
Vaciar todo

Cambiar un h3 a h2 mediante ccs  

 
Benito
 Benito
Usuario experto

Hola,

Necesito cambiar los títulos de los productos que se muestra en la lista de categoría, de un h3 a un h2, como lo podría hacer fácil?

image
Citar
Respondido : 05/03/2020 10:51 am
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Benito.

.- Accede a themes -> pf_mixstore -> sub -> product

.- dentro de esa carpeta verás que tienes varios archivos con el nombre style_x.tpl ", no se que estilo es el que utilizas ya que es parte de las opciones de tu plantilla.

.- Editar esos archivos y busca este Bloque

<h3 class="name" itemprop="name">
{if isset($product.pack_quantity) && $product.pack_quantity}{$product.pack_quantity|intval|cat:' x '}{/if}
<a href="{$product.link|escape:'html':'UTF-8'}" title="{$product.name|escape:'html':'UTF-8'}" itemprop="url" >
{$product.name|truncate:35:'...'|escape:'html':'UTF-8'}
</a>
</h3>

 

Modifica  el bloque cambiando h3 por el h2:

<h2 class="name" itemprop="name">
{if isset($product.pack_quantity) && $product.pack_quantity}{$product.pack_quantity|intval|cat:' x '}{/if}
<a href="{$product.link|escape:'html':'UTF-8'}" title="{$product.name|escape:'html':'UTF-8'}" itemprop="url" >
{$product.name|truncate:35:'...'|escape:'html':'UTF-8'}
</a>
</h2>

 

Nota: recuerda descargar el archivo antes de la modificación para tener una copia.

Un saludo

ResponderCitar
Respondido : 05/03/2020 11:30 am

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

Benito
 Benito
Usuario experto

@pepesoler

Gracias Pepe!

Solucionado

No se si puedo aprovechar este hilo para consultarte que veo duplicado el h1 cuando hago la inspección con la extensión Web developer en Chrome, por qué puede suceder?

image
ResponderCitar
Respondido : 05/03/2020 11:45 am
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Benito.

El único que veo que carga con h1 es el que te indica pero no está duplicado, no lo veo duplicado:

screenshot nimbus capture 2020.03.05 13 15 55

 

Un saludo

 

ResponderCitar
Respondido : 05/03/2020 12:18 pm

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

Benito
 Benito
Usuario experto

@pepesoler

Gracias!

Lo he vuelto a revisar mirando el código fuente y a mi me aparecen 2 h1 pero si que es cierto que sólo muestra uno de ellos...

h1 1
h1 2

 

ResponderCitar
Respondido : 06/03/2020 8:25 am
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Benito.

Es el mismo, los dos pintan lo mismo, en el código que genera la web solo se muestra uno.

Cada uno lo muestra en un sitio distinto, es decir puedes mostrarlo en la parte superior como lo tienes ahora o mostrarlo en la parte inferior después de los productos que seria el codigo que tienes en la línea 234, pero solo muestra uno u otro.

No hay problema si quieres modificar el último y poner por ejemplo un h5

Un saludo

ResponderCitar
Respondido : 06/03/2020 9:11 am

Cursos Gratuitos WordPress

Benito
 Benito
Usuario experto

@pepesoler

Gracias! y cómo lo haría? sería mejor modificar el primero para que quede la estructura más limpia no? 

Y quitar el h4 de "Filtros"

image
ResponderCitar
Respondido : 06/03/2020 10:24 am
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Benito.

Yo no haría nada, no hace falta, si revisas el código que genera tu web con e inspector del navegador verás que solo muestra uno.

screenshot nimbus capture 2020.03.06 11 59 03

El otro no se genera por lo que no tienes la etiqueta duplicada.

 

Un saludo

ResponderCitar
Respondido : 06/03/2020 11:01 am

Benito
 Benito
Usuario experto

@pepesoler

Gracias de nuevo!

Y el h4 de Filtros como puedo cambiarle la etiqueta?

 

ResponderCitar
Respondido : 10/03/2020 9:15 am
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Benito.

.- Edita el archivo " blocklayered.tpl " que encontrarás en  themes -> tu_plantilla -> modules -> blocklayered

.- Revisa si tienes el siguiente código y lo modificas:

<h4 class="title_block">{l s='Catalog' mod='blocklayered'}</h4>

Personalmente no me calentaria la cabeza con esas etiquetas, no pasa nada si tienes etiquetas como h3 o h4 duplicadas, en principio solo es importante no duplicar la etiqueta h1 

 

Nota: recuerda descargar una copia del archivo antes de modificar.

Un saludo

ResponderCitar
Respondido : 10/03/2020 10:09 am

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