Cómo decorar la página de la tienda Jingdong Mall
La operación de decoración de cada página es exactamente la misma. Aquí tomamos la decoración de la "Página de inicio de la tienda" como ejemplo para ilustrar.
Los principios a seguir al decorar la página son:
Primero agregue el diseño, luego agregue módulos al diseño, luego establezca el contenido del módulo, y finalmente publicar ***5 enlaces.
1. Introducción a los términos de diseño
Diseño: se refiere a dividir la página en cuadrículas de barras de diferentes estructuras. Todo el contenido decorativo de la página debe colocarse en cada página A; puede tener múltiples diseños.
Actualmente, el sistema proporciona 12 diseños para que los usuarios elijan y combinen.
Nota especial:
Habrá un diseño de columnas en la parte superior de cada página (no se pueden eliminar ni mover los módulos colocados dentro del diseño se forzarán a mostrarse). todas las páginas de la tienda superior.
Se recomienda colocar únicamente carteles de tienda, navegación de tienda, banners de eventos principales y otro contenido en este diseño. Si solo desea mostrar contenido en la página actual, agregue manualmente un nuevo diseño antes de agregar el; módulo y no utilice el diseño predeterminado.
2. Agregar diseño
2.1 Lista de diseños disponibles Haga clic en el botón Agregar diseño en la esquina superior izquierda de la página de decoración para abrir el siguiente selector:
Hay 12 diseños en total para elegir.
2.2 Descripción
Después de hacer clic en Agregar, el diseño se mostrará en la parte inferior de la página. Si es necesario, deberá moverlo hacia arriba manualmente.
Después de agregar un diseño, la página de visualización mostrará el nombre, el tamaño y el funcionamiento del diseño:
Cuando el mouse se mueve al área de diseño, el nombre, el tamaño y el funcionamiento del el diseño se mostrará, como se muestra arriba:
Nombre
En todo (990): es el nombre del diseño. Indica que el diseño es un diseño de columna con un ancho de 990px
Cruz roja: Indica que el diseño se está eliminando Cuando se elimina el diseño, el contenido que contiene también se eliminará y no se puede eliminar. restaurado. Tenga cuidado al operar.
Flecha verde: indica que el diseño se puede mover hacia arriba y hacia abajo
Repita la operación anterior, podemos agregar múltiples diseños a la página actual según el propósito del diseño, por ejemplo, agregue 7 diseños a una página determinada y muestre lo siguiente:
Nota:
Después de agregar el diseño, se muestra como un cuadro de puntos. Cada fila en el cuadro de puntos es un. distribución independiente. El diseño izquierda/derecha elegido en la imagen de arriba generalmente se usa para colocar categorías a la izquierda y productos recomendados a la derecha.
Puedes optar por utilizar uno o más diseños según tus ideas de diseño; el número recomendado de diseños no es más de 10.
3. Introducción a la plantilla
Después de seleccionar el diseño, se configuran el contorno de la decoración y el marco. A continuación, colocaremos el contenido en el marco.
Explicación del término
Módulo de funciones: las funciones del sistema que proporcionan cierto contenido de efectos especiales se denominan módulos de funciones.
Actualmente existen 5 categorías de directorio y 15 módulos funcionales en el sistema.
Lista de "módulos" disponibles
En la esquina inferior izquierda de cualquier diseño, hay un botón de operación llamado "Agregar módulo". Después de hacer clic, aparecerá la siguiente imagen:
En la imagen de arriba, puede ver el directorio y el nombre al que pertenece el módulo.
La imagen de arriba es el "Módulo de tienda básico". Hay cuatro módulos funcionales en el directorio ****:
Productos de visualización de página: si tiene M productos, configure cada uno. página Si se muestran 20, habrá M/20 páginas. Haga clic en el número de página directamente para ver la lista de productos de la página correspondiente y los productos en cada página se pueden clasificar según el precio de venta. Haga clic en el número de página para ver la lista de productos en la página correspondiente; los productos de cada página se pueden ordenar por precio de venta y número de reseñas positivas.
De forma predeterminada, los SKU se ordenan de tarde a temprano, puedes cambiar la plantilla para ajustar el orden predeterminado.
Categoría: Este módulo se utiliza para mostrar categorías de productos en la tienda.
Búsqueda de tienda: este módulo es un cuadro de búsqueda en la tienda. Puede colocar este módulo en la ubicación adecuada según sus requisitos de diseño.
Resultados de búsqueda en tienda: Como su nombre indica, se utiliza para mostrar resultados de búsqueda. Este módulo está predeterminado en la "Página de resultados de búsqueda en la tienda" de forma predeterminada, así que no lo elimine sin requisitos especiales.
El segundo directorio es el siguiente:
Como se muestra en la imagen de arriba, hay 2 módulos en este directorio:
Ranking de ventas: se utiliza para mostrar el artículos en la tienda La lista de ventas del producto, el valor predeterminado es el top 10.
Productos recomendados: este módulo es el más utilizado, como "ventas calientes", "recomendación del gerente de tienda", "recomendación clave", etc., se pueden implementar utilizando este módulo.
Grupo de Marcas: Sólo para vendedores externos. Los comerciantes pueden ingresar productos que hayan participado en compras de grupos de marcas por ID de SKU en la "Configuración" de este módulo.
El tercer directorio es el módulo "Store Marketing", que se despliega de la siguiente manera:
Como se puede observar en la imagen superior, este directorio tiene un total de 4 módulos** **:
Área de contenido personalizado: También se llama "editor HTML" y es el módulo más utilizado para decorar tiendas. Es uno de los módulos más utilizados para decorar tiendas. Actualmente se puede subir contenido personalizado, imágenes, código escrito, etc. Si conoce algún Dreamweaver, puede usarlo para personalizar el contenido. Si conoce algunos textos de dreamweaver, html, CSS DIV y otros, usar este módulo puede hacer que su efecto de decoración sea más deslumbrante.
Navegación: Es fácil de entender, basta con introducir palabras clave y configurar la URL del enlace.
Carrusel: al editar los fragmentos HTML que deben rotarse y el color de fondo, puede lograr el efecto de rotación de los fragmentos HTML.
A continuación, eche un vistazo al cuarto directorio "Relacionado con la empresa", la captura de pantalla es la siguiente:
Como se puede ver en la imagen de arriba, este directorio contiene tres módulos:
Perfil de tienda: el módulo que muestra contenido de introducción de marca.
Anuncio de tienda: módulo que muestra información de anuncios de tienda.
Módulo de rótulo de tienda: el módulo que muestra el contenido del rótulo de tienda.
A continuación, veremos el quinto directorio "Relacionado con la empresa", la captura de pantalla es la siguiente:
Como se puede ver en la imagen de arriba, este directorio contiene 1 módulo
Detalles coincidentes: muestra los productos coincidentes por el usuario en compras coincidentes e ingresa el ID coincidente en "Configuración". Ingrese la ID coincidente en "Configuración" para colocar la información coincidente.
Puedes agregar uno o más de los 15 módulos anteriores según el diseño durante la decoración, y el mismo módulo se puede usar varias veces en una página.
4. Agregar módulo
4.1. Agregar módulo "Productos de visualización de página" 4.1.1 Agregar pasos de operación
Seleccione el diseño donde desea agregar el módulo. , por ejemplo:
Haga clic en el botón Agregar módulo, busque el módulo de destino y luego haga clic en Insertar módulo
Se completa la inserción del módulo. Una vez insertado el módulo, puede modificarlo y mejorarlo de la siguiente manera:
4.1.2 Configuración
Haga clic en la configuración del módulo y aparecerá el siguiente panel de operaciones:
Como se muestra arriba, la operación de máscara está seleccionada de forma predeterminada.
4.1.3 Skin
Términos
Skin: se utiliza para embellecer el borde y la periferia del módulo.
Funciones detalladas
Descripción:
Selección de máscaras: el sistema tiene 2 conjuntos de máscaras preestablecidas, que se pueden seleccionar rápidamente para su uso
Barra de título: se usa para configurar el skin en el área de título del módulo Operaciones dentro del alcance
Área de contenido: se usa para configurar el funcionamiento del skin dentro del área de contenido del módulo
Barra inferior: se usa para establece el funcionamiento del skin dentro del área inferior del módulo
p>
4.1.4 Plantillas
Cada sistema de módulo está preestablecido con una o más plantillas. Al cambiar las plantillas, la apariencia del módulo se puede cambiar instantáneamente:
Instrucciones:
La plantilla*** se divide en "usadas recientemente", "mis creaciones" y "plantillas del sistema". , su significado es el siguiente:
Usado recientemente: las plantillas que ha utilizado recientemente se colocan en.
Mi creación: esta es la plantilla que creaste
Plantilla del sistema: plantilla proporcionada por desarrolladores oficiales o externos
4.1.5 Etiquetas
Términos
Etiquetas: son hipervínculos que se pueden agregar junto al título del módulo. El modo de utilizar la etiqueta es el siguiente:
Instrucciones de uso:
Ingrese el "texto del hipervínculo" y la "URL" como se muestra arriba, luego haga clic en Agregar, puede agregar varios. Y finalmente haga clic en Actualización por lotes, recuerde hacer clic en Guardar al final y podrá ver el efecto después de que se publique la página. Puede ver el efecto después de publicar la página. Haga clic en actualizar para ver el efecto.
Seleccione el módulo y haga clic en Insertar:
La visualización después de la inserción es la siguiente:
Haga clic en la configuración detrás del nombre del módulo para mejorar el contenido y el reemplazo del módulo efectos de visualización.
4.2.2 Configuración
Haga clic en Configuración para mostrar el siguiente contenido:
La máscara está seleccionada de forma predeterminada.
4.2.3 Skin
Igual que 4.1.3
4.2.4 Plantilla
Igual que 4.1.4
4.2.5 Etiquetas
Igual que 4.1.5
4.3 Agregar módulo "Búsqueda en tienda"
4.3.1 Agregar pasos de operación
Seleccione el diseño donde desea agregar el módulo y luego haga clic en Agregar módulo en la esquina inferior izquierda de la pantalla, por ejemplo:
Después de hacer clic en Agregar módulo, puede encontrar el menú "In- store Search" en el panel de operación emergente y luego haga clic en Agregar:
Después de agregar el módulo, la pantalla es la siguiente:
Después de agregar el módulo, la pantalla predeterminada es "Búsqueda en tienda". La visualización predeterminada es la siguiente:
Como se muestra en la imagen de arriba, este módulo se encuentra en "Mostrar productos en páginas".
Explicación de términos
Movimiento de plantillas mediante arrastrar y soltar: Mueva el mouse al módulo y presione el botón izquierdo Mueva el mouse sin soltar el botón izquierdo para mover el módulo. a una nueva ubicación, como intercambiar posiciones hacia arriba y hacia abajo, etc. Esta es la primera vez que el módulo se traslada a una nueva ubicación.
Luego, use el mouse para seleccionar el "Módulo de búsqueda de tienda", presione el botón izquierdo del mouse y arrástrelo hacia arriba. Cuando alcance la posición de destino, suelte el botón izquierdo del mouse para mover la plantilla hacia la parte superior. (también puede moverlo hacia la parte superior) Bajar, moverse entre páginas, etc. Complete el movimiento hacia arriba y hacia abajo del módulo. Por supuesto, el movimiento del módulo no se limita al diseño. entre los diseños.
Haga clic en la configuración detrás del nombre del módulo. El contenido se puede modificar.
4.3.2 Configuración
La máscara está seleccionada de forma predeterminada. , como se muestra en la figura anterior
4.3.3 Configuración
Términos
Configurar palabras clave predeterminadas: puede establecer una palabra de búsqueda, que se mostrará. en el cuadro de búsqueda de forma predeterminada
Configurar palabras recomendadas populares: puede configurar 3 palabras recomendadas para que los usuarios busquen directamente sin entrada manual.
Filtro de precios: cuando está habilitado, los usuarios pueden buscar su. almacenar por N$ o M$.
4.3.4 Skin
Igual que 4.1.3
4.3.5 Plantilla
Igual que 4.1.4
Actualmente hay 2 plantillas preestablecidas en el sistema, las capturas de pantalla son las siguientes:
4.3.6 Etiqueta
Igual que 4.1.5
Agregado en 4.4. 4.4.1 Agregar el módulo "Resultados de búsqueda en la tienda"
4.4.1 Agregar el módulo
El módulo "Resultados de búsqueda en la tienda" está preestablecido en la página "Resultados de la búsqueda en la tienda" "Resultados de búsqueda" de forma predeterminada. Si no hay ningún problema, el módulo se agregará a la página de resultados de búsqueda en la tienda.
El sistema preestablece la captura de pantalla de la posición de visualización de este módulo de la siguiente manera:
Haga clic en la decoración de la página para mostrar la siguiente manera:
Cuando el usuario hace clic en botón de búsqueda, utilice este módulo para mostrar la búsqueda. Como resultado, si elimina este módulo, los resultados de la búsqueda no se mostrarán. Opere con precaución y no elimine ni mueva este módulo si no está seguro.
Por supuesto, también puedes configurar el módulo, como se muestra en la imagen de arriba, haciendo clic en la configuración detrás del nombre del módulo.
4.4.2 Configuración
La visualización predeterminada es la siguiente:
Como se muestra en la imagen de arriba, "Piel" está seleccionada de forma predeterminada.
4.4.3 Skin
Igual que 4.1.3
4.4.4 Plantilla
Igual que 4.1.4
4.4.5 Etiquetas
Igual que 4.1.5
4.5 Agregar módulo "Más vendidos"
4.5.1 Agregar proceso de operación
Seleccione el diseño donde desea agregar el módulo "Clasificación de ventas", por ejemplo:
Haga clic en Agregar módulo, luego busque el módulo "Clasificación de ventas" en el panel de operaciones abierto y luego haga clic en Agregar .
Después de agregar el módulo, se mostrará el siguiente contenido:
Después de agregar el módulo, el módulo se mostrará de la siguiente manera:
El módulo será se muestra de la siguiente manera:
Haga clic en Establecer para configurar el contenido del módulo.
4.5.2 Configuración
Haga clic en Configuración para abrir el panel de operaciones, el valor predeterminado es "Piel".
4.5.3 Skin
El funcionamiento es el mismo que 4.1.3
4.5.4 Plantilla
El funcionamiento es el mismo como 4.1.4
p>
4.5.5 Etiqueta
La operación es la misma que 4.1.5
4.6 Agregar módulo módulo "recomendado"
4.6.1 Agregar módulo
p>
Seleccione el diseño donde desea agregar el módulo, por ejemplo:
Luego haga clic en Agregar módulo, luego haga clic en Agregar módulo, busque el módulo "Recomendación de producto" en el panel emergente y haga clic en Agregar:
El efecto de visualización predeterminado después de agregar un módulo es el siguiente:
Haga clic la configuración detrás del nombre del módulo para agregar contenido.
4.6.2 Configuración
Haga clic en Configuración para abrir la configuración por defecto.
4.6.3 Configuración
Haga clic en Configuración para abrir el siguiente panel de operaciones:
Explicación del término
Ingreso de ID: se refiere a ingresar un lote de productos SKU para recomendar operaciones de productos.
Filtrar entrada: se refiere a la operación de ingresar el SKU de un lote de productos y recomendar productos a través de 1, 2 y 3 niveles de clasificación.
1) Ingreso de ID:
¿Cómo consultar el SKU de un producto? Consulte el Apéndice 1: Ver el SKU de un producto.
2) Selección e ingreso de productos:
Después de ingresar los productos, haga clic en Guardar para completar la recomendación del producto. El producto se muestra de la siguiente manera:
En este momento, podemos hacer clic en la configuración detrás del nombre del módulo para cambiar la máscara.
4.6.4 Máscara
Haga clic en configuración después del nombre del módulo y seleccione la máscara en el panel abierto para configurar la máscara.
La operación es la misma que 4.1.3
4.6.5 Plantilla
Haga clic en la configuración detrás del nombre del módulo y seleccione la plantilla en la operación abierta. Establecer plantilla.
El funcionamiento es el mismo que 4.1.4
Este módulo es uno de los más utilizados a la hora de decorar una tienda. Actualmente existe una gran cantidad de plantillas. La captura de pantalla es. de la siguiente manera:
4.6.6 Etiqueta
Haga clic en Configuración después del nombre del módulo y seleccione la etiqueta en el panel de operaciones abierto para configurar la máscara.
El funcionamiento es el mismo que 4.1.5
4.7 Agregar módulo de navegación
4.7.1 Agregar módulo de navegación
Seleccione la navegación módulo que se agregará Diseño, por ejemplo, seleccione una columna para el módulo de navegación:
Haga clic en el botón Agregar módulo para abrir el panel Agregar módulo. Agregue el panel del módulo, busque el módulo "Navegación" y haga clic para insertar:
Después de insertar el módulo, la visualización predeterminada es la siguiente. Puede hacer clic en la configuración después del nombre para mejorar el contenido del. módulo de navegación:
4.7 .2 Configuración
Haga clic en el botón Configuración y aparecerá el siguiente panel:
La operación de configuración se abre de forma predeterminada.
4.7.3 Configuración
Términos
Nombre de navegación: el texto al que se vinculará
Dirección del enlace: haga clic en el texto para abrir URL
Después de agregar el texto, haga clic en Guardar para ver el efecto.
4.7.4 Skin
El funcionamiento es el mismo que 4.1.3
4.7.5 Plantilla
El funcionamiento es el mismo como 4.1.4
p>
4.7.6 Etiqueta
La operación es la misma que 4.1.5
4.8 Agregar "área de contenido personalizado"
4.8.1 Agregar "área de contenido personalizado" Definir "Módulo" del área de contenido
Seleccione el diseño para agregar un módulo y haga clic en el botón Agregar plantilla en la esquina inferior izquierda del diseño , luego busque "Área de contenido personalizado" en el panel de selección de módulo que se abre y haga clic en Insertar. >Una vez completada la inserción, se mostrará el siguiente contenido. Puede hacer clic en Configuración para mejorar el contenido:
4.8.2 Configuración
Haga clic en Configuración para abrir la configuración predeterminada del. área de contenido, que suele ser "Editor HTML".
4.8.2 Configuración
Haga clic en Configuración para abrir la configuración predeterminada para el área de contenido, a menudo denominada "Editor HTML". 3 Configuración
Introducción a la función del área de contenido personalizado El contenido personalizado admite el uso de:
1) Código HTML (solo se admite el código en la etiqueta del cuerpo, excluyendo el texto del cuerpo)
2) Algunos códigos CSS: los códigos CSS efectivos de uso común también son aceptables
3) Códigos de script: códigos javaccript de uso común
4) Códigos js en el sistema integrado -en la biblioteca js
Si ha escrito código CSS, agregue .user y otras etiquetas al frente para evitar conflictos con el CSS del sistema para evitar conflictos con los estilos predeterminados del sistema.
4.8.4 skin
El funcionamiento es el mismo que 4.1.3
4.8.5 template
El funcionamiento es el mismo como 4.1.4
Dado que el módulo carrusel se puede utilizar para diversas funciones como banner, navegación, entrada de actividades, recomendaciones clave, etc., la plantilla del módulo se divide en múltiples subcategorías según el propósito de uso. La captura de pantalla es la siguiente:
Puede utilizar de forma flexible según usos específicos.
Pestaña 4.8.6
Operación con 4.1.5
4.9 Agregar módulo "carrusel"
4.9.1 Agregar proceso de operación
Seleccione el diseño de la plantilla de carrusel para agregar un carrusel. Por lo general, el carrusel debe ser un banner, una primera imagen, etc.
Por lo tanto, el carrusel generalmente se selecciona para ubicarse en la posición media superior de la página, y así sucesivamente, por lo que el diseño generalmente se selecciona para ubicarse en la posición superior de la página:
Haga clic en Agregar Botón Módulo, busque el módulo del carrusel y haga clic para colocarlo:
Después de colocar el módulo, el efecto de visualización predeterminado es el que se muestra a continuación. Puede hacer clic en Configuración para modificar el contenido:
. 4.9.2 Configuración
Haga clic en el botón Configuración para abrir el panel de operaciones, que se seleccionará de forma predeterminada.
4.9.3 Configuración
Instrucciones:
1) Haga clic para seleccionar la imagen y cargar la imagen de visualización rotada.
2) Título: Introduce un título para cada imagen.
3) Enlace: Ingrese la URL del enlace de cada imagen. Tenga en cuenta que debe ser la URL de JD.com.
Una vez completada la operación, haga clic en Guardar. Puede configurar hasta 8 imágenes de carrusel.
4.9.4 skin
El funcionamiento es el mismo que 4.1.3
4.9.5 template
El funcionamiento es el mismo como 4.1.4
4.9.6 Etiqueta
La operación es la misma que 4.1.5
4.10 Agregar "Introducción a la tienda"
4.10.1 Agregar proceso de operación
Seleccione el módulo de diseño de la tienda que desea agregar (cambiar) y luego haga clic en el botón Agregar módulo en la esquina inferior izquierda. Este módulo está predeterminado en la "Página de introducción a la tienda". " por defecto. Si no hay ninguna necesidad especial, no lo elimine ni lo mueva.
Haga clic en Configuración para administrar y embellecer el módulo.
4.10.2 Configuración
Nota: El contenido de la introducción del módulo se encuentra en el backend del proveedor - Mi tienda - Configuración de decoración de la tienda - Introducción de marca:
4.10 .3 Skin
El funcionamiento es el mismo que 4.1.3
4.10.4 Plantilla
El funcionamiento es el mismo que 4.1.4
4.10.5 Etiqueta
El funcionamiento es el mismo que 4.1.5
4.11 Agregar el módulo "anuncio de tienda"
4.11.1 Agregar el pasos de operación
El módulo de anuncios de la tienda está preestablecido de forma predeterminada. Se encuentra en la esquina inferior izquierda de la página de inicio de la tienda. No lo elimine a menos que tenga necesidades especiales.
4.11.2 Configuración
El contenido de este módulo se mantiene en "Merchant Backstage"-Mi Tienda-Gestión de carteles de anuncios-Gestión de anuncios.
Haga clic en la configuración de este módulo para ingresar directamente a la operación de la máscara
4.11.3 Máscara
La operación es la misma que 4.1.3
4.11.4 Plantilla
La operación es la misma que 4.1.4
4.11.5 Etiqueta
La operación es la misma que 4.1. 5
4.12 Agregar módulos de "signo de tienda"
4.12.1 Agregar programa
El módulo de letrero de tienda está ubicado en la parte superior de cada página de forma predeterminada, por lo que No elimine este módulo sin requisitos especiales. El contenido de este módulo se guarda en "Antecedentes del proveedor" - "Mi tienda" - "Administración de tienda" - "Información básica de la tienda".
4.12.2 Configuración
Haga clic para modificar la operación.
4.12.3 Skin
El funcionamiento es el mismo que 4.1.3
4.12.4 Plantilla
El funcionamiento es el mismo como 4.1.4
p>
4.12.5 Etiqueta
La operación es la misma que 4.1.5
5. >
La configuración de la página incluye configuraciones de fondo y configuraciones para compartir.
5.1 Configuración de fondo
En la decoración de cada página, hay un botón llamado "Configuración de página" en la esquina superior izquierda de la ventana del navegador. Haga clic en él para ver la configuración del fondo.
Instrucciones:
Color de fondo: puede seleccionar o ingresar un valor de color de fondo.
Ancho de fondo: se utiliza para limitar el color de fondo y el ancho de la imagen de fondo; la unidad de valor es píxeles, dejar en blanco significa pantalla completa.
Imagen de fondo: suba una imagen, el límite de tamaño es 300K.
Utilice "Imagen de fondo" junto con el módulo "Área de contenido personalizado" para crear contenido como "Banner de pantalla completa".
5.2 Configuración para compartir
Agregue una barra flotante para compartir a la tienda, que se puede mostrar en el lado izquierdo o derecho de la página. También puede configurar la palabra para compartir predeterminada. compartir la tienda con Sina Weibo, Tencent Weibo, Renren, Kaixin, Douban y otros sitios web de terceros.
Comparte palabra, déjalo en blanco y el programa leerá automáticamente un fragmento de texto. Se recomienda escribir el texto manualmente y guardarlo.
Instrucciones:
Compartir texto: se recomienda ingresar 140 caracteres, porque queremos compartirlo en Weibo y otros sitios web. Si excede el límite, se truncará automáticamente. por otros sitios web.
Puede afectar la integridad del contenido de Weibo.