Como aplicar CSS à página do produto, de acordo com o tipo do produto – Magento

Às vezes precisamos customizar a página do produto, de acordo com o tipo do produto que está sendo visualizado.

Como o Magento ainda não adiciona uma class ao body para que possamos usar conforme nossas necessidades, usar o código abaixo pode ser uma boa saída.

Abra o arquivo ..\app\design\frontend\seu_pacote\seu_tema\template\catalog\product\view.phtml e abaixo da linha:

var optionsPrice = new Product.OptionsPrice(<?php echo $this->getJsonConfig() ?>);

Digite

jQuery("body").addClass("<?php echo $_product->getTypeId() ?>-product-type");

Pronto! Agora a tag body de sua página terá uma class com o nome grouped-product-type ou simple-product-type, etc.

Basta, usar esta classe para fazer as alterações que forem necessárias.

2017-01-24T20:23:34+00:00

RECEBA DICAS VALIOSAS NO SEU EMAIL

x