مشکل در بخش تسویه حساب

eshahnazi

تازه وارد
درسته من دقت نکرده بودم

الان چک کردم برای من درست بود و اصلا پرش هم نداشت و ثابت

ممکنه به خاطر ساید بار باشه که گذاشتی شما، الان واسه خودت هنور مشکل داره؟
اره مشکل دارم....

رزولوشن مانیتورم 1280*1024 هست...از شما چنده؟

 

eshahnazi

تازه وارد
رزولوشن فکر نکنم تاثیری داشته باشه....چون کم و زیادش کردم

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

در ضمن ساید بار رو هم برداشتم فرقی نکرد و تاثیری نداشت.

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

به نظر من باید کدی که برای حرکت سبد خرید هست رو حذف کرد تا سبد خرید ثابت جایی خودش بمونه...دیگه این مشکلات رو هم نداریم.

شما اگر بتونی این کار رو بکنی مشکل حله.

 

BahramElf

کاربر عضو
در این فایل

/public_html/wp-content/themes/storefront/inc/woocommerce/css/woocommerce-rtl.css

کد زیر هست:

woocommerce-checkout .payment-fixed {
position: fixed;
top: 0;
z-index: 9;
}


که خط 1و2 باید کامنت یا پاک بشه و

<div id="order_review" class="woocommerce-checkout-review-order payment-fixed" style="margin-left: 510px; width: 468px;">


همونطور که در کد مشخصه 510 پیکسل مارجین لفت میگیره و عرضش مشخص میشه که برای این مورد هم داخل فایل woocommerce-rtl.css برای #order_review سرچ کنید خودش margin-left: 0 داره که شما همون رو important کنید این مشکل هم برطرف میشه. در همین فایل #order_review رو سرچ کنید و عرض رو 2 درصد کم کنید

 

BahramElf

کاربر عضو
برای من مشکل برطرف شد ریسپانسیوش رو هنوز چک نکردم اما فکر نکنم مشکلی داشته باشه

 

eshahnazi

تازه وارد
<div id="order_review" class="woocommerce-checkout-review-order payment-fixed" style="margin-left: 510px; width: 468px;">


همونطور که در کد مشخصه 510 پیکسل مارجین لفت میگیره و عرضش مشخص میشه که برای این مورد هم داخل فایل woocommerce-rtl.css برای #order_review سرچ کنید خودش margin-left: 0 داره که شما همون رو important کنید این مشکل هم برطرف میشه. در همین فایل #order_review رو سرچ کنید و عرض رو 2 درصد کم کنید
من این قسمتش رو متوجه نشدم...باید دقیقا چکار کنم؟

 

BahramElf

کاربر عضو
#order_review,
#order_review_heading {
width: 39%;
float: left;
margin-left: 0 !important;
border: 3px solid #96588a;
clear: left
}
.page-template-template-fullwidth-php #order_review,
.page-template-template-fullwidth-php #order_review_heading,
.page-template-template-fullwidth-php #wc_checkout_add_ons,
.page-template-template-fullwidth-php .col2-set.addresses .col-2 {
width: 46%;
float: left;
margin-left: 0
}


این دو بلاک کد رو داخل فایل پیدا کنید و جایگزین

 

eshahnazi

تازه وارد
آقا دستت درد نکنه..از من هم درست شد و سبد خرید دیگه با اسکرول کردن جابجا نمیشه و جای خودش ثابت میمونه.

فایل سی اس اس تغییر داده شده رو من اینجا میزارم.

لازم به ذکر هست که این فایل مربوط به پوسته  Storefront  هست.

مسیری که باید جایگزین کنید:

/public_html/wp-content/themes/storefront/inc/woocommerce/css/woocommerce-rtl.css​

You must be registered for see images attach


 
بالا