[Jefferson Maldonado]

e puesto el código como me indicas, pero este no funciona, se sigue viendo la opción de cambiar contraseña. agradecería si me puedes ayudar a solucionar.

[Jefferson Maldonado]

Hola José Alberto, un gusto saludarte.

¡Gracias por tu pregunta! Entiendo que deseas implementar un filtrado de entradas de la A a la Z en Divi. Aunque Divi no tiene esta funcionalidad incorporada de forma nativa, puedes lograrlo utilizando plugins que te permitan agregar esta característica a tu sitio web.

Plugin Recomendado para Filtrar de la A a la Z:

1. WP Alphabet: WP Alphabet es un plugin que te permite crear un índice alfabético para tus entradas, páginas y otros tipos de contenido personalizado en WordPress. Es sencillo de usar y compatible con Divi.

Cómo Configurar WP Alphabet:

1. Instalar y Activar WP Alphabet:

   • Ve a Plugins > Añadir nuevo en tu panel de administración de WordPress.
   • Busca WP Alphabet e instala y activa el plugin.

2. Configurar el Plugin:

   • Ve a WP Alphabet en tu panel de administración.
   • Configura los ajustes del plugin según tus necesidades. Puedes elegir los tipos de contenido que deseas incluir en el índice alfabético.

3. Añadir el Índice a tu Página:

   • Crea o edita la página donde deseas mostrar el índice alfabético.
   • Añade el shortcode [wp_alphabet] en la ubicación donde deseas que aparezca el filtro de la A a la Z.

Otra Opción:

2. Relevanssi: Relevanssi es un potente plugin de búsqueda que ofrece muchas opciones de filtrado y puede ayudar a mejorar la funcionalidad de búsqueda en tu sitio, incluyendo el filtrado alfabético.

Cómo Configurar Relevanssi:

1. Instalar y Activar Relevanssi:

   • Ve a Plugins > Añadir nuevo en tu panel de administración de WordPress.
   • Busca Relevanssi e instala y activa el plugin.

2. Configurar el Plugin:

   • Ve a Ajustes > Relevanssi y configura los ajustes según tus necesidades.
   • Puedes personalizar el comportamiento de búsqueda y filtrado para incluir un índice alfabético.

Implementación con Divi:

Para integrar cualquiera de estos plugins con Divi, simplemente usa el módulo «Code» o «Text» de Divi para insertar los shortcodes en la página o área donde deseas mostrar el índice alfabético.

Espero que estas recomendaciones te sean de ayuda para implementar el filtrado de entradas de la A a la Z en tu sitio Divi. Si tienes alguna otra pregunta o necesitas más asistencia, no dudes en contactarnos.

Saludos cordiales, Jeff.

[Jefferson Maldonado]

Hola Sandra, un gusto saludarte

Entiendo que necesitas quitar la opción de «¿Has olvidado tu contraseña?» de tu intranet y también traducir otras opciones. Aquí te dejo los pasos para lograr ambas cosas:

Quitar la Opción de «¿Has olvidado tu contraseña?»

Para quitar la opción «¿Has olvidado tu contraseña?» en WordPress, puedes utilizar un fragmento de código que oculte este enlace en la página de inicio de sesión. Aquí te explico cómo hacerlo:

Accede a tu archivo functions.php:

• Ve a Apariencia > Editor de temas en tu panel de administración de WordPress.
• Selecciona el archivo functions.php de tu tema activo.

Añade el siguiente código:

// Ocultar el enlace "¿Has olvidado tu contraseña?" en la página de inicio de sesión
function remove_lostpassword_text($text) {
    if ($text == '¿Olvidaste tu contraseña?') {
        $text = '';
    }
    return $text;
}
add_filter('gettext', 'remove_lostpassword_text');
add_filter('ngettext', 'remove_lostpassword_text');

Guardar los cambios:

Guarda el archivo functions.php y verifica la página de inicio de sesión para asegurarte de que el enlace ya no esté visible.

