Cómo configurar productos configurables usando opciones en OpenCart

Una de las muchas características útiles proporcionadas por OpenCart es "Opciones". En este tutorial, aprenderá cómo usar las Opciones para configurar diferentes variaciones del mismo producto sin crear realmente productos diferentes. Más específicamente, aprenderá a configurar productos configurables en el extremo delantero, de modo que el usuario pueda elegir entre las diferentes variaciones disponibles en la página del producto. Iremos a través de una explicación detallada de las Opciones en la sección de administración, y terminaremos configurando una demostración de un producto configurable..

Comprensión básica de las opciones

¿Alguna vez se ha topado con la necesidad de configurar múltiples productos con pequeñas variaciones en los atributos del producto? ¡Las "opciones" en OpenCart están diseñadas exactamente para eso! Puede ayudarlo a configurar diferentes versiones del mismo producto, así como variaciones de precios..

Tomemos un par de ejemplos del mundo real para entender esto. Suponga que le gustaría proporcionar diferentes colores para el producto "Camiseta" en su tienda. Y también quieres cobrar unos dólares extra por los colores más populares. Puedes lograr esto usando el Seleccionar Tipo de opción en OpenCart. Una vez que haya configurado los diferentes colores en el lado de administración, se le presenta al usuario una selección de diferentes colores en la página de detalles del producto. Y sí, se cobrará al usuario en función de la selección de color.!

Un ejemplo más avanzado sería una "Camiseta gráfica" en la que le gustaría permitir al usuario cargar una imagen que se imprimirá en la camiseta. En ese caso, podrías usar el Expediente tipo de opción A veces, tendrá que recibir alguna información del usuario, como "Su nombre", que se imprimirá en un llavero. Y para eso, la Texto tipo de opción viene al rescate!

Entonces, en general, las opciones implican algún tipo de información del usuario al comprar el producto. Y si es necesario, puede introducir variaciones de precios basadas en la selección del usuario..

Diferentes tipos de opciones

Ahora veamos los diferentes tipos de opciones disponibles en OpenCart.

Texto y TextArea

Este tipo de opción se utiliza para tomar algún texto de entrada del usuario. Podrías elegir cualquiera Texto, que proporcionará un cuadro de texto, o TextArea, que proporciona un área de texto al usuario para escribir los detalles requeridos.

Subir archivo

Como su nombre lo indica, puede utilizar el Expediente Tipo de opción en el caso en el que un usuario necesita cargar un archivo para el producto.

Fecha y hora

Como probablemente haya adivinado, esto le pedirá al usuario que ingrese la fecha y la hora. Hay otros tres tipos diferentes disponibles. los Fecha y hora tipo permite al usuario ingresar la fecha y la hora juntos. Fecha Permite al usuario seleccionar solo la fecha. Del mismo modo, Hora Permite al usuario seleccionar solo el tiempo. Este tipo de opción es útil cuando desea pedirle al usuario que elija una fecha de entrega.

Entrada basada en la selección

En este tipo de opción, al usuario se le presentan diferentes elementos para elegir. Hay cuatro tipos diferentes disponibles para la selección del usuario:

  • los Seleccionar tipo proporciona un cuadro desplegable para el usuario con diferentes opciones.
  • los Radio El tipo proporciona diferentes botones de opción para cada opción..
  • los Caja tipo proporciona diferentes casillas de verificación para cada opción. Podría usar esta opción cuando desee proporcionar varias selecciones para la misma opción.
  • Imagen es algo similar al tipo de opción de Radio, pero a un usuario se le presentan diferentes imágenes para elegir, en lugar de solo texto.

Así que eso es todo lo que se refiere a diferentes tipos de opciones. Basta de teoría, vamos a sumergirnos en la acción.!

Configurar un producto configurable

En esta sección, configuraremos un producto configurable desde el lado de administración. En primer lugar, cree un producto de muestra llamado Camiseta grafica desde la parte de atrás del administrador. Solo debes ingresar la información básica del producto y elegir la categoría. Los detalles que ingresa en el producto no son importantes, ya que solo nos concentraremos en la pestaña Opción disponible en la interfaz de edición del producto. Volveré a esto al final de esta sección..

