- Seção
FC 8968 :: Quais classes podem ser personalizadas no cross selling?
Além dos diversos layouts disponíveis, a personalização também pode ser feita com alterações no CSS da loja.
As seguintes classes podem ser alteradas:
#idEstLinhaProdCrossFC
#idEstTitProdCrossFC
.EstFotoProdCross
.EstPrecoProdCross
.EstCatProdCross
Seguem exemplos de utilização:
Remoção da linha que divide o produto do cross selling:
#idEstLinhaProdCrossFC{display:none;}
Remoção do título Recomendamos também:
#idEstTitProdCrossFC{display:none;}
Definição da altura da imagem do produto:
.EstFotoProdCross {height:60;margin:0px 10px 0px 10px}
Definição de cor, tamanho e tipo de fonte do preço do produto:
.EstPrecoProdCross{color:#888888;font-weight:bold;font-size:8pt;font-family:tahoma,arial}
Remoção da legenda Categoria:
.EstCatProdCross{display:none}
Obs¹: Seguem mais alguns estilos que podem ser alterados:
Definição de cor, tamanho e tipo de fonte da tarja Recomendamos também:
#idEstTDTitProdCrossFC{color:#888888;font-weight:bold;font-size:8pt;font-family:tahoma,arial}
Definição de cor, tamanho e tipo de fonte do nome da categoria:
.EstNomeCatProdCross{color:#ff2200;font-size:8pt;font-family:tahoma,verdana,arial}
Obs²: Seguem estilos que só podem ser alterados quando a posição do cross selling é personalizada:
Definição de cor, tamanho e tipo de fonte do nome do produto:
#idTabCrossFC .AdicItem a{color:#ff2200;font-size:8pt;font-family:tahoma,verdana,arial}
Definição de cor, tamanho e tipo de fonte da descrição do produto:
#idTabCrossFC .EstDescrProd{color:#ff2200;font-size:8pt;font-family:tahoma,verdana,arial}
Obs³: O texto Recomendamos também pode ser alterado no campo Texto para cross selling da página Textos & imagens do site administrativo.
|
