Avisos
Vaciar todo

[Resuelto] Problemas en tienda diseñada con Divi  

Página 1 / 2
 
Laia
 Laia
Usuario activo

¡Hola!

Estamos teniendo una serie de problemas al finalizar la creación de la tienda con Divi.

Tenemos diseñada/estructurada la Pagina de tienda por categorías; al clicar en cada tipo de producto, se abre la página de "subcategorías" o productos de ese tipo.

Hay varios problemas;

- Fondos, bordes de las imagenes y un color amarillo por defecto(tipo subrallado) en el título del artículo y colores en miniletrero de "oferta" que se ponen por defecto.He buscado en la configuración del Tema Divi, dentro del constructor y no veo forma de cambiarlo.

- Después de clickar en alguna de las categorías de un producto(por ejemplo, libros), abre una página por defecto configurada con los ajustes del punto anterior y tampoco sabemos cómo cambiarlo o configurarlo.

-Fondos: Hemos tenido que poner solución poniendo fondo sobre fondo(se ve solapado el fondo establecido por defecto con el blanco, a pesar de poner fondo transparente para que se vea el fondo por defecto).En algunas páginas lo aplicaba fácilmente y otras no.

 

Pd: No encuentro la forma para poder adjuntar en este foro las capturas de pantalla para mostrar realmente los problemas y hacer entender lo que realmente queremos hacer...

 

Gracias.

Contenido solo visible a usuarios registrados

Citar
Respondido : 29/06/2022 5:38 pm
Argenis
 Argenis
Soporte CMS Webempresa Moderator

Hola Laia,

Para poder verificar lo que nos comentas tenemos que poder ver el sitio, en este momento esta en mantenimiento y no podemos visualizarlo, puedes desactivarlo mientras lo vemos?

Para subir las capturas puedes seguir nuestra guia:

https://soporteforo.webempresa.eu/guia/subir-imagenes-a-consultas-en-foro/

Un saludo 🖐️ 

Esta publicación ha sido modificada el hace 2 años por Argenis
ResponderCitar
Respondido : 29/06/2022 5:43 pm

Laia
 Laia
Usuario activo

@argenis Gracias por responder tan rápido.

No me aparece la opción que se muestra en la parte inferior para añadir imágenes(era la opción que estaba buscando). Tampoco aparece al desactivar el bloqueador del navegador. Tal vez sea alguna incompatibilidad con Firefox...

 

Página de tienda;

pagina tienda

 

Las "subcategorías" que se generan por defecto y el problema de colores(como el subrayado amarillo);

pagina subcategorías

 

Aquí se puede observar el problema de colores con letrero de "oferta" y el del fondo predeterminado solapado en muchas de las páginas, tanto individuales como dentro del generador de temas divi;

pagina subcategorías2

 

Al añadir otra sección, imposible que se vea el fondo preestablecido, inclusoeliminando color defondo y poniendo transparecia;

Fondo no transparente

 

La tienda la dejaremos abierta en unos minutos de forma momentánea.

 

ResponderCitar
Respondido : 29/06/2022 6:48 pm
Karen Rios
 Karen Rios
Soporte CMS Webempresa Moderator

Hola Laia, 

En este caso si deseas asignar un estilo parecido a tu tienda a las subcategorías puedes hacerlo por CSS, para ello puedes probar un código por ejemplo

/*desactivar color a fondo*/
#main-content {
background-color: transparent;
}
/*ocultar contador subcaegorias*/
mark.count {
display: none;
}
/*titulos de subcategorias*/
h2.woocommerce-loop-category__title {
font-size: 23px!important;
color: #ffffff!important;
text-align: center!important;
text-shadow: 0.08em 0.08em 0.08em #000000!important;
}

.woocommerce ul.products li.product a img {
border-radius: 8px 8px 8px 8px;
border: 3px solid #000!important;
}

Este código debes añadirlo en  Divi -> Opciones del tema -> General -> CSS Personalizado

Revisa si con ello puedes tener los estilos que necesitas en tu sitio web

Un Saludo 

ResponderCitar
Respondido : 29/06/2022 7:23 pm
Laia me gusta

Laia
 Laia
Usuario activo

@karen Se ha solventado el tema de la transparencia/fondo y conserva el borde de las "cajas".

sigue el problema del color del letrero de productos en oferta y el color del texto de los precios(en teoría ya estaba configurado todo eso).

La verdad es que nos gustaría no tener que tocar código para poder hacer cambios(por eso elegimos Divi).

 

Muchas gracias de antemano 😊 

 

 

ResponderCitar
Respondido : 29/06/2022 7:55 pm
Argenis
 Argenis
Soporte CMS Webempresa Moderator

Hola Laila,

Como debería verse el precio y el cartel de oferta? comentanos para poder compartirte el código para esta sección, con respecto a no utilizar código verifica el cómo estas creando estas plantillas en Divi > Generador de tema.

Un saludo 🖐️ 

ResponderCitar
Respondido : 29/06/2022 8:49 pm

Laia
 Laia
Usuario activo

@argenis No entiendo muy bien a qué te refieres...Estamos creando todo de forma visual.

