Fórum OpenCart Brasil

[welq2005]

Ola gostaria de saber se alguem tem uma solução. Preciso que o produto fique sem o botão comprar e ao passar o mouse em cima do produto o botão comprar apareça. Como na imagem .

Alguem tem algo?

[valdeir2000]

Segue o bem básico.

Basta adicionar o código abaixo no arquivo css.

Código: Selecionar todos

.product-layout:hover button.button-add-to-cart {
    display: block !important;
}
.product-layout button.button-add-to-cart {
    display: none !important;
}

Acessar o arquivo catalog/view/theme/*/template/module/(bestseller|featured|latest|special).tpl

Substituir

Código: Selecionar todos

<button type="button" onclick="cart.add('<?php echo $product['product_id'] ?>');"><i class="fa fa-shopping-cart"></i> <span class="hidden-xs hidden-sm hidden-md">Add to Cart</span></button>

Por

Código: Selecionar todos

<button type="button" onclick="cart.add('<?php echo $product['product_id'] ?>');" class="button-add-to-cart"><i class="fa fa-shopping-cart"></i> <span class="hidden-xs hidden-sm hidden-md">Add to Cart</span></button>