Adicionando classes a imagens usando <vtex:contentPlaceHolder>

victorhugooo98 · January 16, 2018, 9:33am

Preciso que minha imagem receba uma classe, usando o <vtex:contentPlaceHolder id="algum-id"> não consigo adicionar uma classe na minha imagem, pois por trás, supondo que na edição do meu layout, nesse contentPlaceHolder eu coloque um Banner sem url específica, isso é criado:

<div class="box-banner">
    <a>
        <img width="366" height="267" id="algum-id" alt="algum-alt" src="source-da-imagem" complete="complete">
    </a>
</div>

Preciso que essa imagem receba uma classe da minha escolha, como fazer?

Tentei:

<vtex:contentPlaceHolder id="algum-id" class="alguma-classe-minha-escolha">

Não é interessante:

No lugar do Banner, adicionar um HTML, ai colocar minhas classes. Isso não é uma opção, pois haverá pessoas que não sabem mexer em códigos. Sem contar que fica mais demorado e propenso a erros.

nathan · January 16, 2018, 1:30pm

@Victor Hugo Schmidt qual o motivo de querer adicionar uma classe?

victorhugooo98 · January 16, 2018, 1:42pm

Quero usar as classes do bootstrap para melhor responsividade e tratamento de imagem.

nathan · January 16, 2018, 2:22pm

Ou adicione uma classe antes em uma hierarquia acima do placeholder, ou faça isso por JS. A estrutura é essa e não há o que fazer.

danilosousa.develope · January 17, 2018, 1:37am

Geralmente quando uso eu faço mais ou menos isso que o nathan falou,

<div class="seu-banner">
    <div class="box-banner">
        <a>
            <img width="366" height="267" src="/arquivos/source-da-imagem"/>
        </a>
    </div>
</div>
ex: no css 
<style>
.seu-banner .box-banner img{
    width:100%;
    height:auto;
}
</style>

não tive problemas.