En cuanto a el color de las letras, nos referimos a seguir el patrón que ya hemos utilizado; color negro y mismo grosor( los precios actuales están en gris).Pongo como ejemplo  los productos que hemos puesto de Outlet en la Página de inicio; los letreros de "oferta"  y los colores de precios generales, en verde(como los de la captura).

imagen

En teoría con Divi todo esto tendría que ser fácilmente configurable sin tocar código(justo lo que no queríamos).

Ahora también tenemos otro problema:

La página de tienda sólo aparece en version escritorio, no en mobil/tablet. Hemos comprobado que está activada la visibilidad para todos, pero dentro del editor de Divi, aparecen los objetos "sombreados" como si estuviese sólo visible para escritorio.

imagen

 

ResponderCitar
Respondido : 29/06/2022 9:39 pm
Bruno
 Bruno
Soporte CMS Webempresa Moderator

Hola Laia,

En cuanto a el color de las letras, nos referimos a seguir el patrón que ya hemos utilizado; color negro y mismo grosor( los precios actuales están en gris).Pongo como ejemplo los productos que hemos puesto de Outlet en la Página de inicio; los letreros de "oferta" y los colores de precios generales, en verde(como los de la captura).

Aca entiendo que estas agregando nuevamente el modulo que muestra determinados productos pero en otra pagina, a menos que copies directamente el modulo donde previamente has realizado los ajustes esteticos (ya sean de color, tamaño de letra, etc) siempre que agregues un modulo debes configurar dichos estilos o de lo contrario aplicar estilos CSS globales como los que ya te han sugerido mis compañeros.

La página de tienda sólo aparece en version escritorio, no en mobil/tablet. Hemos comprobado que está activada la visibilidad para todos, pero dentro del editor de Divi, aparecen los objetos "sombreados" como si estuviese sólo visible para escritorio.

Respecto a este problema valida lo siguiente

En la vista del editor, revisa como están configuradas las columnas de las filas de opciones, por ejemplo

image

Muy posiblemente estes ocultando sean las columnas 

image

Saludos!

ResponderCitar
Respondido : 29/06/2022 10:05 pm

Laia
 Laia
Usuario activo

@bruno-vichetti ¡Hola Bruno!

Has acertado con la configuración de las columnas; era configuración individual de cada columna y no general👍 .

 

Respecto a la configuración de colores y otros, el problema es que no hemos agregado otros módulos, directamente son páginas que el sistema de Divi ha creado por defecto y no encontramos como cambiar las configuraciones generales(como ocurre en otros temas como storefront, donde en nuestra anterior web también generó las subcategorías pero respetando las configuraciones de "estilos"). Lo comenté al inicio de este hilo a tus compañeros/as pero te lo comento de nuevo; creamos la página de tienda y el sistema generó las de subcategorías sin posibilidad de modificar nada.

Esperamos poder solventarlo, ya que visualmente no sigue del todo al resto de diseño.

Estos son los colores por defecto que aparecen sin haberlos configurado(en precio y en letreros de oferta);

imagen

Este el patrón a seguir;

imagen

Gracias a ti y al resto por la ayuda nuevamente.

 

ResponderCitar
Respondido : 29/06/2022 11:06 pm
Argenis
 Argenis
Soporte CMS Webempresa Moderator

Hola Laia,

Verifica agregar este css:

.woocommerce span.onsale, .woocommerce-page span.onsale {
background: #7CDA24!important;
}

Este para la seccion verde, y este para el texto:

span.price span, small {
color: #3ab21c!important;
}

Verifica y nos comentas.

Un saludo 🖐️ 

 
ResponderCitar
Respondido : 30/06/2022 12:01 am
Laia me gusta

Laia
 Laia
Usuario activo

@argenis Ya están implementados los códigos y funcionan genial.

Se me olvidó preguntaros si hay algún códigoCss para centrar los títulos/enunciados y los precios, ya que todos aparecen por defecto en el lateral izquierdo.

¡Gracias!

imagen
Esta publicación ha sido modificada el hace 2 años por Laia
ResponderCitar
Respondido : 30/06/2022 1:06 pm
Karen Rios
 Karen Rios
Soporte CMS Webempresa Moderator

Hola Laia, 

Para centrar el título y precio puedes probar el siguiente código CSS

.woocommerce-loop-product__title {
text-align: center;
}
.woocommerce ul.products li.product .price, .woocommerce-page ul.products li.product .price {
text-align: center;
}

Verifícalo y nos comentas si con él logras configurar lo que necesitas

Un Saludo 

ResponderCitar
Respondido : 30/06/2022 1:20 pm
Laia me gusta

Laia
 Laia
Usuario activo

@karen Funciona perfecto. Muchas gracias 😊 

ResponderCitar
Respondido : 30/06/2022 1:33 pm
Karen Rios
 Karen Rios
Soporte CMS Webempresa Moderator

Hola Laia, 

Gracias a ti, es para nosotros un placer siempre poder ayudarte

Coméntanos si con esto podemos dar el tema como solucionado

Un Saludo 😊 

ResponderCitar
Respondido : 30/06/2022 1:35 pm
Laia me gusta

Laia
 Laia
Usuario activo

@karen Si, está todo solucionado. ¡Muchas gracias a todos/as! 😊 

ResponderCitar
Respondido : 30/06/2022 4:25 pm
Página 1 / 2