غیر فعال بودن mousehoverمحصولات در موبایل و بهم ریختگی ظاهرسایت

[arman888]

با درود و ادب

همانگونه که در تصویر پیوست مشاهده میشود، خاصیت mouse hover محصولات در نسخه موبایل غیر فعال است و تکه عکس خاکستری گوشه چپ پایین مشاهده میشود که ظاهر سایت را هم بهم ریخته است درحالی که وقتیکه از طریق کامپیوتر وارد سایت میشوم به صورت کامل فعال بوده و با باردن ماوس روی محصول صفحه کوچکی روی محصول برای نمایش سریع محصول طاهر میشود

لطفا در مورد فعال کردن این قابلیت در موبایل راهنمایی فرمایید

ادرس سایت:

giysi.ir

 

با سپاس

[javad_lee]

درود ،

در حال حاظر نمایش سریع برای محصولات شما فعال هست

جهت غیرفعال کردن میتونید از ماژول پیکربندی قالب غیر فعال کنید

یا اگه مقداری به css و tpl وارد هستید میتونید با inspect مروگر تغییرات بدید

تغییرات برای نسخه موبایل رو باید توی فایل

http://giysi.ir/themes/default-bootstrap/css/product_list_rtl.css

لاین 46 و 61 اعمال کنید

مثلا به این صورت :

[arman888]

ممنون از پاسختون

بله دسترسی سریع هم تو لبتاپ هم تو گوشی فعاله اما نمیدونم چرا اون دکمه ای که عکس چشم روشه تو گوشه محصول خیلی بدفرم هست درحالی که تو نسخه ارجینال پرستا مشابه شکل پیوسته

اگه بتونین راهنمایی کنین که کدوم کد از فایلی که گفتین به چه شکل ویرایش کنم که گوشه عکس مرتب قرار بگیره ممنون میشم

[javad_lee]

درود

از داخل هاست خود به این مسیر بروید :

themes/default-bootstrap/css

فایل product_list_rtl.css رو برای ویرایش باز کنید

قبل از انجام از فایل product_list_rtl.css نسخه پشتیبان تهیه کنید

سپس کل محتویات فایل product_list_rtl.css  را با کد زیر جایگزین کنید

