Un usuario preguntó 👇
¡Hola a todos! Compré el plugin UPCP y me gustó mucho. Tengo algunos problemas con CSS (¿supongo?) Y estos son los signos de mi problema:
1. El catálogo de productos mantiene la alineación a la izquierda, dispositivos móviles y computadoras.
2. Cuando hago clic en “Tienda online” en el menú principal de mi sitio web, voy a la Tienda online pero no muestra la barra lateral con filtros y busco hasta que selecciono una categoría de producto. Es muy doloroso; ¿Qué pasa si alguien quiere buscar productos sin elegir primero una categoría?
3. Como algunos otros han publicado anteriormente, “% s contiene elementos grandes en el gráfico; ¿REVISA? firme «carrito vacío» en la esquina superior derecha si agrega algo a su carrito. Esta caja ensucia todo mi sitio en los teléfonos móviles, ya que es muy grande y bloquea todo lo demás. Quiero eliminarlo y mostrar el carrito a los usuarios que tienen widgets habituales.
(@etoilewebdesign)
Hace 1 año, 2 meses
Hola mobilmeckaren,
Tu # 1: ¿Te refieres a los cuadros de categoría / subcategoría o al catálogo en sí? Probamos de nuestro lado y las páginas del catálogo / productos individuales son el ancho completo de su contenedor.
Para el n. ° 2: parece que tiene habilitada la descripción general del catálogo. La barra lateral está diseñada para mostrarse solo en el catálogo. Para deshabilitar esta configuración, vaya a «Opciones» -> «Básico», desplácese hacia abajo hasta «Descripción general del catálogo» y configúrelo en «Ninguno». De esa forma, cuando un usuario haga clic en “Tienda online”, verá inmediatamente el catálogo con la barra lateral.
Su # 3: ¿Sabe qué producto está causando este problema? Intentamos agregar «Beskrivning» al gráfico, pero el mensaje de la carta era visible en el costado, sin texto inusual y no pareció molestar nada:
(@mobilmeckaren)
Hace 1 año, 2 meses
¡Gracias por su respuesta! Perdón por no dar una explicación más completa.
Para el # 1 tengo esta imagen para mostrar lo que estoy mencionando.
¿¡Por qué se queda !?
Se solucionó el número 2 con su ayuda, el Catálogo de descripción general para discapacitados funciona mucho mejor para mí. Gracias.
# 3 Solo visible en unidades móviles, noté.
Esperamos su respuesta. ¡Gracias!
(@mobilmeckaren)
Hace 1 año, 2 meses
En cuanto al n. ° 1, se ve aún peor cuando agregué una descripción general del Catálogo deshabilitado porque ahora los usuarios no ven las imágenes de las categorías que se deslizan demasiado hacia la izquierda. (Editar: para la versión móvil de la página, uso el plugin WPtouch para la versión móvil, ¿tal vez sea algún tipo de falla entre los dos plugins?
Esta respuesta fue modificada hace 1 año, 2 meses.
(@etoilewebdesign)
Hace 1 año, 2 meses
Hola mobilmeckaren
Vemos que cada una de sus miniaturas tenía un conjunto y puede cambiar esto asignándoles valores porcentuales en el campo CSS personalizado.
Espero que esto ayude.
Todo lo mejor.
(@mobilmeckaren)
Hace 1 año, 2 meses
¿Podrías guiarme sobre cómo hacer eso? 🙂 No soy bueno con CSS.
(@etoilewebdesign)
Hace 1 año, 2 meses
Hola mobilmeckaren,
Como prueba, ¿podría reutilizar el método «Descripción general del catálogo», luego ingrese el código a continuación en el cuadro «CSS personalizado» en la página Editar catálogo:
.upcp-overview-mode {
display: flex;
max-width: initial;
justify-content: center;}
Esta respuesta fue modificada hace 1 año, 2 meses.
(@mobilmeckaren)
Hace 1 año, 2 meses
Sí, las imágenes terminaron una al lado de la otra en lugar de estar una encima de la otra. .. así que los cambié de nuevo.
(@mobilmeckaren)
Hace 1 año, 2 meses
Decidí eliminar las imágenes de la categoría. Pero sigo teniendo problemas. Todo lo que necesito saber ahora es cómo solucionar esto.
Problema
Debido al texto «añadir al carrito» / azul «lägg till i Kundvagnen» Cada artículo es diferente según la longitud de la descripción del artículo.
Esto es aún más complicado para las unidades móviles porque el botón «lägg till i kundvagne / add to cart» está fuera de la caja del artículo …
Entonces, ¿cómo lo hago para que cada artículo en la tienda web tenga el botón Agregar al carrito localizado en la parte inferior de cada producto, sin un error cuando hago informes más largos? Todo lo mejor para Sion
(@etoilewebdesign)
Hace 1 año, 2 meses
Hola mobilmeckaren,
¿Puede agregar este código al cuadro ‘CSS personalizado’ en su catálogo:
.prod-cat-item.upcp-thumb-item.upcp-thumb-adjust-height {
height: auto!important;
flex-direction: column;
display: flex;}
.upcp-thumb-details-link {
margin-top: auto;}
(@mobilmeckaren)
Hace 1 año, 2 meses
Sí, lo he hecho ahora. Hice esto para que el texto con un carrito apareciera en la parte inferior de todos los productos, en unidades móviles y en computadoras, y eso era lo que quería. Sin embargo, en mi computadora, mi problema sigue siendo nombrar los productos con nombres cortos o, de lo contrario, algunas «cajas / productos» son más grandes que otros, tal como me quejé inicialmente. Entonces esto casi pero no completamente arreglado.
(@etoilewebdesign)
Hace 1 año, 2 meses
Hola @mobilmeckaren,
Si va a Opciones> Básico> Mostrar página de catálogo y habilita Ajuste automático de la altura de la miniatura, ¿resuelve el problema de la altura?
A partir de ahí, es posible que necesite un CSS personalizado para alinear las cosas. Podemos hacer esto después de que habilite la opción de ajuste automático.
También noté que algunos de sus productos fueron pedidos de una manera interesante. Mira aquí. También es posible que necesite CSS personalizado para esto. Lo veremos después de que habilite la opción de ajuste automático.
Aparte de esa pregunta, ¿había algo más?
(@mobilmeckaren)
Hace 1 año, 2 meses
Tuve una altura de miniatura de ajuste automático todo el tiempo. Los productos ordenados así después del último cambio que hice y que me pediste que hiciera.
Sí, otro problema: para las unidades móviles ahora el botón «agregar al carrito» termina debajo del precio del producto, lo quiero a la derecha.
Otro problema es que cada producto tiene un área gris alrededor de las imágenes, ¿tengo que hacer que cada imagen de producto sea transparente o hay alguna forma de cambiar ese color de fondo a blanco?
Y … me pregunto cómo cambiar estos iconos: Iconos
Quiero ponerlos en texto en lugar de esas Imágenes, o poner mis propias imágenes en él. Por último, pero no menos importante: ¿hay alguna forma de que la descripción «detallada» de los productos «añadir al carrito» no sea un error como este?
Problema
Gracias.
(@etoilewebdesign)
Hace 1 año, 2 meses
Hola @mobilmeckaren,
El CSS personalizado que proporcionamos anteriormente parece contradecir el diseño. Podrías bain el siguiente CSS personalizado:
.prod-cat-item.upcp-thumb-item.upcp-thumb-adjust-height {
height: auto!important;
flex-direction: column;
display: flex;}
.upcp-thumb-details-link {
margin-top: auto;}
Podrías añadir el siguiente CSS personalizado:
.upcp-thumb-title {
min-height: 105px;
}
Tras estos cambios, el problema del precio del producto en dispositivos móviles se resolvió por sí solo, como puedes ver aquí. ¿Ves lo mismo?
Puede agregar el siguiente CSS personalizado para dejar el fondo de la imagen en blanco:
.upcp-catalogue-link {
background: white;
}
Sin duda, puede cambiar estos iconos de escena utilizando el siguiente CSS personalizado:
.Black-thumb-icon {
background: url(https://img.icons8.com/ultraviolet/40/000000/domain.png);
}
.Black-list-icon {
background: url(https://img.icons8.com/ultraviolet/40/000000/domain.png);
}
.Black-details-icon {
background: url(https://img.icons8.com/ultraviolet/40/000000/domain.png);
}
Puede agregar el siguiente CSS personalizado para resolver ese problema de lista con el botón Agregar datos al carrito:
.detail-display .upcp-details-text {
width: 100%;
}
(@mobilmeckaren)
Hace 1 año, 2 meses
Después de la
.upcp-thumb-title {altura mínima: 105px; }
Y el
.prod-cat-item.upcp-thumb-item.upcp-thumb-ajuste-height {altura: auto! importante; flex-direction: columna; pantalla: flex;}
.upcp-thumb-details-link {margin-top: automatic;}
Se ve muy bien en la computadora, pero en el teléfono volvió a ser un desastre, por lo que el botón Agregar al carrito está fuera de las cajas. Editar: Sin embargo, ahora está en el lado derecho del tamaño en lugar de debajo, lo cual es bueno.
Esta respuesta fue modificada hace 1 año, 2 meses.
(@mobilmeckaren)
Hace 1 año, 2 meses
La vista de datos no lo solucionó
.detail-display .upcp-details-text {ancho: 100%; }
¿Solucionó tu problema??
0 / 0