Biblioteca de ayuda - Integración con WooCommerce

Encuentra la documentación completa y detallada de todas las funcionalidades de Omniwallet.

  1. Home
  2. »
  3. Biblioteca de ayuda
  4. »
  5. Integraciones
  6. »
  7. Integración con WooCommerce
  8. »
  9. Como Modificar Estilo de Caja de Productos Omniwallet en Woocommerce

Como Modificar Estilo de Caja de Productos Omniwallet en Woocommerce

Esta documentación te enseñará como cambiar o ajustar los estilos del texto que indica la cantidad que ganará el cliente en la ficha de producto y grid de productos dentro de WooCommerce.

1. Accede al administrador de WordPress: entra al administrador de WordPress. Una vez dentro en el apartado ‘Apariencia -> Personalizar’ encontraremos otro menú, y al final de este el apartado ‘CSS adicional’. Es aquí donde añadiremos un nuevo estilo CSS que nos permitirá cambiar el diseño.

2. Añade el código: luego añade el siguiente código. Explicamos a continuación linea por linea para que sirve cada cosa:

Cambio de estilo en la ficha de producto

Para cambiar el estilo en la ficha de producto tendremos que añadir el siguiente código:

body.single-product .omwall-product-points {
      font-size: 22px; /*Tamaño de letra*/
     color: #000; /*Color del texto*/
     font-weight: 100; /*Tamaño del grosor o negrita*/
}

Pudiendo variar el tamaño de letra, color y grosor o negrita. Con conocimientos de CSS se podrían añadir otros estilos más personalizados.

Cambio de estilo en listado de productos

Por otro lado, para cambiar el estilo en el listado de productos tanto de la home como de categorías de producto sería el siguiente código:

.products .product .omwall-product-points {
     font-size: 22px; /*Tamaño de letra*/
     color: #000; /*Color del texto*/
   font-weight: 100; /*Tamaño del grosor o negrita*/
}

3. Publica los cambios: Una vez editado lo que se requiera, hay que clicar en el botón azul ‘Publicar’ para que se apliquen los cambios.