ul.product_list .product-name {
    display: inline-block;
    overflow: hidden;
    width: 100%;
}
ul.product_list .availability span {
    color: #fff;
    display: inline-block;
    font-weight: bold;
    margin-bottom: 20px;
    padding: 3px 8px 4px;
}
ul.product_list .color-list-container {
    margin-bottom: 12px;
}
ul.product_list .color-list-container ul li {
    border: 1px solid #d6d4d4;
    display: inline-block;
    height: 26px;
    width: 26px;
}
ul.product_list .color-list-container ul li a {
    display: block;
    height: 22px;
    margin: 1px;
    width: 22px;
}
ul.product_list .color-list-container ul li a img {
    display: block;
    height: 22px;
    width: 22px;
}
ul.product_list .product-image-container {
    text-align: center;
}
ul.product_list .product-image-container img {
    margin: 0 auto;
}
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 {
    background-color: rgba(208, 208, 211, 0.57);
    display: block;
    height: 130px;
    left: -162px;
    pointer-events: all;
    position: relative;
    top: 100px;
    transform: rotate(45deg);
    width: 120px;
}
ul.product_list .product-image-container .quick-view-wrapper-mobile .quick-view-mobile i {
    color: black;
    font-size: x-large;
    position: relative;
    right: 0;
    top: 10px;
}
ul.product_list .product-image-container .quick-view-wrapper-mobile .quick-view-mobile i::before {
    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 {
    background-color: transparent;
    bottom: 0;
    display: block;
    height: 155px;
    left: 0;
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    width: 215px;
}
}
ul.product_list .product-image-container .quick-view {
    background: rgba(255, 255, 255, 0.82) none repeat scroll 0 0;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.16);
    color: #777676;
    font: 700 13px/16px Arial,Helvetica,sans-serif;
    height: 43px;
    margin: -21px -53px 0 0;
    padding: 13px 0 0;
    position: absolute;
    right: 50%;
    text-align: center;
    top: 50%;
    width: 107px;
}
@media (max-width: 1199px) {
ul.product_list .product-image-container .quick-view {
    display: none;
}
}
@media (min-width: 1200px) {
ul.product_list .product-image-container .quick-view {
    display: none;
}
}
@media (max-width: 767px) {
ul.product_list .product-image-container .quick-view {
    display: none;
}
}
ul.product_list .comments_note {
    overflow: hidden;
    text-align: right;
}
ul.product_list .comments_note .star_content {
    float: right;
}
ul.product_list .comments_note .nb-comments {
    font-style: italic;
    overflow: hidden;
}
ul.product_list .functional-buttons div a, ul.product_list .functional-buttons div label {
    color: #777676;
    cursor: pointer;
    font-weight: bold;
}
ul.product_list .functional-buttons div a:hover, ul.product_list .functional-buttons div label:hover {
    color: #000;
}
ul.product_list .functional-buttons div.wishlist {
    border-left: 1px solid #d6d4d4;
}
ul.product_list .functional-buttons div.wishlist a::before {
    content: "";
    display: inline-block;
    font-family: "FontAwesome";
    margin-left: 3px;
    padding: 0 3px;
}
ul.product_list .functional-buttons div.wishlist a.checked::before {
    content: "";
}
@media (min-width: 992px) and (max-width: 1199px) {
ul.product_list .functional-buttons div.wishlist {
    border-left: 0 none;
}
ul.product_list .functional-buttons div.wishlist a::before {
    display: none;
}
}
@media (min-width: 480px) and (max-width: 767px) {
ul.product_list .functional-buttons div.wishlist {
    border-left: 0 none;
}
ul.product_list .functional-buttons div.wishlist a::before {
    display: none;
}
}
ul.product_list .functional-buttons div.compare a::before {
    content: "";
    display: inline-block;
    font-family: "FontAwesome";
    margin-left: 3px;
}
@media (min-width: 992px) and (max-width: 1199px) {
ul.product_list .functional-buttons div.compare a::before {
    display: none;
}
}
@media (min-width: 480px) and (max-width: 767px) {
ul.product_list .functional-buttons div.compare a::before {
    display: none;
}
}
ul.product_list .functional-buttons div.compare a.checked::before {
    content: "";
}
ul.product_list.grid > li {
    padding-bottom: 20px;
    text-align: center;
}
@media (min-width: 480px) and (max-width: 767px) {
ul.product_list.grid > li {
    float: right;
    width: 50%;
}
}
ul.product_list.grid > li .product-container {
    background: #fff none repeat scroll 0 0;
    padding: 0;
    position: relative;
}
ul.product_list.grid > li .product-container .product-image-container {
    border: 1px solid #d6d4d4;
    margin-bottom: 13px;
    padding: 9px;
    position: relative;
}
@media (max-width: 767px) {
ul.product_list.grid > li .product-container .product-image-container {
    margin-left: auto;
    margin-right: auto;
}
}
ul.product_list.grid > li .product-container .product-image-container .content_price {
    background: rgba(0, 0, 0, 0) url("../img/price-container-bg.png") repeat scroll 0 0;
    bottom: -1px;
    display: none;
    padding: 9px 0;
    position: absolute;
    right: 0;
    width: 100%;
}
ul.product_list.grid > li .product-container .product-image-container .content_price span {
    color: #fff;
}
ul.product_list.grid > li .product-container .product-image-container .content_price span.old-price {
    color: #b1b0b0;
}
ul.product_list.grid > li .product-container h5 {
    min-height: 53px;
    padding: 0 15px 7px;
}
@media (min-width: 1200px) {
ul.product_list.grid > li .product-container .comments_note {
    display: none;
}
}
ul.product_list.grid > li .product-container .comments_note .star_content {
    margin: 0 59px 12px 3px;
}
ul.product_list.grid > li .product-container .product-desc {
    display: none;
}
ul.product_list.grid > li .product-container .content_price {
    line-height: 21px;
    padding-bottom: 9px;
}
ul.product_list.grid > li .product-container .old-price, ul.product_list.grid > li .product-container .price, ul.product_list.grid > li .product-container .price-percent-reduction {
    display: inline-block;
}
ul.product_list.grid > li .product-container .product-flags {
    display: none;
}
ul.product_list.grid > li .product-container .old-price {
    margin-left: 5px;
}
ul.product_list.grid > li .product-container .button-container {
    margin-bottom: 14px;
}
@media (min-width: 1200px) {
ul.product_list.grid > li .product-container .button-container {
    display: none;
}
}
ul.product_list.grid > li .product-container .button-container .ajax_add_to_cart_button, ul.product_list.grid > li .product-container .button-container span.button, ul.product_list.grid > li .product-container .button-container .lnk_view {
    margin: 0 6px 10px;
}
ul.product_list.grid > li .product-container .functional-buttons {
    background: rgba(0, 0, 0, 0) url("../img/functional-bt-shadow.png") repeat-x scroll 0 0;
    padding: 11px 0 5px;
}
@media (min-width: 1200px) {
ul.product_list.grid > li .product-container .functional-buttons {
    display: none;
}
}
ul.product_list.grid > li .product-container .functional-buttons div {
    float: right;
    padding: 3px 0 4px;
    width: 50%;
}
@media (min-width: 1200px) {
ul.product_list.grid > li.hovered .product-container {
    box-shadow: 0 0 13px rgba(0, 0, 0, 0.17);
    position: relative;
    z-index: 10;
}
ul.product_list.grid > li.hovered .product-container .content_price {
    display: none;
}
ul.product_list.grid > li.hovered .product-container .product-image-container .content_price {
    display: block;
}
ul.product_list.grid > li.hovered .product-container .product-image-container .quick-view {
    display: block;
}
ul.product_list.grid > li.hovered .product-container .functional-buttons, ul.product_list.grid > li.hovered .product-container .button-container, ul.product_list.grid > li.hovered .product-container .comments_note {
    display: block;
}
}
@media (min-width: 992px) {
ul.product_list.grid > li.first-in-line {
    clear: right;
}
}
@media (min-width: 480px) and (max-width: 991px) {
ul.product_list.grid > li.first-item-of-tablet-line {
    clear: right;
}
}
ul.product_list.grid li.hovered h5 {
    min-height: 30px;
}
@media (min-width: 1200px) {
#blockpack ul > li.last-line {
    border: medium none;
    margin-bottom: 0;
    padding-bottom: 0;
}
}
@media (min-width: 480px) and (max-width: 767px) {
#blockpack ul > li.first-item-of-tablet-line {
    clear: none;
}
#blockpack ul > li.first-item-of-mobile-line {
    clear: right;
}
}
@media (max-width: 479px) {
ul.product_list.list > li .left-block {
    width: 100%;
}
}
ul.product_list.list > li .product-container {
    border-top: 1px solid #d6d4d4;
    padding: 30px 0;
}
ul.product_list.list > li .product-image-container {
    border: 1px solid #d6d4d4;
    padding: 9px;
    position: relative;
}
@media (max-width: 479px) {
ul.product_list.list > li .product-image-container {
    margin: 0 auto;
    max-width: 290px;
}
}
ul.product_list.list > li .product-image-container .content_price {
    display: none !important;
}
ul.product_list.list > li .product-flags {
    color: #333;
    margin: -5px 0 10px;
}
ul.product_list.list > li .product-flags .discount {
    color: #f13340;
}
ul.product_list.list > li h5 {
    padding-bottom: 8px;
}
ul.product_list.list > li .product-desc {
    margin-bottom: 15px;
}
@media (max-width: 479px) {
ul.product_list.list > li .center-block {
    width: 100%;
}
}
ul.product_list.list > li .center-block .comments_note {
    margin-bottom: 12px;
}
@media (min-width: 992px) {
ul.product_list.list > li .right-block .right-block-content {
    border-right: 1px solid #d6d4d4;
    margin: 0;
    padding-bottom: 16px;
    padding-right: 15px;
}
}
@media (max-width: 991px) {
ul.product_list.list > li .right-block .right-block-content {
    padding-top: 20px;
}
}
@media (max-width: 479px) {
ul.product_list.list > li .right-block .right-block-content {
    padding-top: 5px;
}
}
ul.product_list.list > li .right-block .right-block-content .content_price {
    padding-bottom: 10px;
}
@media (max-width: 991px) {
ul.product_list.list > li .right-block .right-block-content .content_price {
    padding-bottom: 0;
    padding-top: 13px;
}
}
@media (max-width: 479px) {
ul.product_list.list > li .right-block .right-block-content .content_price {
    padding-top: 0;
    width: 100%;
}
}
ul.product_list.list > li .right-block .right-block-content .content_price .price {
    display: inline-block;
    margin-bottom: 14px;
    margin-top: -4px;
}
ul.product_list.list > li .right-block .right-block-content .content_price .price.old-price {
    margin-left: 8px;
}
ul.product_list.list > li .right-block .right-block-content .button-container {
    overflow: hidden;
    padding-bottom: 20px;
}
@media (max-width: 479px) {
ul.product_list.list > li .right-block .right-block-content .button-container {
    width: 100%;
}
}
ul.product_list.list > li .right-block .right-block-content .button-container .btn {
    margin-bottom: 10px;
}
@media (min-width: 992px) {
ul.product_list.list > li .right-block .right-block-content .button-container .btn {
    clear: both;
    float: right;
}
}
@media (min-width: 992px) {
ul.product_list.list > li .right-block .right-block-content .functional-buttons {
    overflow: hidden;
}
}
@media (max-width: 991px) {
ul.product_list.list > li .right-block .right-block-content .functional-buttons {
    clear: both;
}
ul.product_list.list > li .right-block .right-block-content .functional-buttons > div {
    float: right;
    padding-left: 20px;
    padding-top: 0 !important;
}
}
@media (max-width: 479px) {
ul.product_list.list > li .right-block .right-block-content .functional-buttons {
    display: inline-block;
    float: none;
}
ul.product_list.list > li .right-block .right-block-content .functional-buttons a i, ul.product_list.list > li .right-block .right-block-content .functional-buttons a::before, ul.product_list.list > li .right-block .right-block-content .functional-buttons label i, ul.product_list.list > li .right-block .right-block-content .functional-buttons label::before {
    display: none !important;
}
}
ul.product_list.list > li .right-block .right-block-content .functional-buttons a {
    cursor: pointer;
}
ul.product_list.list > li .right-block .right-block-content .functional-buttons .wishlist {
    border: medium none;
}
ul.product_list.list > li .right-block .right-block-content .functional-buttons .compare {
    padding-top: 10px;
}
ul.product_list.list > li .right-block .right-block-content .functional-buttons .compare a::before {
    margin-left: 10px;
}
@media (min-width: 1200px) {
ul.product_list.list > li:hover .product-image-container .quick-view {
    display: block;
}
}
@media (max-width: 479px) {
ul.product_list.list > li {
    text-align: center;
}
}
#index ul.product_list.tab-pane > li {
    margin-bottom: 10px;
    padding-bottom: 10px;
}
@media (min-width: 1200px) {
#index ul.product_list.tab-pane > li {
    margin-bottom: 0;
    padding-bottom: 85px;
}
}
#index ul.product_list.tab-pane > li .availability {
    display: none;
}
@media (min-width: 1200px) {
#index ul.product_list.tab-pane > li.last-line {
    border: medium none;
    margin-bottom: 0;
    padding-bottom: 0;
}
}
@media (min-width: 480px) and (max-width: 767px) {
#index ul.product_list.tab-pane > li.first-item-of-tablet-line {
    clear: none;
}
#index ul.product_list.tab-pane > li.first-item-of-mobile-line {
    clear: right;
}
}
.ie8 .quick-view {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #d6d4d4;
}

