Kadence Teaching: Kadence Shop Kit Plug-in - Funcionalidad de Insignia de Producto

Kit de tienda Kadence El complemento es WooCommerce La tienda ofrece potentes extensiones, entre las que destaca la función de insignias de productos. Con las insignias personalizadas, los comerciantes puedenResalte la información importante sobre el productoComo las promociones, el estado de las existencias u otros atributos destacados. Estas insignias pueden ayudar a los comerciantes a aumentar la visibilidad de los productos, captar la atención de los clientes y mejorar la experiencia de compra.

¿Qué es el distintivo de producto del Kit de Tienda Kadence?

Kadence La función Insignia de producto del complemento Shop Kit permite a los comerciantes mostrar información clave sobre sus productos a través de insignias personalizables. Por ejemplo, los comerciantes pueden utilizar insignias para marcar ofertas especiales, mostrar la escasez de existencias o destacar nuevos productos.Estilos de insigniaycolocaciónresponder cantandoelementoTodos pueden adaptarse con flexibilidad para ser coherentes con el diseño general de la tienda.

Añadir nueva insignia

Con la función de insignia de producto del Kit de tienda Kadence activada, los comerciantes pueden añadirlas fácilmente. Simplemente siga los siguientes pasos:

• Acceder a la interfaz de gestión de tarjetas de identificación
  Navegue hasta WordPress Entre bastidores, haga clic en "Productos" -> "Insignias. En esa página, haga clic en la parte superior "Añadir nueva insignia" para empezar a crear una nueva insignia.

• Seleccione el tipo de tarjeta
  Al crear una nueva insignia, los comerciantes deben seleccionar un tipo de insignia. El tipo de insignia determina el estilo y el aspecto de la insignia. ConsulteKadence Cortesía de Shop KitcuatroCon los principales tipos de distintivos, los comerciantes pueden elegir el más adecuado a sus necesidades.

Tipo de placa

El Kit de tienda Kadence ofrece cuatro tipos de distintivos, cada uno de ellos adaptado a las diferentes necesidades de la tienda, que los comerciantes pueden elegir en función de cada caso:

• Tipo de insignia de imagen
  Este tipo permite a los comerciantes utilizar imágenes prefabricadas proporcionadas por Kadence como insignias de producto. Estas imágenes pueden aplicarse fácilmente a los productos para identificar promociones, ofertas especiales u otra información especial.

• Tipos de insignias con imágenes personalizadas
  Los comerciantes pueden cargar sus propias imágenes como insignias de producto y personalizar totalmente el aspecto de la insignia. Esto permite a los comerciantes diseñar imágenes de insignia únicas basadas en el estilo de su marca.

• Tipos de insignia de texto personalizados
  Los comerciantes pueden personalizar la insignia de texto introduciendo el texto deseado y estableciendo el estilo del texto. Este tipo también admite opciones dinámicas para mostrar un texto diferente en función de los distintos atributos del producto (por ejemplo, descuento, cantidad, etc.).

• Tipos de insignias HTML personalizadas
  personalización HTML Las insignias permiten a los comerciantes personalizar su contenido mediante código HTML o un editor WYSIWYG (What You See Is What You Get). Los comerciantes pueden insertar texto, imágenes u otros contenidos multimedia, lo que ofrece la máxima flexibilidad a la hora de diseñar y mostrar las insignias.

Configuración de la imagen del distintivo

Ubicación de la insignia
Los comerciantes pueden utilizar los ajustes de posición de la insignia para determinar dónde se mostrará la insignia en el producto.

anchura máxima
Los comerciantes pueden establecer la anchura máxima de la insignia en una sola página de producto para garantizar que la insignia no sea demasiado grande y afecte a la estética de la visualización del producto.

Ciclo de anchura máxima
Para elementos recurrentes, como listados de productos en una página de archivo, los comerciantes pueden establecer una anchura máxima diferente a la de las páginas de productos individuales para adaptarse a diferentes necesidades de visualización.

margen
Establezca los márgenes alrededor de la insignia en píxeles para asegurarse de que hay suficiente espacio entre la insignia y el contenido circundante.

acolchado
Los comerciantes también pueden establecer un valor de relleno dentro de la insignia, en píxeles, para añadir más márgenes internos al contenido de la insignia, haciendo que destaque más visualmente.

Ajustes de diseño gráfico

El complemento Kadence Shop Kit ofrece diversas opciones de configuración del diseño de la imagen que permiten a los comerciantes personalizar aún más el aspecto de las insignias de sus productos para que encajen mejor con el estilo de diseño y la imagen de marca de su tienda.

