1. Para crear una tienda en línea, debe seleccionar el elemento adecuado al crear un nuevo sitio:
Puede agregar funcionalidad a un sitio existente en la parte superior del panel de diseño: "Crear una tienda" Pestaña:
Al hacer clic, aparecerán las secciones "Productos" y "Categorías". En esta guía, explicaremos cómo trabajar con productos, y la descripción detallada de la funcionalidad de la sección "Categorías" se ha trasladado a una instrucción aparte.
Descripción general de la sección "Productos" Sección
2. Ya se han añadido 8 productos a la sección como ejemplo y demostración de funcionalidad:
Si es necesario, puede eliminarlos en cualquier momento.
3. Al hacer clic en el botón "Configuración del producto", puede configurar los campos de la ficha del producto:
También puede configurar cada campo por separado:
4. Al hacer clic en el icono de configuración en la esquina superior derecha, puede personalizar la visualización de los campos en la lista de productos:
5. A continuación, veamos los botones del panel superior del diseñador:
El botón «Crear producto» permite crear un nuevo producto manualmente:
El botón «Publicar todos los productos» publica todos los productos creados o importados. Esto es necesario para su posterior visualización en el sitio:
El botón «Plantilla de página de producto» abre la página del mismo nombre en el editor; esta página es la típica para todos los productos. Allí puedes realizar todos los cambios necesarios en el diseño y el contenido de la plantilla.
Al hacer clic en el botón con el nombre del producto en la parte superior, puedes cambiar entre ellos directamente en esta página; todo el contenido se actualizará automáticamente.
6. Puedes cambiar cualquier información sobre un producto haciendo clic en él en la lista de productos o en los 3 puntos a la derecha. Elemento «Editar»:
Puede leer más sobre esta función en un artículo aparte.
8. Si seleccionaste la opción "Tienda en línea" al crear un nuevo sitio, en la sección "Páginas del sitio", aparecerán automáticamente 5 páginas estándar:
Catálogo
Entrega y pago
Contacto
Cambios y devoluciones
Plantilla de página de producto
Puedes editarlas todas según tus necesidades.
Si añadiste funcionalidad a un sitio web existente, solo tendrás 4 páginas estándar: todo lo mencionado anteriormente, excepto la página de Catálogo (ya que es análoga a la página principal del sitio).
Resumen del bloque de producto
9. Ahora pasemos a mostrar productos en el sitio.
Si creaste un sitio nuevo, la página «Catálogo» tiene los bloques necesarios para la tienda preagregados. Por ejemplo, un bloque de búsqueda y fichas de producto:
Y también un bloque de paginación (botones abajo), que permite cambiar entre páginas de producto:
Si agregó funcionalidad a un sitio existente, simplemente agréguele cualquier bloque de la categoría «Productos»:
11. En la configuración del bloque (barra lateral) con productos, se encuentran las opciones principales.
Veámoslos con más detalle. El interruptor «Lista de elementos»» se encarga de mostrar los productos en el bloque. Vincula el contenido con los datos de la «colección», una base de datos que almacena toda la información sobre los productos que importas a Craftum. Si el interruptor está activado, los productos se mostrarán en el bloque y viceversa.
El botón «Configurar elementos» se encarga de mostrar los datos en las tarjetas de producto. Con esta herramienta, puede configurar parámetros del producto, como el título, la firma, el precio y el precio anterior.
Para ello, en el menú contextual, haga clic en el botón «Datos de la colección» y seleccione el elemento correspondiente en la lista:
Toda la información de estos campos se cargará automáticamente desde la colección para cada producto.
Allí, en la configuración del botón, puedes configurar el tipo de enlace «Añadir producto al carrito». Solo necesitas configurarlo una vez. Después, todos los productos del bloque se vincularán al carrito:
La forma más cómoda de personalizar la visualización de los datos de la colección es usar el botón del mismo nombre directamente en el bloque (en el editor), haciendo clic en el texto o seleccionándolo, o pasando el cursor sobre la imagen en la ficha del producto:
En la sección "Fuente de datos", en el futuro, será posible elegir qué colección conectar al bloque. Ahora solo se puede seleccionar la sección "Productos". La colección está disponible allí.
La configuración "Cantidad" determina la cantidad de fichas de producto que se mostrarán en el bloque. El número máximo de productos que se pueden mostrar es 100. A continuación, puede añadir y configurar el bloque "Paginación" desde la sección "Otros" para cambiar de página de producto:
La configuración "Omitir" le permite empezar a mostrar productos a partir de un número de serie específico. Esto puede ser útil, por ejemplo, si desea resaltar un producto en la parte superior y enfatizarlo.
Para ello, debe agregar dos bloques con productos: el primero mostrará solo un producto (en este, en la opción "Cantidad", debe establecer el valor en "1"), y en el segundo, también debe establecer la opción "Omitir" en "1". Entonces, los productos omitirán el primero y comenzarán a mostrarse a partir del segundo. Ejemplo de implementación:
La opción «Ordenación» permite ordenar las fichas de producto según el parámetro deseado:
Es importante que todos los productos tengan el parámetro seleccionado completado. De lo contrario, para aquellos productos sin datos, el diseñador considerará dichos valores como cero (como si se hubiera ingresado "0").
La opción «Filtros» permite vincular el bloque con productos al bloque de búsqueda. También se agrega desde la sección "Otros". Sección:
Puede filtrar por campos en la colección y también seleccionar una de tres condiciones: "Contiene", "Empieza con", "Termina con". En el campo "Valor", En la pestaña "Valor", puede especificar el valor por el cual se filtrarán los productos.
De forma predeterminada, el filtrado se realiza dentro del bloque de productos y puede usarse para mostrar ciertos productos:
Cuando se habilita la opción "Valor" Con el interruptor de campo "Dinámico", se podrán vincular productos con la búsqueda:
Después de publicar la página, al introducir el nombre del producto en la búsqueda, por ejemplo, "Segundo", Solo se mostrará automáticamente la ficha de este producto:
La última configuración es — «Cambio dinámico de página», que permite configurar la paginación (botones de cambio de página) para el bloque con productos. Al configurarlo, puedes elegir qué botón realizará una acción específica al presionarlo:
