How to change product grid list to not change the behavior on mouse over (hides price and adds butto

[ayin]

Hello,

 

Is there a simple way to change "product-list" grid list so that eliminates the the behavior (default-bootstrap):

 

- on mouse over the product, it hides price and adds a button "Add to Cart"

 

I think i might be related to jQuery inside "Global.js"... though I am not 100% sure.

 

Thanks for your input

 

EDIT: I found how to stop the event "onMouseOver"

I commented the lines: 166

function blockHover(status)
{
    /*$(document).off('mouseenter').on('mouseenter', '.product_list.grid li.ajax_block_product .product-container', function(e){

        /*if ($('body').find('.container').width() == 1170)
        {
            var pcHeight = $(this).parent().outerHeight();
            var pcPHeight = $(this).parent().find('.button-container').outerHeight() + $(this).parent().find('.comments_note').outerHeight() + $(this).parent().find('.functional-buttons').outerHeight();
            $(this).parent().addClass('hovered').css({'height':pcHeight + pcPHeight, 'margin-bottom':pcPHeight * (-1)});
        }
    });

    $(document).off('mouseleave').on('mouseleave', '.product_list.grid li.ajax_block_product .product-container', function(e){
        if ($('body').find('.container').width() == 1170)
            $(this).parent().removeClass('hovered').css({'height':'auto', 'margin-bottom':'0'});
    });*/
}

Now i will find a way to add the missing buttons.

 

EDIT2:

 

In fie Product-list.tpl, ~279, can you explain that this does?

<div class="functional-buttons clearfix">
                        {hook h='displayProductListFunctionalButtons' product=$product}
                        {if isset($comparator_max_item) && $comparator_max_item}
                            <div class="compare">
                                <a class="add_to_compare"
                                    href="{$product.link|escape:'html':'UTF-8'}"
                                    data-id-product="{$product.id_product}">{l s='Add to Compare'}</a>
                            </div>
                        {/if}
                    </div>

Thanks

Edited January 10, 2015 by ayin (see edit history)