Suponemos que nuestro producto de camiseta se puede configurar de manera que se pueda elegir color, ingresar un texto de eslogan y cargar la imagen que se imprimirá en la camiseta. Veamos cómo lograr esto usando las Opciones..

Añadir una opción de "Color"

Dirígete al final de OpenCart. Ir Catálogo> Opciones. Enumera las opciones existentes en la tienda. Haga clic en el Insertar botón para crear un nuevo Color opción.

Como se muestra en la captura de pantalla anterior, complete los valores. Hemos entrado Color en el Nombre de la opción campo. Se mostrará como un título. El siguiente campo es Tipo, por lo que hemos elegido Seleccionar, Ya que queremos proporcionar un menú desplegable para el color.. Orden de clasificación solo se utiliza para mostrar las diferentes opciones en un cierto orden. Por ahora, entraremos. 1 en ese campo.

Ahora que hemos agregado información básica, debe agregar valores de opción. Obviamente, en este caso serán de diferentes colores. Haga clic en el Añadir valor de opción Botón para agregar valores para la opción de color. En la captura de pantalla, se muestra que hemos ingresado. rojo en el Valor de la opción Nombre y otra vez el Orden de clasificación es 1. Ignoremos el Imagen campo por el bien de la simplicidad ahora. De la misma manera agrega dos colores más., Azul y Verde.

Añadir una opción de "Texto de lema"

Ahora sigamos adelante y configuremos la opción "Texto del lema". Una vez más, haga clic en el Insertar botón en el Catálogo> Opciones página.

Como puedes ver, hemos entrado Texto de eslogan en el Nombre de la opción campo. Y el Tipo se establece en Texto. Orden de clasificación se establece en 2.

Añadir una opción de "Imagen de camiseta"

El último es "Imagen de camiseta", así que sigamos y agreguemos eso. Haga clic en el Insertar botón en el Catálogo> Opciones página.

Como puedes ver, hemos entrado Imagen de camiseta en el Nombre de la opción campo. Y el Tipo se establece en Expediente. Orden de clasificación se establece en 3.

Hemos hecho con la configuración de cosas "Opciones". Ahora, debemos asociar nuestras opciones con el producto para que se pueda mostrar en la parte frontal. Supongo que ha creado el producto de muestra llamado "Camiseta gráfica" como mencioné anteriormente. Si aún no lo has hecho, hazlo antes de pasar a la siguiente sección!

Asignar opciones al producto

Editemos el producto "Camiseta gráfica" de inmediato para agregar las opciones. Ve a la Opción pestaña en la interfaz de edición del producto. En el lado izquierdo, verá el cuadro de texto, que se completa automáticamente. Si escribe "Color", le mostrará la opción "Color" que agregamos anteriormente.

Haciendo clic en el Color La opción en el cuadro de texto de autocompletar agregará una nueva fila para el color como se muestra en la captura de pantalla. En esa sección, puede agregar diferentes valores de opciones que le gustaría mostrar para la opción de color en la parte delantera. Haga clic en Añadir valor de opción para agregar diferentes opciones de color.

Como puedes ver, he añadido tres opciones: Azul, Verde, y rojo. La otra cosa importante es la Precio campos. Para cada opción, puede variar los precios utilizando el +/-- Firmar por el importe introducido. Por último, debe especificar la Cantidad para cada tipo de opción, de lo contrario no se mostrará en el front-end. Así que ahora hemos terminado con la opción "Color"..

Ahora asignemos el "Texto del lema" de una manera similar. No necesitamos ninguna configuración para este campo, ya que será un simple cuadro de texto..

Finalmente, le asignamos la "Imagen de camiseta". Tampoco necesitamos ninguna configuración para este campo, ya que será un campo de carga de archivos simple.

Después de asignar las tres opciones al producto, guárdelo. Y créeme, has terminado!

Probar paseo delantero - final

Vayamos de inmediato a la página de detalles del producto en la parte frontal para ver el resultado.!

Se ve genial, ¿no? Así que acaba de configurar un producto de camiseta configurable que le permite al usuario elegir el color, ingresar el texto para el eslogan y cargar una imagen. Probablemente haya notado que con cada color diferente cobra dinero adicional, según nuestra configuración en el back-end!

Así que ahora debería sentirse cómodo con las opciones y crear productos configurables en OpenCart. Así que eso es todo por hoy! Me encantaría escuchar tus comentarios..