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.
