ریسپانسیو نبودن سبد خرید

royairani

کاربر عضو
سلام و خسته نباشید یه شما که دارید این مطلب رو میخونید.

سبد خرید سایت من در تمامی سایز ها اوکی هستش اما در موبایل خیر.

مشگلی که وجود داره اینه :

زمانی که سبد خرید ووکامرس توی موبایل باز بشه دکمه حذف محصول نمایش داده نمیشه.

به فرض مثال :
۵ تا محصول داخل سبد خرید خودم دارم که میخوام یکیش رو حذف کنم و این موضوع برای تبلت و کامپیوتر اوکیه چون گزینه X کنار قمیت نمایش داده میشه . اما در موبایل نمایش داده نمیشه . اما اگه گوشی رو به صورتی عمودی در دست بگیرم نمایش داده میشه. و خالاصه که برای صفحه نمایش های کوچیک نمایش داده نمیشه.

برگه سبد خرید با استفاه از المان سبد خرید ووکامرس در ویژوال کامپازر گزاشته شده. این المان رو تو سایز های مختلف در صفحه تست کردم اما نشد. المان رو پاک کردم و از شورت کد در بلاک متن ویژوال استفاده کردم باز هم نشد. از شورت کد در ویرایشگر کلاسیک استفاده کردم باز هم نشد.

css این موضوع ایراد داره و نمیتونم حلش کنم .




ممنون از وقتی که گزاشتید و خوندین🌹
 

پیام یزدانیان

کاربر عضو
سلام وقت بخیر کد استایل زیر رو به کدهای استایل قالبتون اضافه کنید.


CSS:
@media only screen and (max-width: 979px) {



.shop_table:after {
    content: '';
    background: -moz-linear-gradient(left,#fff 0,rgba(255,255,255,0) 100%);
    background: -webkit-linear-gradient(left,#fff 0,rgba(255,255,255,0) 100%);
    background: linear-gradient(to right,#efeeee 0,rgba(255,255,255,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#00ffffff',GradientType=1);
    position: absolute;
    top: 0;
    left: 0;
    width: 70px;
    height: 100%;
}

.shop_table {
    display: block;
    overflow: overlay;
    
}
}
 

royairani

کاربر عضو
سلام وقت بخیر کد استایل زیر رو به کدهای استایل قالبتون اضافه کنید.


CSS:
@media only screen and (max-width: 979px) {



.shop_table:after {
    content: '';
    background: -moz-linear-gradient(left,#fff 0,rgba(255,255,255,0) 100%);
    background: -webkit-linear-gradient(left,#fff 0,rgba(255,255,255,0) 100%);
    background: linear-gradient(to right,#efeeee 0,rgba(255,255,255,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#00ffffff',GradientType=1);
    position: absolute;
    top: 0;
    left: 0;
    width: 70px;
    height: 100%;
}

.shop_table {
    display: block;
    overflow: overlay;
   
}
}
وقت بخیر ممنونم که وقت گزاشتید . خیلی لطف کردید.

کد رو گزاشتم اما نشد😥
 

پیام یزدانیان

کاربر عضو
کد رو قرار بدید و اسم استایلی ک گذاشید با لینک مستقیم اون css رو بزارین.
همچنین حالت کش هم غیر فعال کنید موقتا .
 
  • Like
واکنش‌ها[ی پسندها]: royairani

royairani

کاربر عضو
کد رو قرار بدید و اسم استایلی ک گذاشید با لینک مستقیم اون css رو بزارین.
همچنین حالت کش هم غیر فعال کنید موقتا .
سپاس گزارم بابت زمانی که میزارید اقای یزدیان

css خونده شده اما هنوز هم مشگل هست .

من دیگه گول کش سایت رو نمیخورم 😉
 

royairani

کاربر عضو
صد در صد مطمنم ک کد رو بزاریددرست می شه.
اقای یزدیان مطمئنم که css خونده میشه.

به دوتا عکس زیر نگاه کنید

You must be registered for see images attach



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

You must be registered for see images attach


من متوجه مشگل نشدم. که تداخل داره ایجاد میشه و یا اینکه css باید به طور دیگه ای نوشته بشه. شایدهم جایی دارم اشتباهی میکنم ! نمیدونم ! نظر شما چیه ؟

سپاس از این که زمان میزارید🌹
 
بالا