Espero que estas instrucciones te sean de ayuda. Si tienes alguna otra pregunta o necesitas más asistencia, no dudes en contactarnos.

[Jefferson Maldonado]

Hola Sandra, un gusto saludarte 😊🖐

Entiendo tu necesidad de traducir ciertos aspectos de tu intranet, como alertas y avisos, que no se están traduciendo automáticamente a pesar de tener WordPress configurado en español.

Te recomiendo utilizar Loco Translate, una herramienta excelente para traducir temas y plugins directamente desde el panel de administración de WordPress. Esta herramienta te permitirá personalizar y traducir completamente todos los elementos de tu intranet.

Tenemos un tutorial detallado sobre cómo utilizar Loco Translate que te será de gran ayuda para resolver este problema. Aquí te dejo los pasos básicos y el enlace a nuestro tutorial:

Pasos Básicos con Loco Translate:

1. Instalar Loco Translate:

   • Ve a Plugins > Añadir nuevo en tu panel de administración de WordPress.
   • Busca Loco Translate e instala y activa el plugin.

2. Seleccionar el Tema o Plugin a Traducir:

   • Ve a Loco Translate > Themes o Loco Translate > Plugins según lo que necesites traducir.
   • Selecciona el tema o plugin que deseas traducir.

3. Añadir un Nuevo Idioma:

   • Haz clic en Nuevo idioma y selecciona el idioma que necesitas (en este caso, español).

4. Comenzar a Traducir:

   • Aparecerá una lista de cadenas de texto. Busca las alertas y avisos que necesitas traducir.
   • Ingresa la traducción para cada cadena y guarda los cambios.

5. Actualizar la Traducción:

   • Asegúrate de guardar y sincronizar las traducciones. Esto garantizará que los cambios se reflejen en tu intranet.

Tutorial Detallado:

Para una guía paso a paso y más detallada, te invito a seguir nuestro tutorial sobre Loco Translate. Aquí encontrarás todo lo que necesitas saber para traducir completamente tu intranet y cualquier otro aspecto de tu sitio web.

Enlace al Tutorial de Loco Translate: https://uxdivi.com/blog/como-traducir-cadenas-de-textos-en-wordpress-con-loco-translate

Espero que esta solución te sea de gran ayuda. Si tienes alguna otra pregunta o necesitas más asistencia, no dudes en contactarnos.

Saludos cordiales, Jeff.

uxdivi.com

Cómo traducir cadenas de textos en WordPress con Loco Translate

Hoy les traigo un tutorial detallado sobre cómo utilizar Loco Translate para traducir cadenas de texto en WordPress. En este tutorial...

[Jefferson Maldonado]

Hola Gonzalo, un gusto saludarte 😊🖐

Entiendo tu preocupación sobre los emoticones que has configurado en los títulos y descripciones de Yoast SEO, pero que no aparecen en los resultados de búsqueda de Google. Aquí te explico por qué puede estar sucediendo esto y qué puedes hacer al respecto:

Posibles Razones

1. Directrices de Google: Google no siempre muestra los emoticones en los resultados de búsqueda, incluso si los has configurado en tus títulos y descripciones de Yoast SEO. Google puede decidir no mostrarlos si considera que no son relevantes o adecuados para los usuarios.
2. Tiempo de Actualización: Si recientemente has agregado los emoticones, puede que Google aún no haya vuelto a rastrear tu sitio web y actualizado sus resultados de búsqueda.
3. Preferencias del Algoritmo: Google utiliza algoritmos para determinar la mejor manera de mostrar los resultados. A veces, estos algoritmos deciden no incluir emoticones para mantener un aspecto limpio y profesional en los resultados.

Qué Puedes Hacer

1. Verificar la Configuración en Yoast SEO:

   • Asegúrate de que los emoticones estén correctamente configurados en los títulos y descripciones en la sección de Apariencia del Buscador en Yoast SEO.

