WooCommerce Single: relacionado con el producto (Pro)

Insertar y establecer el estilo para Productos relacionados en la plantilla única de WooCommerce

Contenido

Productos relacionados

1. Productos por pagina: Establece la cantidad exacta de productos relacionados que se mostrarán
2. Columnas: Establezca cuántas columnas se mostrarán, de 1 a 12, para cada dispositivo (escritorio, tableta, móvil)
3. Ordenar por: Establece el orden en el que se mostrarán los productos. Las opciones incluyen Fecha, Título, Precio, Popularidad, Calificación, Aleatorio, Orden de menú
4. Orden: Seleccione el orden ASC o DESC (ascendente o descendente)

Estilo

1. Espacio entre columnas: Establece el espacio exacto entre las columnas
2. Espacio entre filas: Establece el espacio exacto entre las filas
3. Alineación: Alinea los datos de productos relacionados a la izquierda, a la derecha o al centro

Imagen

1. Tipo de borde: Seleccione el tipo de borde, eligiendo entre ninguno, sólido, doble, punteado, discontinuo o ranurado
2. Anchura: Controle el grosor del borde alrededor de las imágenes de productos relacionados
3. Color: Elige el color del borde
4. Radio de borde: Establece el radio para controlar la redondez de las esquinas del borde
5. Espaciado: Ajusta la cantidad de espacio entre las imágenes y sus datos

Título

1. Color: Elija el color del título del producto relacionado
2. Tipografía: Establece las opciones de tipografía para el texto del título
3. Espaciado: Ajusta la cantidad de espacio después del título

Clasificación

1. Color de estrella: Elige el color de una estrella llena
2. Color de estrella vacía: Elige el color de una estrella vacía
3. Tamaño de estrella: Establece el tamaño de las estrellas
4. Espaciado: Ajusta la cantidad de espacio después de las estrellas de calificación

Precio

1. Color: Elija el color del producto relacionado Precio
2. Tipografía: Establezca las opciones de tipografía para el precio del producto relacionado

Precio regular

1. Color: Elija el color del precio regular del producto relacionado
2. Tipografía: Establece las opciones de tipografía para el precio regular del producto relacionado

Botón

Normal | Flotar

Las siguientes opciones se pueden configurar de forma independiente para los estados normal y flotante.

1. Color de texto: Elija el color del texto del botón del producto relacionado
2. Color de fondo: Elija el color de fondo del botón del producto relacionado
3. Color del borde: Elija el color del borde del botón del producto relacionado

1. Tipografía: Establece las opciones de tipografía para el texto del botón del producto relacionado
2. Tipo de borde: Seleccione el tipo de borde, eligiendo entre ninguno, sólido, doble, punteado, discontinuo o ranurado
3. Anchura: Controla el grosor del borde alrededor del botón del producto relacionado
4. Radio de borde: Controla la redondez de la esquina del borde del botón
5. Relleno de texto: Establece el relleno dentro del botón
6. Espaciado: Ajusta la cantidad de espacio sobre los botones

Ver carrito

1. Color: Elija el color del texto Ver carrito debajo de los botones
2. Tipografía: Establece las opciones de tipografía para el texto Ver carrito

Bóveda

1. Bóveda: Mostrar u ocultar el encabezado Productos relacionados
2. Color: Elija el color del texto del encabezado de los productos relacionados
3. Tipografía: Establece las opciones de tipografía para el texto del encabezado
4. Texto alineado: Alinee los productos relacionados hacia la izquierda, derecha o centro
5. Espaciado: Ajusta la cantidad de espacio después del encabezado

Caja

1. Ancho del borde: Controla el grosor del borde alrededor de la caja del producto relacionado
2. Radio de borde: Controle la redondez de las esquinas de la caja de productos relacionados
3. Relleno: Cambia el relleno dentro del cuadro de productos relacionados

Normal | Flotar

Las siguientes opciones se pueden configurar de forma independiente para los estados normal y flotante.

1. Sombra de la caja: Ajustar las opciones de sombra del cuadro
2. Color de fondo: Elija el color de fondo de la caja de productos relacionados
3. Color del borde: Elija el color del borde de la caja de productos relacionados

Venta Flash

1. Venta Flash: Mostrar u Ocultar
2. Color de texto: Elija el color del texto Flash de venta
3. Color de fondo: Elija el color de fondo del Flash de venta
4. Tipografía: Establece las opciones de tipografía para el texto Venta Flash
5. Radio de borde: Controla la redondez de las esquinas del Flash de venta
6. Anchura: Controle el grosor del borde para el Flash de venta
7. Altura: Establece la altura del Flash de venta
8. Posición: Establece la posición del Flash de venta, izquierda o derecha, del cuadro de productos relacionados
9. Distancia: Establezca la distancia del Flash de venta desde la parte superior del cuadro de productos relacionados

Nota: El estilo de este widget suele verse afectado por el tema y los complementos. Si experimenta alguno de estos problemas, intente cambiar a un tema básico y desactive los complementos relacionados, o ajuste el estilo dentro de la configuración de su tema.