Página 1 de 1

Tamanho parecido com netshoes

Enviado: 21 Ago 2014, 15:08
por Marcelo Fernandes
Boa tarde galera,

Estou mudando o formato do tamanho dos sapatos para deixar estilo o da netshoes ao invés de um menuzinho de selecionar/checkbox/radiobox ... Consegui por as imagens botininhas, funcionam certinho. Só que agora não consigo inserir uma imagem de quando a pessoa clica na opção. Tipo, o cliente quer um calçado tamanho 36 e ele clica no 36 e muda a cor de preto para um cinza mais claro.

Alguem poderia me da ruma ajuda de como vou mudar esse campo? Ja tentei por uma class no css, tentei direto no codigo do input mas não ta indo ... alguem pode me ajudar, pelo menos explicando onde tenho que mudar, por favor.

Fiz de acordo com esse topico https://forum.opencartbrasil.com.br/ ... gem#p51682 Só que aí não explica como deixar selecionado =/


Um exemplo de como esta, vou acertar depois que conseguir marcar certinho.

Imagem

Re: Tamanho parecido com netshoes

Enviado: 22 Ago 2014, 10:16
por Marcelo Fernandes
Alguem por favor...

Só preciso conseguir por uma borda que ja vai estar ótimo, vai me ajudar bastante pro resto que tiver que fazer... O código que eu to tentando mudar é esse
Código: Selecionar todos
<?php if ($option['type'] == 'image') { ?>
        <div id="option-<?php echo $option['product_option_id']; ?>" class="option">
          <b><?php if ($option['required']) { ?>
          <span class="required">*</span>
          <?php } ?> <?php echo $option['name']; ?>:</b>
            <table class="option-image">
              <?php foreach ($option['option_value'] as $option_value) { ?>
              <tr>
                <td style="width: 1px; display:none;"><input type="radio" name="option[<?php echo $option['product_option_id']; ?>]" value="<?php echo $option_value['product_option_value_id']; ?>" id="option-value-<?php echo $option_value['product_option_value_id']; ?>" /></td>
                <td><label for="option-value-<?php echo $option_value['product_option_value_id']; ?>"><img src="<?php echo $option_value['image']; ?>" alt="<?php echo $option_value['name'] . ($option_value['price'] ? ' ' . $option_value['price_prefix'] . $option_value['price'] : ''); ?>" /></label></td>
                <!--<td><label for="option-value-<?php echo $option_value['product_option_value_id']; ?>"><?php echo $option_value['name']; ?>-->
                    <?php if ($option_value['price']) { ?>
                    (<?php echo $option_value['price_prefix']; ?><?php echo $option_value['price']; ?>)
                    <?php } ?>
                  </label></td>
              </tr>
              <?php } ?>
A imagem ja está certinha... agora não consigo acertar o css =/ ... qual classe dessas tenho que usar?

Re: Tamanho parecido com netshoes

Enviado: 22 Ago 2014, 11:44
por Manoel Vidal
Este módulo faz exatamente o que você deseja:
http://www.opencart.com/index.php?route ... n_id=17284

Espero ter ajudado. :D