2. Solicitar una Reindexación en Google Search Console:

   • Ve a Google Search Console.
   • Selecciona tu propiedad (sitio web).
   • Ve a la sección «Inspección de URL».
   • Ingresa la URL de la página donde has agregado los emoticones.
   • Haz clic en «Solicitar indexación». Esto le indica a Google que vuelva a rastrear y actualizar la página.

3. Esperar: A veces, simplemente se necesita un poco de tiempo para que Google vuelva a rastrear tu sitio y refleje los cambios en los resultados de búsqueda.

Nota Importante

Es importante tener en cuenta que, aunque configures emoticones en Yoast SEO, Google tiene la última palabra sobre cómo se muestran los resultados de búsqueda. Google puede elegir no mostrar emoticones si cree que no mejoran la experiencia del usuario.

Espero que esta información te sea de ayuda. Si necesitas más asistencia o tienes alguna otra pregunta, no dudes en contactarnos.

Saludos cordiales,

Jeff.

[Jefferson Maldonado]

Hola Gonzalo,

Entiendo tu preocupación con la URL que contiene una «ñ» y cómo esto está causando un error 404 en Google. Afortunadamente, este problema se puede solucionar rápidamente con una redirección.

Puedes agregar una redirección de la URL que Google tiene posicionada a la URL final que no contiene la «ñ». Aquí te explico cómo hacerlo utilizando dos plugins populares de SEO: Yoast SEO y Rank Math. Dependiendo de cuál estés usando, sigue los pasos correspondientes.

Usando Yoast SEO:

1. Instala y activa el plugin Yoast SEO si no lo tienes instalado.
2. Ve a Yoast SEO en tu panel de WordPress.
3. Haz clic en «Redirección» y luego en «Editor de archivos».
4. Agrega la redirección en el archivo:

• En el campo «Source URL», ingresa la URL que contiene la «ñ».
• En el campo «Destination URL», ingresa la URL final sin la «ñ».
• Asegúrate de seleccionar el tipo de redirección «301 (Permanent)».
• Guarda los cambios.

Usando Rank Math:

1. Instala y activa el plugin Rank Math si no lo tienes instalado.
2. Ve a Rank Math en tu panel de WordPress.
3. Haz clic en «Redirections».
4. Añade una nueva redirección:
   • En el campo «Source URL», ingresa la URL que contiene la «ñ».
   • En el campo «Destination URL», ingresa la URL final sin la «ñ».
   • Asegúrate de seleccionar el tipo de redirección «301 (Permanent)».
   • Guarda los cambios.

Pasos Detallados para Rank Math:

1. Dashboard de WordPress: Ve a Rank Math > Redirections.
2. Agregar Nueva Redirección: Haz clic en «Add New».
3. Configurar Redirección:
   • En el campo «Source URL», ingresa la URL que contiene la «ñ».
   • En el campo «Destination URL», ingresa la URL final sin la «ñ».
   • Asegúrate de seleccionar el tipo de redirección «301 (Permanent)».
   • Guardar: Haz clic en «Add Redirection» para guardar.

Verificar la Redirección

Una vez que hayas configurado la redirección, es importante verificar que funcione correctamente:

1. Abre una ventana de navegación privada o incógnito en tu navegador.
2. Ingresa la URL con la «ñ» y asegúrate de que redirija correctamente a la nueva URL sin la «ñ».

Esto debería resolver el problema y evitar que los usuarios encuentren un error 404 al intentar acceder a la URL con la «ñ».

Espero que esta solución te sea de ayuda. Si necesitas más asistencia o tienes alguna otra pregunta, no dudes en contactarnos.

Saludos cordiales,

Jeff.

Equipo de Soporte de UXDivi

[Jefferson Maldonado]

Que tal Gonzalo, así es, necesitas una nueva licencia por cada sitio donde instales Divi Pixel.

Recuerda que nosotros otorgamos una de corticia, el resto la puedes comprar acá: https://www.buymeacoffee.com/wplicence23/extras o directamente con el desarrollador https://uxdivi.com/pixel