color
hacer uso de Kadence Cuando se proporcionan distintivos con imagen, los comerciantes pueden ajustar el color del distintivo según sus necesidades.

color de fondo
Los comerciantes pueden añadir un color de fondo detrás del fondo de la insignia para mejorar la visibilidad y la estética de la insignia.

Radio del borde
Al ajustar el radio del borde, se redondean las esquinas de la insignia del producto, lo que proporciona un efecto visual más suave.

Anchura del borde
Los comerciantes pueden establecer el ancho del borde de la insignia del producto en píxeles.

Color del borde
Si un comerciante opta por utilizar un borde, el color del borde puede ajustarse de forma personalizada para garantizar que el borde de la insignia coordina con el diseño general de la página, proporcionando un mejor impacto visual y control.

Imagen de la insignia
Al seleccionar una insignia con imagen personalizada, los comerciantes pueden utilizar esta opción para cargar o añadir archivos multimedia que se utilizarán como imágenes para las insignias de los productos. Esto permite a los comerciantes utilizar imágenes de su propio diseño para mejorar su identidad de marca.

Ubicación de la insignia
Los comerciantes pueden fijar la posición de la insignia en la imagen del producto, con opciones que incluyen la posición inferior derecha, inferior izquierda, central, superior derecha o superior izquierda. Esto permite a los comerciantes optimizar la visualización de la insignia según sus necesidades y asegurarse de que capta la atención de sus clientes.

anchura máxima
Los comerciantes pueden establecer la anchura máxima para controlar el tamaño de la insignia de imagen personalizada, limitándola a no más de un valor de píxeles especificado. Esta configuración se aplica principalmente a las páginas de un solo producto para evitar que la insignia sea demasiado grande y afecte a la visualización del producto.

Ciclo de anchura máxima
Para páginas de archivo u otras WooCommerce En relación con el bucle de producto, los comerciantes pueden establecer diferentes anchos máximos para adaptarse a las diferentes necesidades de visualización de la página y hacer que el tamaño de la insignia esté más en consonancia con el diseño de la página.

Márgenes y relleno
Ajustando los márgenes y el relleno (en píxeles), los comerciantes pueden optimizar aún más la colocación y presentación de las insignias. Los márgenes ayudan a ajustar la distancia entre la insignia y el contenido circundante, mientras que el relleno aumenta el espacio dentro de la insignia, haciéndola más llamativa.

Configuración de la visibilidad del distintivo
Los comerciantes pueden determinar el alcance de la visualización de las insignias mediante los ajustes de visibilidad de las mismas. Por ejemplo, los comerciantes pueden elegir que las insignias se muestren solo en productos específicos, productos promocionales o productos con pocas existencias, aumentando así la relevancia y la eficacia de las insignias.

color de fondo
Se pueden añadir colores de fondo a los distintivos para hacerlos más visibles en las imágenes de los productos.

Radio del borde
Al ajustar el radio del borde, se redondean las esquinas del distintivo y se realza su suavidad visual.

Anchura del borde
La anchura del borde de la insignia puede ajustarse como se desee (en píxeles)

Color del borde
Cuando la anchura del borde está activada, puede personalizar el color del borde.

Texto de la insignia
Al utilizar insignias de texto, puede introducir el contenido que se mostrará en la configuración del texto de la insignia. Este texto se mostrará directamente en la insignia del producto y se utilizará para comunicar información promocional o el estado del producto.

Ubicación de la insignia
Los comerciantes pueden colocar insignias de texto en diferentes lugares de las imágenes de los productos, entre ellos:

• inferior derecha
• parte inferior izquierda
• interlocutoria
• arriba a la izquierda
• arriba a la derecha
  La elección de diferentes posiciones ayuda a una maquetación flexible según el diseño de la página.

anchura máxima
Establezca la anchura máxima de la insignia en píxeles en una sola página de producto para evitar que la insignia desvirtúe la estética general debido a la presencia de más texto.

Ciclo de anchura máxima
Para las páginas de listado de productos (por ejemplo, la página de inicio de la tienda, las páginas de categorías, etc.), se pueden establecer diferentes anchos máximos para garantizar que la insignia se muestre de forma coherente en las distintas páginas.

Márgenes y relleno
Los comerciantes pueden controlar aún más la colocación y el espacio en blanco interno de sus insignias configurando Margen y Relleno. Un espaciado adecuado ayuda a mejorar el impacto visual, haciendo que la insignia sea más legible y reconocible en la página.

