در حالت مشاهده سایت با موبایل روی عکس محصولات تصویر پیشفرضی قرار میگیره

[814ck]

با سلام و خسته نباشید خدمت اساتید انجمن

وقتی با موبایل سایتو بررسی میکنم روی عکس محصولات،تصویری مثه لوگو میوفته،دلیل چیه به نظرتون

ورژن پرستا : prestashop_1.6.1.18_rtl_1.0

 

اسکرین شات:

http://s9.picofile.com/file/8333311318/IMG_20180801_095328.png

[Fahime1992]

سلام 
اون آیکون مشاهده سریع هست که توی حالت موبایل اونجوری نمایش داده میشه . 

باید با استایل مناسب از طریق کدها ویرایشش کنید 

 

موفق باشید 

[814ck]

سلام 

اون آیکون مشاهده سریع هست که توی حالت موبایل اونجوری نمایش داده میشه . 

باید با استایل مناسب از طریق کدها ویرایشش کنید 

 

موفق باشید 

 

ممنون از راهنماییتون

سعی کردم با استفاده از این ترفند (لینک) آیکون رو در حالت موبایل حذف کنم ولی نتیجه نداد

 

حذف کد های زیر در فایل های product_list.css و product_list_rtl.css

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

و حذف کد های زیر در فایل های global.css و global_rtl.css

.icon-eye:before, .icon-eye-open:before {
  content: ""; }

.icon-eye-slash:before, .icon-eye-close:before {
  content: ""; }

 

[Fahime1992]

تیکت بزنید آدرس سایتتون رو ارسال کنید براتون حذف یا ویرایش رو انجام میدیم 

[814ck]

تیکت بزنید آدرس سایتتون رو ارسال کنید براتون حذف یا ویرایش رو انجام میدیم 

ممنون حل شد.

 

themes\default-bootstrap\product-list.tpl

 

حذف کدهای زیر:

<div class="quick-view-wrapper-mobile">
<a class="quick-view-mobile" href="{$product.link|escape:'html':'UTF-8'}" rel="{$product.link|escape:'html':'UTF-8'}">
<i class="icon-eye-open"></i>
</a>
</div>