buymeacoffee.com

Extras | WPLicence23

¡Hey 👋 si te gusta nuestro contenido apóyanos con un café!

[Jefferson Maldonado]

Que tal Agustín, un gusto saludarte.

Mira justo tenemos un video donde te mencionamos en que caso es mejor Learndash y en que casos es mejor Tutor LMS: https://uxdivi.com/blog/learndash-vs-tutor-lms-comparativa-de-estos-dos-poderosos-lms

Dale un vistazo, seguramente allí hallarás la respuesta que buscas.

uxdivi.com

LearnDash vs Tutor LMS. Comparativa de estos dos poderosos LMS

En este tutorial te daremos todos nuestros comentarios sobre las principales diferencias entre LearnDash vs Tutor LMS ¿Cuál debes escoger?

[Jefferson Maldonado]

Hola Erika, un gusto saludarte 😊🖐

Entiendo tu frustración con este error de conexión entre LearnDash y Stripe. El mensaje de error indica que la sesión de Stripe no se ha creado debido a una moneda no válida. Aquí hay algunas cosas que puedes verificar y ajustar para solucionar este problema:

Pasos a Seguir:

1. Verifica la Moneda Configurada:

   • Asegúrate de que la moneda configurada en tu sitio web y en LearnDash sea una de las monedas admitidas por Stripe. Puedes revisar la lista de monedas admitidas en el mensaje de error que recibiste.

2. Configuración de LearnDash:

   • Ve a LearnDash > Settings > Payments y verifica la configuración de la moneda. Asegúrate de que la moneda seleccionada sea una de las admitidas por Stripe.

3. Configuración de Stripe:

   • Asegúrate de que la configuración de tu cuenta de Stripe también esté correcta y que la moneda utilizada sea compatible.
   • En tu cuenta de Stripe, verifica que la moneda de la cuenta esté configurada correctamente y coincide con la que estás usando en LearnDash.

4. Actualiza los Plugins:

   • Asegúrate de que tanto LearnDash como el plugin de Stripe para LearnDash estén actualizados a la última versión. Las actualizaciones pueden resolver problemas de compatibilidad y errores.

5. Verifica los Webhooks:

   • Asegúrate de que los webhooks estén configurados correctamente en Stripe y que la URL del webhook sea accesible desde tu sitio web.

Pasos Detallados:

1. Cambiar la Moneda en LearnDash:

• Ve a LearnDash > Settings > Payments.
• En la sección de configuración de moneda, selecciona una moneda admitida por Stripe, como USD o EUR.
• Guarda los cambios.

2. Verificar la Moneda en Stripe:

• Inicia sesión en tu cuenta de Stripe.
• Ve a Settings > Account Settings > Financial Accounts.
• Asegúrate de que la moneda de tu cuenta esté configurada correctamente y sea una de las monedas admitidas.

3. Actualizar Plugins:

• Ve a Plugins > Plugins Instalados en tu panel de WordPress.
• Asegúrate de que tanto LearnDash como el plugin de Stripe para LearnDash estén actualizados a la última versión.
• Si hay actualizaciones disponibles, actualiza los plugins y vuelve a probar la inscripción al curso.

4. Verificar Webhooks:

• Inicia sesión en tu cuenta de Stripe.
• Ve a Developers > Webhooks.
• Asegúrate de que el endpoint del webhook esté configurado correctamente y que la URL del webhook sea accesible desde tu sitio web.
• Verifica que los eventos necesarios (como checkout.session.completed) estén seleccionados.

Si el Problema Persiste:

Si después de realizar estos pasos el problema persiste, te recomendaría contactar al soporte de LearnDash y Stripe con los detalles del error. Proporcionarles el mensaje de error completo y los pasos que ya has intentado les ayudará a diagnosticar y resolver el problema más rápidamente.

Espero que estas sugerencias te ayuden a resolver el problema. Si tienes alguna otra pregunta o necesitas más asistencia, no dudes en contactarnos.

