@ecomplus/widget-product-card/cms.config.js

Storefront plugin with Vue component for product cards

import { name } from './package.json'

export default () => ({
  label: 'Cards de produtos',
  thumbnail: 'https://ecom.nyc3.cdn.digitaloceanspaces.com/storefront/widgets/product-card.png',
  fields: [
    {
      name: 'pkg',
      widget: 'hidden',
      default: name
    },
    {
      label: 'Ativar',
      hint: 'Hidrata (atualiza) e customiza os cards de produtos em vitrines e buscas',
      name: 'active',
      widget: 'boolean'
    },
    {
      label: 'Apenas em desktops',
      name: 'desktopOnly',
      hint: 'Desativa o widget em dispositivos móveis',
      widget: 'boolean'
    },
    {
      label: 'Opções',
      name: 'options',
      widget: 'object',
      hint: 'Personalizações do widget',
      fields: [
        {
          label: 'Rótulo do botão',
          name: 'buyText',
          required: false,
          widget: 'string',
          hint: 'Texto a ser usado no botão de compra, o padrão é a palavra "comprar"'
        },
        {
          label: 'HTML do botão',
          required: false,
          name: 'buy',
          widget: 'code',
          hint: 'Pode ser usado para substituir o botão "comprar" padrão',
          default_language: 'html',
          output_code_only: true
        },
        {
          label: 'Conteúdo adicional',
          required: false,
          name: 'footer',
          widget: 'code',
          hint: 'HTML customizado na parte inferior do card',
          default_language: 'html',
          output_code_only: true
        }
      ]
    }
  ]
})