Cómo Hacer Una Página

Hacer una Web Profesional con Wordpress

  • Suscribirse (10€/mes)
  • Mi Cuenta
  • Contacto
Estás aquí: Inicio / Woocommerce / Cambiar el desplegable por botones en las opciones de productos variables de WooCommerce

Cambiar el desplegable por botones en las opciones de productos variables de WooCommerce

septiembre 12, 2017 Por Oscar martin Dejar un comentario

En los productos variables de WooCommerce cada opción de variación viene en un desplegable. No está mal pero es poco visual. En este tutorial veremos como cambiarlo por botones.

Además veremos que si las opciones son botones podremos añadir el botón con el color para que sea muy intuitivo.

Es decir, pasaríamos de este formato:

variaciones desplegable woocommerce

a este otro:

botones colores variaciones

Si las opciones no son colores aparecerán con las opciones en botones como puedes ver a continuación:

opciones botones woocommerce

Cómo puedes ver, mucho más intuitivo y usable que un desplegable.

Tutorial en vídeo:

Suscríbete a mi canal:  

Tenemos que instalar el plugin gratuito Color and Image Swatches for Variable Product Attributes

Y una vez instalado vamos a Productos –> Atributos y entramos en el atributo concreto en el que queremos añadir el botón. Para entrar hacemos click en «configurar términos» y en el término en el botón editar:

terminos atributos woocommerce

Veremos que aparece una opción que antes no aparecía «Type», esta opción puede ser None o Color:

opcion variables terminos

Si elegimos color haremos que el botón sea el color que queramos y si elegimos none será un botón con texto.

Cómo puedes ver es muy sencillo pero el resultado es muy interesante.

Espero que os sea útil 😉
Saludos

Archivado en:Woocommerce

Acerca de Oscar martin

Me llamo Óscar y me dedico al Marketing Online. Me gano la vida gracias a internet y a herramientas como Wordpress. ¿Te puedo ayudar? Contáctame

Deja una respuesta Cancelar la respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Carrito

Categorías

Contenido Premium

¿Quieres Aprender WordPress y Ganar dinero? Cópiame

¿Necesitas Ayuda?

  • Contacto
  • Blog

Más Información

  • Condiciones de Uso
  • Condiciones generales de venta
  • Aviso Legal
  • Pólitica de Privacidad
  • Política de cookies

Buscador

Funciono con el Theme Genesis · Iniciar sesión

Este sitio web instalará en tu navegador cookies analíticas y publicitarias propias y de terceros si continúas navegando.
Encontrará más información en nuestra Política de Cookies...Configuración de CookiesAceptar
Privacy & Cookies Policy

Privacy Overview

This website uses cookies to improve your experience while you navigate through the website. Out of these, the cookies that are categorized as necessary are stored on your browser as they are essential for the working of basic functionalities of the website. We also use third-party cookies that help us analyze and understand how you use this website. These cookies will be stored in your browser only with your consent. You also have the option to opt-out of these cookies. But opting out of some of these cookies may affect your browsing experience.
Necessary
Siempre activado

Las cookies estrictamente necesarias tiene que activarse siempre para que podamos guardar tus preferencias de ajustes de cookies.
Básicamente el blog no funcionará bien si no están activas.
Estas cookies son:
- Comprobación de inicio de sesión.
- Cookies de seguridad imprescindibles.
- Saber si ya has aprobado/rechazado las cookies.

Non-necessary

Esta web utiliza las siguientes cookies adicionales:
- Mautic: Recordar si ya estás suscrito al boletín de noticias.
- Google Analytics: un servicio de analítica web desarrollada por Google, que permite la medición y análisis de la navegación en las páginas web.

GUARDAR Y ACEPTAR