Saludos cordiales, Jeff.

[Jefferson Maldonado]

Que tal Sebastián, un gusto saludarte 😊🖐

En el contexto del plugin Divi Machine, «Terms» y «Terms on load ONLY» son opciones que se utilizan para definir cómo se cargan y muestran los términos de taxonomías (como categorías, etiquetas, etc.) en los módulos y plantillas de Divi. A continuación, te explico la diferencia entre estas dos opciones:

Terms

• Descripción: La opción «Terms» se refiere a la carga dinámica y continua de términos de taxonomías a medida que se interactúa con la página.
• Funcionalidad: Cuando se selecciona esta opción, los términos se cargarán y actualizarán de manera dinámica cada vez que se acceda o se actualice la página, mostrando siempre la información más reciente.
• Uso: Es ideal para situaciones en las que los términos de taxonomías pueden cambiar con frecuencia y necesitas que estos cambios se reflejen de inmediato en tu sitio web sin requerir recargas manuales de la página.

Terms on load ONLY

• Descripción: La opción «Terms on load ONLY» se refiere a la carga de términos de taxonomías únicamente cuando la página se carga por primera vez.
• Funcionalidad: Con esta opción, los términos se cargan y muestran una sola vez, cuando la página se carga inicialmente. Después de la carga inicial, los términos no se actualizan dinámicamente durante la misma sesión.
• Uso: Es útil en situaciones donde los términos no cambian con frecuencia y no necesitas que se actualicen constantemente mientras el usuario navega por la página. Esto puede mejorar el rendimiento de la página, ya que reduce la cantidad de solicitudes dinámicas al servidor.

Ejemplo de Uso

• Terms: Imagina que tienes una página de listados de productos donde las categorías de productos pueden cambiar frecuentemente debido a actualizaciones constantes. Usar «Terms» asegurará que siempre se muestren las categorías más recientes cada vez que alguien visite o interactúe con la página.
• Terms on load ONLY: En contraste, si tienes una página de blog donde las categorías de las publicaciones no cambian frecuentemente, «Terms on load ONLY» sería suficiente y más eficiente, ya que carga las categorías solo una vez cuando la página se carga inicialmente.

Conclusión

La elección entre «Terms» y «Terms on load ONLY» dependerá de la necesidad específica de tu sitio web en términos de actualización de datos y rendimiento. Si necesitas que los términos de taxonomías se actualicen dinámicamente con cada interacción del usuario, utiliza «Terms». Si prefieres optimizar el rendimiento de la página y los términos no cambian frecuentemente, «Terms on load ONLY» es la opción adecuada.

Espero que esto aclare las diferencias y te ayude a elegir la opción correcta según tus necesidades. Si tienes más preguntas, no dudes en preguntar.

[Jefferson Maldonado]

Que tal Alberto un gusto saludarte 😊🖐

Sí, existen varios plugins que permiten asignar atributos a varios productos en bloque en WooCommerce. Aquí te dejo algunas opciones recomendadas:

1. Bulk Edit Products, Prices & Attributes for WooCommerce

Este plugin es muy popular y ofrece una interfaz amigable para editar múltiples productos a la vez, incluyendo la asignación de atributos.

• Características principales:

  • Edición masiva de precios, inventarios, categorías, etiquetas y atributos.
  • Filtros avanzados para seleccionar productos específicos.
  • Interfaz fácil de usar.

• Enlace: https://woocommerce.com/products/bulk-edit-products-prices-and-attributes/

2. WooCommerce Bulk Product Editor and Manager

Este plugin es una solución completa para la edición masiva de productos en WooCommerce, permitiendo la modificación de atributos, precios, inventarios y más.

• Características principales:

  • Edición masiva de productos, incluyendo atributos.
  • Soporte para productos simples y variables.
  • Funcionalidad de búsqueda y filtro avanzada.

• Enlace: https://codecanyon.net/item/woocommerce-quick-product-edito

3. WooCommerce Advanced Bulk Edit

