• Resuelto amadeo1984

    (@amadeo1984)


    Buenas tardes,

    Resulta que tenemos una tienda en Woocommerce la cual la estamos desarrollando, e hicimos una importación de los productos de Prestashop de la antigua web. Ahora en casi todos los productos tenemos los títulos en Mayúsculas, y nos gustaría pasarlos a minúsculas.

    ¿Hay algún plugin que te lo facilite para no ir producto a producto poniendo los títulos en minúsculas?

    Aquí un ejemplo https://zonaplotter.deo.com.es/producto/roll-up-60-x-200/

    Gracias,

    La página con la que necesito ayuda: [accede para ver el enlace]

Viendo 6 respuestas - de la 1 a la 6 (de un total de 6)
  • Moderador almendron

    (@almendron)

    Por CSS se podría hacer:

    h1 {
        text-transform: lowercase;
    }
    
    h1:first-letter {
        text-transform: uppercase;
    }

    Primero lo pones todo en minúsculas y luego la primera en mayúsculas.

    Otra opción sería usar «capitalize».

    h1 {
        text-transform: capitalize;
    }

    https://www.w3schools.com/cssref/pr_text_text-transform.asp

    Moderador jose64

    (@jose64)

    Hola.

    Lo mejor que puedes hacer es exportar los productos, modificar los títulos en el CSV, puedes hacerlo con la hoja de cálculo de LibreOffice seleccionando la columna y siguiendo Formato > Texto verás las opciones para cambiar entre mayúsculas, minúsculas, capitalizado y oración con mayúscula inicial, así consigues que queden todos uniformes. Una vez modificados impórtalos y selecciona la opción de actualizar.

    Para la exportación deberías seleccionar únicamente las columnas que vas a modificar: ID y Nombre, así tanto la exportación como la importación será mucho más rápida.

    Recuerda marcar como resuelto el debate, así nos ayudas a mantener el foro al día.

    Iniciador del debate amadeo1984

    (@amadeo1984)

    Gracias por la respuesta, pero es raro porque no me termina de funcionar…

    https://zonaplotter.deo.com.es/producto/roll-up-60-x-200/

    He intentado también añadir el código css en el item de título en Elementor y tampoco hace caso…

    ¿Alguna solución más?

    Moderador jose64

    (@jose64)

    La opción que te indica @almendron también es válida, tienes que modificar también los h2 para que se aplique también en las galerías de productos:

    h1, h2 {
        text-transform: lowercase;
    }
    h1, h2:first-letter {
        text-transform: uppercase;
    }

    Si quieres que sea más específico y se aplique solo a los nombres de los productos puedes aplicar este código para las páginas de producto:

    h1.product_title.entry-title.elementor-heading-title.elementor-size-default {
        text-transform: lowercase;
    }
    h1.product_title.entry-title.elementor-heading-title.elementor-size-default:first-letter {
        text-transform: uppercase;
    }

    Y para las galerías:

    h2.woocommerce-loop-product__title {
        text-transform: lowercase;
    }
    
    h2.woocommerce-loop-product__title:first-letter {
        text-transform: uppercase;
    }
    Moderador jose64

    (@jose64)

    @amadeo1984 text-transform:capitalize no funciona si tienes tienes el texto en mayúscula y solamente se aplica la última regla, por eso se pasa a minúscula y luego a mayúscula la primera letra.

    Iniciador del debate amadeo1984

    (@amadeo1984)

    Genial! Muchas gracias, ahora si que ha funcionado.

Viendo 6 respuestas - de la 1 a la 6 (de un total de 6)
  • El debate ‘Títulos producto mayúsculas a minúsculas’ está cerrado a nuevas respuestas.