Fórum OpenCart Brasil

[linktraba]

Fala moçada.

Alguem sabe dizer se tem alguma extensão para deixar a pagina com opções clicáveis iguais da Netshoes (pode ser paga).



E como faço para deixar a pagina na horizontal?

Obrigado a todos.

[Manoel Vidal]

Olá,

Achei estes dois módulos para cores:
http://www.opencart.com/index.php?route ... on_id=6211
http://www.opencart.com/index.php?route ... n_id=13340

Não entendi o que você quis dizer com deixar sua página na horizontal, seria ocupando a página toda? Se sim, isso vai depender do layout escolhido para sua loja, pois é através do css do layout que ele pode ser configurado para ocupar a tela inteira, dê uma olhada nestes temas pagos:
http://themeforest.net/category/ecommerce/opencart

Espero ter ajudado.

[linktraba]

Obrigado por responder Manoel

No caso, só queria deixar as opções como está lá no sentido de serem clicáveis como o 'tamanho por exemplo, não é nada muito complexo, só em vez de select por exemplo, ser aqueles quadradinhos com as opções. Será que tem um módulo para isso?

[Manoel Vidal]

Este alinhamento é feito por css e está no arquivo:
/catalog/view/theme/SEU-TEMA/stylesheet/stylesheet.css

Para ficar somente imagens, primeiramente, vá no menu Catálogo->Opções e crie uma opção do tipo "Imagem" e adicione as opções de cores com que deseja trabalhar, depois no cadastro do produto na aba opções, adicione as cores para o produto, para fazer a alteração que deseja, edite o arquivo acima, para modificar o css de exibição da opções, que no exemplo que vou dar é o do tema default:

- Localize no arquivo stylesheet.css, o código abaixo:
.product-info .option-image img {

- Ante do código acima adicione o seguinte código:
.product-info .option-image tr {
float: left;
}

- Salve as alterações no arquivo e limpe o cache do seu navegador para acessar sua loja novamente e visualizar a alteração.

Importante: Está dica é para o tema "Default" do OpenCart, se o seu tema não for o Default, você deve fazer as alterações no stylesheet.css do seu tema, ou seja, que fica dentro da pasta do seu tema.

Note que o checkbox continua a ser exibido, se não quiser que ele seja exibido, edite o arquivo product.tpl:
/catalog/view/theme/SEU-TEMA/template/product/product.tpl

- E localize o código abaixo:

Código: Selecionar todos

<td style="width: 1px;"><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>

- E modifique o código acima para:

Código: Selecionar todos

<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>

- Salve as alterações no arquivo e acesse sua loja novamente para visualizar a alteração.

Espero ter ajudado.

[linktraba]

Valeu Manoel pela atenção dispensada e pelo trabalho em fazer o tutorial, vou tentar fazer, abraço.

[rogerio.fd]

Isso vale para opção tamanhos tb???

[Manoel Vidal]

Sim, pode ser utilizada da mesma forma para tamanhos.