Este plugin permite editar productos en bloque, incluyendo la asignación de atributos, precios, inventarios y otros datos.

• Características principales:

  • Edición en masa de productos, atributos y variaciones.
  • Posibilidad de filtrar productos por múltiples criterios.
  • Interfaz de usuario intuitiva y fácil de usar.

• Enlace: https://codecanyon.net/item/woocommerce-advanced-bulk-edit/8011417

4. WP All Import + WooCommerce Add-On

WP All Import es una herramienta poderosa para importar datos en WordPress. Con el complemento de WooCommerce, puedes asignar atributos a múltiples productos durante la importación o edición masiva.

• Características principales:

  • Importación y exportación de productos de WooCommerce.
  • Edición masiva de productos y atributos.
  • Interfaz de arrastrar y soltar.

• Enlace: https://uxdivi.com/cursos/importar-contenido-masivo-en-wordpress-y-woo-con-wp-all-import

Cómo Usar Estos Plugins

1. Instala y activa el plugin de tu elección desde el repositorio de WordPress o la página del desarrollador.
2. Accede a la interfaz de edición masiva del plugin desde el panel de administración de WooCommerce.
3. Selecciona los productos a los que deseas asignar atributos.
4. Configura los atributos y aplica los cambios en bloque.

Recomendaciones

• Realiza una copia de seguridad de tu sitio antes de realizar cambios masivos para evitar posibles problemas.
• Revisa la documentación y las guías del plugin para asegurarte de utilizar todas las funcionalidades correctamente.

Con estos plugins, podrás gestionar y asignar atributos a varios productos en WooCommerce de manera eficiente y sencilla.

woocommerce.com

Bulk Edit Products, Prices, and Attributes

Bulk edit any WooCommerce products instantly with WooCommerce Bulk Edit Products, Prices, and Attributes! Faster, easier, efficient management awaits!

[Jefferson Maldonado]

Que tal Gonzalo, un gusto saludarte, claro acá te respondo tus dudas respecto al posicionamiento SEO.

En efecto, cuando asignas cualquier página dentro de WordPress como página de inicio, quita cualquier URL que le siga a tu URL principal.

No hay forma de asignar una página como página de inicio y que siga apareciendo la URL de esta página.

De hecho, lo que estás viendo en los resultados de búsqueda, no es la página de inicio de esos sitios, sino más bien una landing page que estás personas han superoptimizado con esa palabra clave para posicionar de primero.

Acá quizá lo recomendable es que hagas una landing page exclusivamente atacando esta palabra clave para competir con estas otras, pero no necesariamente está debe ser tu página de inicio, o la página de algún servicio que tengas, sino más bien una página que atraiga al público y que de allí direccione a tus servicios, o lo que le quieras mostrar.

Espero que esta info te sea de ayuda. Para cualquier otra cosa, aquí me tienes 😉🖐

[Jefferson Maldonado]

Que tal Guillermo, sí, es posible implementar un selector para que los usuarios puedan elegir el número de columnas en las que se muestran los productos de WooCommerce en dispositivos móviles. Esto puede lograrse mediante una combinación de código CSS y JavaScript. Aquí te dejo los pasos detallados para implementar esta funcionalidad:

Paso 1: Añadir el Selector en tu Página

Primero, necesitas añadir un selector (dropdown) en tu página. Esto puede hacerse en el archivo de la plantilla de tu tema, en una página específica, o usando un widget o un shortcode.

html
<select id="column-selector" class="column-selector">     <option value="1">1 columna</option>     <option value="2">2 columnas</option>     <option value="4">4 columnas</option> </select> 

Paso 2: Estilo CSS para las Columnas

Añade el siguiente CSS a tu archivo de estilos o en el área de CSS personalizado de tu tema (en Apariencia > Personalizar > CSS adicional):