نمونه تصویر پیوست شد

[arman888]

با سپاس فراوان

اقا ممنون

امتحان میکنم نتیجه رومیگم

مایه زحمت شد

[arman888]

با درود و ادب

بابت زحمتی که کشیدید واقعا سپاسگزارم

فقط دو تا سوال دیگه هم دارم

یکی اینکه اگه محبت کنین و بفرمایین کدوم بخش کد ها رو تغییر دادین ممنون میشم

دوم اینکه یه مشکل تو پپاپ آپ دسترسی سریع هم دارم عکس پیوست و اگه مشاهده بفرمایین موقعی که مموبایل  عمودی دست گرفته شده باشه صفحه پاپ آپ بهم ریخته دیده میشه انگار برای حالت عمودی ریسپانسیونیست درحالی که ووقتی افقی میگیرم موبایلو صفحه کامل دیده میشه و خط ها بهم نمیریزه

ممنون میشم راهنماییی کنین

با سپاس

 

[javad_lee]

درود ، خواهش میکنم ، برای تشکر از دکمه \| پسندیدم |/ استفاده کنید کافیست .

توی لاین 46 و 61 تغییرات اعمال شده

مشکل نمایش سریع محصول در حالت عمودی احتمالا از قالب هست ، شما توی دمو اصلی پرستاشاپ انگلیسی هم ببینید چنین چیدمانی رو خواهید دید :

http://demo.prestashop.com/en/?view=front

موفق باشید

[arman888]

درود ، خواهش میکنم ، برای تشکر از دکمه \| پسندیدم |/ استفاده کنید کافیست .

توی لاین 46 و 61 تغییرات اعمال شده

مشکل نمایش سریع محصول در حالت عمودی احتمالا از قالب هست ، شما توی دمو اصلی پرستاشاپ انگلیسی هم ببینید چنین چیدمانی رو خواهید دید :

http://demo.prestashop.com/en/?view=front

موفق باشید

 

اره درسته تو انگلیسی هم همینطوریه

راه حل هم داره؟

[javad_lee]

متاسفانه خیر ، شاید توی ورژن های بعدی رفع بشه