[SOLVED] How can I disable the "Quick View" that appears with the icon of an eye from mobile device?

[framarfre]

Hi,

as the title, how can I disable the "Quick View" that appears with the icon of an eye? I would like to disable the quick view only from my smartphone.

I have tried everything and do not understand why if I go on the demo online the quick view does not appear from my smartphone and if I go on my site it appears from the same smartphone!

 

I use PrestaShop 1.6.0.8 and the default template, I tried uninstalling and reinstalling everything but it did not work.

Edited July 29, 2014 by framarfre (see edit history)

[vekia]

you use some modification, this is not default quick view button!

[framarfre]

Hi vekia,

Tranks but it is really the default theme I changed only the color by the pannel control. This is another site, with PrestaShop downloaded always from prestashop.com and clean install:

I repeat it show only from smartphone, exactly on my iPhone.

Edited July 28, 2014 by framarfre (see edit history)

[framarfre]

Hi,

for eliminate the quick view icon from mobile device I solved by modifying 2 files in "/themes/default-bootstrap/css".

 

1) In product_list.css. I've eliminated this code:

 

     ul.product_list .product-image-container .quick-view-wrapper-mobile {
    display: none; }
    ul.product_list .product-image-container .quick-view-wrapper-mobile .quick-view-mobile {
    display: none; }
    @media (max-width: 1199px) {
    ul.product_list .product-image-container .quick-view-wrapper-mobile .quick-view-mobile {
    display: block;
    position: relative;
    background-color: rgba(208, 208, 211, 0.57);
    height: 130px;
    width: 85px;
    top: 80px;
    right: -162px;
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    zoom: 1;
    pointer-events: all; }
    ul.product_list .product-image-container .quick-view-wrapper-mobile .quick-view-mobile i {
    position: relative;
    top: 48px;
    left: -20px;
    font-size: x-large;
    color: black; }
    ul.product_list .product-image-container .quick-view-wrapper-mobile .quick-view-mobile i:before {
    -moz-transform: rotate(315deg);
    -o-transform: rotate(315deg);
    -webkit-transform: rotate(315deg);
    -ms-transform: rotate(315deg);
    transform: rotate(315deg); } }
    @media (max-width: 1199px) {
    ul.product_list .product-image-container .quick-view-wrapper-mobile .quick-view-mobile:hover {
    background-color: rgba(167, 167, 167, 0.57); } }
    @media (max-width: 1199px) {
    ul.product_list .product-image-container .quick-view-wrapper-mobile {
    display: block;
    background-color: transparent;
    height: 155px;
    width: 215px;
    position: absolute;
    overflow: hidden;
    pointer-events: none;
    bottom: 0px;
    right: 0px; } }

2) In the global.css (in the same directory) eliminating this code:

 

    .icon-eye-open:before {
    content: "\f06e"; }
     
    .icon-eye-close:before {
    content: "\f070"; }

 

I hope it can be of help to those who have the same problem, if you notice that I forgot something or if you encounter any problem let me know.

 

@vekia I would like to see yours css files .... only my PrestaShop is so?

Edited July 29, 2014 by framarfre (see edit history)