css
/* Estilos base para productos */ .woocommerce ul.products {     display: flex;     flex-wrap: wrap;     margin: 0;     padding: 0;     list-style: none; }  .woocommerce ul.products li.product {     width: 100%; }  /* Clases dinámicas para columnas */ .columns-1 .woocommerce ul.products li.product {     width: 100%; }  .columns-2 .woocommerce ul.products li.product {     width: 50%; }  .columns-4 .woocommerce ul.products li.product {     width: 25%; } 

Paso 3: JavaScript para Cambiar el Número de Columnas

Añade el siguiente código JavaScript para manejar el cambio de columnas. Esto puede hacerse en un archivo JavaScript separado o directamente en el área de personalización de tu tema (Apariencia > Personalizar > JavaScript adicional).

javascript
document.addEventListener('DOMContentLoaded', function() {     const columnSelector = document.getElementById('column-selector');     const productGrid = document.querySelector('.woocommerce ul.products');      if (columnSelector && productGrid) {         columnSelector.addEventListener('change', function() {             const selectedValue = columnSelector.value;             productGrid.classList.remove('columns-1', 'columns-2', 'columns-4');             productGrid.classList.add(columns-${selectedValue});         });     } }); 

Paso 4: Probar la Funcionalidad

1. Añadir el Selector: Inserta el HTML del selector en la ubicación deseada en tu sitio web.
2. Añadir CSS: Agrega el CSS proporcionado en tu archivo de estilos o en el área de CSS adicional.
3. Añadir JavaScript: Agrega el JavaScript proporcionado en tu archivo de scripts o en el área de JavaScript adicional.

Ejemplo Completo

HTML:

html
<select id="column-selector" class="column-selector">     <option value="1">1 columna</option>     <option value="2">2 columnas</option>     <option value="4">4 columnas</option> </select> 

CSS:

css
/* Estilos base para productos */ .woocommerce ul.products {     display: flex;     flex-wrap: wrap;     margin: 0;     padding: 0;     list-style: none; }  .woocommerce ul.products li.product {     width: 100%; }  /* Clases dinámicas para columnas */ .columns-1 .woocommerce ul.products li.product {     width: 100%; }  .columns-2 .woocommerce ul.products li.product {     width: 50%; }  .columns-4 .woocommerce ul.products li.product {     width: 25%; } 

JavaScript:

javascript
document.addEventListener('DOMContentLoaded', function() {     const columnSelector = document.getElementById('column-selector');     const productGrid = document.querySelector('.woocommerce ul.products');      if (columnSelector && productGrid) {         columnSelector.addEventListener('change', function() {             const selectedValue = columnSelector.value;             productGrid.classList.remove('columns-1', 'columns-2', 'columns-4');             productGrid.classList.add(columns-${selectedValue});         });     } }); 

Notas Adicionales

• Compatibilidad: Asegúrate de que tu tema y WooCommerce estén actualizados para evitar posibles problemas de compatibilidad.
• Pruebas: Prueba la funcionalidad en diferentes dispositivos y navegadores para asegurar que todo funcione correctamente.

Con estos pasos, deberías poder implementar un selector de columnas que permita a los usuarios elegir cómo desean ver los productos de WooCommerce en dispositivos móviles.

Es recomendable que busques a algún desarrollador que te ayude a implementar algo como esto.

[Jefferson Maldonado]

Que tal Guillermo, un gusto saludarte.

Prueba siguiendo este tutorial: https://wpzone.co/wordpress-and-divi-code-snippets/collapse-submenus/

Puede que te sirva para lo que necesitas.

wpzone.co

Divi Mobile: Collapse Submenus | WP Zone

Customize the mobile menu with this easy to follow JavaScript and CSS snippet! Making submenus collapse keeps the long mobile menus clean and responsive 🙂 It works with the Divi menu module and standard Divi header. Preview Live Demo   … Continue reading

[Jefferson Maldonado]

Con estas herramientas seguramente no Gonzalo, pero sería bueno que levantes un ticket de soporte a Siteground, tratándose de una herramienta de ellos, seguramente podrán darte una respuesta más acertada 😊🖐