Configuración de la visibilidad del distintivo
Permite especificar el rango de visualización de los distintivos. Por ejemplo, mostrar solo bajo productos promocionales, productos agotados o determinadas categorías para facilitar la entrega precisa del mensaje.

color
Establezca el color primario del texto para controlar el color del texto que aparece en la insignia.

color de fondo
Añada un color de fondo a la insignia para que el texto sea más claro en la imagen del producto.

tamaño de letra
Especifica el tamaño de la fuente (en píxeles) del texto.

Estilo de fuente
Puede seleccionar el estilo del texto, por ejemplo negrita (Bold).

alineación del texto
Establece la alineación del texto dentro de la insignia.

Radio del borde
Ajuste el valor de Redondeo de bordes para suavizar las esquinas de la insignia.

Anchura del borde
Controla el grosor del borde de la insignia en píxeles.

Color del borde
Cuando la anchura del borde está activada, se puede establecer el color del borde.

Insignias Edición de contenidos HTML

• Los archivos de texto, HTML o multimedia pueden añadirse directamente al área de edición para mostrar estructuras de contenido más complejas.
• Haz clic en el botón "Añadir medios" para insertar imágenes u otros archivos multimedia en la insignia.
• Utilice la pestaña Visual para editar contenido HTML en modo WYSIWYG para una vista más intuitiva.
• Cambie a la pestaña "Texto" para introducir código HTML sin formato y controlar libremente la estructura y el estilo de la insignia.

Ubicación de la insignia

Soporte para posicionar insignias HTML en las siguientes áreas de imagen de producto:

• inferior derecha
• parte inferior izquierda
• interlocutoria
• arriba a la izquierda
• arriba a la derecha

anchura máxima

Establezca la anchura máxima de la insignia en una sola página de producto en píxeles para evitar que el tamaño de la insignia sea demasiado grande y afecte al diseño de la página.

Ciclo de anchura máxima

Se pueden establecer diferentes anchos máximos para las páginas de circulación de productos (por ejemplo, listados de tiendas, páginas de categorías) para garantizar buenos efectos visuales en varios escenarios de visualización.

Márgenes y relleno

Los valores de margen ajustables controlan el espaciado entre la insignia y el contenido del producto.

Al ajustar el valor de relleno se aumenta el espacio para el texto o los elementos dentro de la insignia y se mejora la claridad visual.

Configuración de la visibilidad del distintivo

Admite el control de los productos en los que se muestra la insignia, como categorías específicas, artículos promocionales o artículos con el mismo estado de existencias, para un control más preciso de la visualización.

color de fondo
Se pueden añadir colores de fondo a la insignia para realzar su contraste con la imagen del producto, haciendo que el contenido sea más llamativo y mejorando la legibilidad y el atractivo visual.

Radio del borde
Al ajustar el radio del borde, la insignia adquiere un efecto redondeado en las esquinas.

Anchura del borde
Esta opción se utiliza para establecer el grosor (en píxeles) del borde de la insignia.

Color del borde
Con los bordes activados, el color del borde se puede personalizar para coordinarlo con el contenido de la insignia y el esquema de color del sitio web, lo que mejora aún más la coherencia visual general.

visibilidad general

Determina la posición general de visualización de la insignia en la página y contiene las siguientes opciones:

• Sólo ciclo del productoInsignias : Las insignias sólo se muestran en las páginas de listado de productos (por ejemplo, página de inicio de la tienda, página de categoría).
• Ciclos de productos y productos individualesLos distintivos se muestran tanto en las páginas de listado de productos como en las páginas de detalles de cada producto.
• Sólo un producto: Los distintivos sólo se muestran en las páginas de detalles de cada producto.

Visibilidad del producto:Utilice este ajuste para determinar en qué productos es visible la insignia del producto.

Estado del artículo

Estado:Indica el estado de la insignia de producto. Las insignias de producto pueden guardarse como publicaciones publicadas, borradores o pendientes de revisión.

Visibilidad

Visibilidad:Especifique la visibilidad de la insignia del producto, que puede establecerse como Pública, Protegida con contraseña o Privada. Tenga en cuenta que las insignias privadas y protegidas con contraseña no se muestran en la interfaz.

Establecimiento de la prioridad de las insignias (orden)

En "Propiedades de los artículos(Post Attributes)", puede establecer la prioridad de la insignia:

• Cuanto mayor sea el número, mayor será la prioridad.
• Cuando varias insignias actúan sobre el mismo producto, la insignia de mayor prioridad anulará a la de menor prioridad.
• Permite la coexistencia de varias insignias evitando conflictos.