Trocar nome na Página do Produto

Ola pessoal , um pedido de uma pequena ajuda, que no meu entender ajudará muita gente. Acredite, tem muito cliente que não entende que tem que clicar nas opções de variações do produto para ver o preço e adicionar ao carrinho . Gostaria de poder alterar o texto do loja integrada de 'Selecione a opção de ’ para ‘ESCOLHA ABAIXO A OPÇÃO DO PRODUTO DE’ em maiúsculo e em negrito . Por que ? Por que uma boa parte não entende aff , e ficam perguntando … por que não consegue colocar no carrinho … qual o preço … e por ai vai …

SELECIONE

Eu fiz esse ajuste mas através da CN, que tinha feito as grades para mim. Por incrível que pareça muitos clientes também ficavam confusos, não entendiam.

Incrivel não ? E ninguém faz nada para melhorar isso

Ou então se fosse possível escolher uma das variações pré-selecionada.

E quando a varidade é maior que a lista de botões , viu como fica ??? O cliente não clica la … ai desiste ou pergunta … affff image

às vezes era caso de apenas dar mais destaque ao texto “Selecione a…”, colocar em outra cor, ou alguma coisa para destacar.

Exatamente isso que gostaria, além de trocar o texto … negrito , cor diferente etc … :slight_smile:

Alguem pode ajudar ?

manda o link do seu site, para ver o código dele.

www.brasillaser.com.br
vlw

Cara, tenta colocar esse codigo ai no seu site, espero que ajude.

.atributos .wrapper-dropdown {
position: relative; !important;
padding: 10px; !important;
margin: 10px 0; !important;
outline: 0; !important;
cursor: pointer; !important;
font-weight: bold; !important;
border-radius: 3px; !important;
border: 1px solid #4ba8b7; !important;
}
.componente {
background-color: #34c529; !important;
}
body {
font-family: Arial,sans-serif; !important;
font-size: 12px; !important;
line-height: normal; !important;
color: #fff; !important;
}

Coloca esse rsrs…

.atributos .wrapper-dropdown {
position: relative; !important;
padding: 10px; !important;
margin: 10px 0; !important;
outline: 0; !important;
cursor: pointer; !important;
font-weight: bold; !important;
border-radius: 3px; !important;
border: 1px solid #4ba8b7; !important;
}
.componente {
background-color: #34c529; !important;
}
body {
font-family: Arial,sans-serif; !important;
font-size: 12px; !important;
line-height: normal; !important;
color: #fff; !important;
}
element.style {
background-color: #4ba8b7; !important;
}

Ola amigo, mas não quero alterar cores, fontes, do site inteiro …

Quero de alguma forma alterar só da parte onde diz que tem que escolher a opções abaixo … e mudar o texto tb.

Obrigado pela força amigo !!!

Segue o código para quem quiser usar… colocar no css .

.atributos .atributo-comum > span {font-size: 0px;color: #657175;
} .atributos .atributo-comum > span:before { content: ‘Selecione abaixo a Opção para ver os Preços - ‘; font-size: 19px; font-weight: 400; color: black;} .atributos .atributo-comum > span b { color: #318d9c; font-size: 18px; font-weight: 400; } .atributos .atributo-comum > span b:after { content:’ :’; font-size: 18px; font-weight: 400;
}