Skip to main content
Mixin que lê as configurações de estilo do tema (themeStyle) e as transforma em computed properties prontas para uso nos componentes de card de produto (ProductCard, ProductCardPrices, etc.).

​
Uso

import productCardThemeMixin from '@/mixins/productCardTheme';

export default {
    mixins: [productCardThemeMixin],
};

​
Computed injetados

ComputedTipoDescrição
isTextCenteredBooleantrue quando grids_text_align é 'center'.
flagDisplayClassStringClasse CSS para posição da flag: '--flag-above-image' ou '--flag-below-image'.
showDiscountTagBooleanControla exibição da tag de desconto no card.
imageFitBehaviorStringComportamento de ajuste da imagem: 'contain' (padrão) ou 'cover'.
showAddToCartButtonBooleanControla exibição do botão de adicionar ao carrinho no card.
isTextAndIconButtonBooleantrue quando o botão de adicionar exibe ícone e texto (grids_add_to_cart_button_type).
iconColorStringCor do ícone do botão de adicionar ao carrinho (padrão '#222222').
showReviewAverageBooleanControla exibição da média de avaliações no card.
reviewAverageStarColorStringCor das estrelas de avaliação (padrão '#FFC01E').
showBrandBooleanControla exibição da marca do produto no card.
oldPriceSizeStringTamanho do preço antigo: 'small' (padrão) ou 'large'.
smallCentsPriceBooleantrue para exibir os centavos em tamanho reduzido.
spaceBelowImageStringEspaço abaixo da imagem do card: 'small' (padrão) ou 'large'.
spaceBetweenNamePriceStringEspaço entre nome e preço: 'small' (padrão) ou 'large'.
showMaxInstallmentBooleanControla exibição do parcelamento máximo no card.
quickBuyTextButtonStringTexto do botão de compra rápida (padrão 'Adicionar ao carrinho').
displayIconBooleanControla exibição do ícone no botão de adicionar ao carrinho com texto.