Avisos
Vaciar todo

Necesito ayuda para poner los iconos del carrito, favoritos y cuenta en el menú  

 
Textil Hogar Micaela
 Textil Hogar Micaela
Usuario eminente

Cómo hago para poner el botón de añadir a favoritos en el encabezado del menú de mi pagina web. Y para que en la versión móvil se vean sólo los iconos, como en la foto

icono menu

 

Contenido solo visible a usuarios registrados

Citar
Respondido : 29/01/2024 5:40 pm
Argenis
 Argenis
Soporte CMS Webempresa Moderator

Hola Micaela,

Debes configurarlos en tu menu, para ello ingresas en Apariencia > menu y agregas los elementos pero para ello primero tienes que agregar otro plugin para que permita agregar iconos:

https://www.webempresa.com/blog/como-anadir-imagenes-en-el-menu-de-wordpress.html

Este por ejemplo para el enlace del perfil, luego para el carrito y el botón de favorito va a depender del plugin que utilices, por ejemplo este para el carrito:

https://fr.wordpress.org/plugins/woocommerce-menu-bar-cart/

Con respecto al wishlist, en el plugin que tienes activo, ingresa en tu panel lateral en:

Lista de deseos TI > Ajustes generales > Texto del contador de la «Lista de deseos»

Aqui el texto que agregues es el que se mostrara en el menú, en términos de como lo quieres podrías dejar esto en blanco para que no tenga texto, solo el icono.

Verifica y nos comentas.

Un saludo 🖐️ 

ResponderCitar
Respondido : 29/01/2024 7:02 pm

Textil Hogar Micaela
 Textil Hogar Micaela
Usuario eminente

@argenis

Buenos días, he descargado un plugin para los iconos 

Menu Icons by ThemeIsle

 

Pero en la versión móvil los iconos se meten dentro del menú hamburguesa y yo lo que necesito es que aparezcan en la versión móvil y Tablet al lado del menú hamburguesa solo los iconos, como en esta foto. 

 

icono menu

 

Gracias.

ResponderCitar
Respondido : 30/01/2024 11:37 am
Karen Rios
 Karen Rios
Soporte CMS Webempresa Moderator

Hola, 

En este caso necesitarás crear una cabecera personalizar en Divi que te permita construir la vista en móvil de tu sitio web y decidir como se muestran los elementos, ten en cuenta que actualmente con la cebera por defecto del tema este va a decidir como se muestran los elementos de acuerdo al código que añadieron sus desarrolladores. 

Puedes verificar como crear esto en Divi en su documentación oficial → Contenido solo visible a usuarios registrados

También puedes revisar el siguiente hilo de foro donde se trató un tema similar → https://www.webempresa.com/foro/soporte-divi-en-espanol/construccion-cabecera-global-divi

Un Saludo 

ResponderCitar
Respondido : 30/01/2024 4:26 pm

Textil Hogar Micaela
 Textil Hogar Micaela
Usuario eminente

No consigo poner en la versión móvil los iconos del carrito, favoritos y mi cuenta como en esta web. Por favor me podéis ayudar con este problema. Pongo los icono en ea versión escritorio bien, pero en la versión móvil desaparecen....

icono menu

 Yo necesito que el menú del móvil quede así mi web.

ResponderCitar
Respondido : 12/02/2024 5:42 pm
Karen Rios
 Karen Rios
Soporte CMS Webempresa Moderator

Hola, 

En este caso lo que veo es que estás añadiendo el icono de carrito en el menú secundario de Divi y este por defecto se oculta en móvil, para solucionarlo revisa si el siguiente código te permite mostrarlo como necesitas. 

@media (max-width: 980px){
#et-secondary-nav, #et-secondary-menu {
    display: block !important;
width: 20%;
}
#et-info {
    width: 80%;
text-align: left;
}
#top-header .container {
    width: 94%;
    margin: 0px 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
}

Un Saludo 

ResponderCitar
Respondido : 12/02/2024 6:25 pm

Textil Hogar Micaela
 Textil Hogar Micaela
Usuario eminente

@karen

Y como puedo poner en versión móvil el carrito , favoridos y mi cuenta? Como en la foto, tengo que hacer un menú personalizado con Divi Theme builder? Descargarme algún plugin? Tengo instalado el plugin Menu Icons y TI WooCommerce Wishlist para favoritos Pero no consigo que me quede como en la web de la foto, no se si algún tutorial que me pueda ayudar algo más. Gracias

ResponderCitar
Respondido : 14/02/2024 10:42 am
Karen Rios
 Karen Rios
Soporte CMS Webempresa Moderator

Hola, 

En este caso necesitarás crear una cabecera personalizada para tu tienda y luego en ella asignar como se comporta para móvil, incluyendo qué iconos mostrar, ten en cuenta que de forma predeterminada solo se  muestra el icono de carrito, pero no el resto de iconos que deseas añadir, por ejemplo veo que el icono de carrito ya o tienes, puedes añadir el módulo icono de Divi y ese añadir el enlace de la cuenta, para favoritos necesitarás usar un plugin como 

https://es.wordpress.org/plugins/ti-woocommerce-wishlist/

Este suele genera un shortcode que despliega el icono de favoritos

[ti_wishlist_products_counter]

Al instalarlo debes configurar tu página de wishlist para que puedas mostrar la lista de deseos de tus clientes, puedes seguir el siguiente tutorial donde te mencionan como puedes hacerlo paso a paso ->  https://www.elegantthemes.com/blog/divi-resources/how-to-add-product-wishlists-to-divis-cosmetics-shop-layout-pack

También tienes otros plugins que te permiten añadir lo que deseas, por ejemplo ->  https://wordpress.org/plugins/yith-woocommerce-wishlist/

Como te comento necesitarás personalizar tu cabecera y luego decidir como mostrar tu cabecera móvil, es posible que necesites jugar con ella y decidir que se muestra en escritorio y móvil

También hay opciones de pago pero, ya que no podemos revisarlo no podemos indicarte como funciona → Contenido solo visible a usuarios registrados   si deseas ver más sobre el te recomiendo consultes con el soporte del plugin antes de adquirirlo 

Un Saludo 

ResponderCitar
Respondido : 14/02/2024 1:28 pm

Textil Hogar Micaela
 Textil Hogar Micaela
Reputable Member

@karen Hay algún tutorial que me diga como personalizar la cabecera poniendo los iconos del carrito, favoritos y mi cuenta?

ResponderCitar
Respondido : 23/02/2024 4:48 pm
Karen Rios
 Karen Rios
Soporte CMS Webempresa Moderator

Hola, 

Puedes revisar un ejemplo en la respuesta de tu consulta anterior, → https://www.webempresa.com/foro/buzon-de-sugerencias/el-carrito-cuenta-y-favorito-fuera-del-menu-hamburguesa-de-la-version-movil

Dentro de este tienes un ejemplo como crear la cabecera personalizada en Divi, debes adaptar el diseño como deseas mostrarlo 

Verifícalo y nos comentas como va todo

Un Saludo 

ResponderCitar
Respondido : 23/02/2024 5:31 pm