روان کننده های نوار نقاله

/* ========================================================= WBW PRODUCT TABLE - STABLE RESPONSIVE VERSION Horizontal Scroll + Product Image + Merge Name & Short Description ========================================================= */ /* ========================================================= WRAPPER ========================================================= */ .dataTables_wrapper { display: block !important; width: 100% !important; max-width: 100% !important; overflow-x: auto !important; overflow-y: visible !important; -webkit-overflow-scrolling: touch !important; position: relative !important; } /* ========================================================= TABLE WIDTH ========================================================= */ .wtbpContentTable { width: 1920px !important; min-width: 1920px !important; max-width: none !important; table-layout: fixed !important; } /* ========================================================= جلوگیری از مخفی شدن ستون‌ها ========================================================= */ .wtbpContentTable th, .wtbpContentTable td { display: table-cell !important; word-break: normal !important; overflow-wrap: normal !important; box-sizing: border-box !important; vertical-align: middle !important; } /* Child Row */ .wtbpContentTable tr.child { display: none !important; } /* ========================================================= SKU ========================================================= */ .wtbpContentTable .sku { width: 170px !important; min-width: 170px !important; max-width: 170px !important; white-space: nowrap !important; text-align: center !important; } /* ========================================================= PRODUCT IMAGE کمی کوچکتر برای کاهش ارتفاع ردیف ========================================================= */ .wtbpContentTable .thumbnail { width: 250px !important; min-width: 250px !important; max-width: 250px !important; padding: 8px 10px !important; text-align: center !important; vertical-align: middle !important; } /* خود تصویر */ .wtbpContentTable td.thumbnail img, .wtbpContentTable .thumbnail img { width: 205px !important; height: 205px !important; min-width: 0 !important; max-width: 205px !important; max-height: 205px !important; object-fit: contain !important; display: block !important; margin: 5px auto !important; border: none !important; box-shadow: none !important; } /* لینک تصویر */ .wtbpContentTable td.thumbnail a, .wtbpContentTable .thumbnail a { display: flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; } /* ========================================================= PRODUCT NAME ========================================================= */ .wtbpContentTable .product_title { width: 420px !important; min-width: 420px !important; max-width: 420px !important; white-space: normal !important; text-align: right !important; vertical-align: middle !important; line-height: 1.65 !important; padding: 14px 20px !important; } /* لینک نام محصول */ .wtbpContentTable .product_title > a { display: block !important; margin: 0 0 5px !important; font-size: 15px !important; font-weight: 700 !important; line-height: 1.6 !important; text-align: right !important; } /* ========================================================= SHORT DESCRIPTION ========================================================= */ .wtbpContentTable .asham-merged-shortdesc { display: block !important; width: 100% !important; margin-top: 7px !important; padding-top: 7px !important; border-top: 1px solid #ededed !important; color: #646d78 !important; font-size: 13px !important; font-weight: 400 !important; line-height: 1.7 !important; text-align: right !important; white-space: normal !important; } .wtbpContentTable .asham-merged-shortdesc p { margin: 0 0 3px !important; padding: 0 !important; } .wtbpContentTable .asham-merged-shortdesc p:last-child { margin-bottom: 0 !important; } /* ========================================================= مخفی کردن ستون اصلی Short Description ========================================================= */ .wtbpContentTable th.asham-hide-shortdesc, .wtbpContentTable td.asham-hide-shortdesc { display: none !important; width: 0 !important; min-width: 0 !important; max-width: 0 !important; padding: 0 !important; border: 0 !important; } /* ========================================================= PRICE ========================================================= */ .wtbpContentTable .price { width: 130px !important; min-width: 130px !important; max-width: 130px !important; white-space: nowrap !important; text-align: center !important; } /* ========================================================= CATEGORIES ========================================================= */ .wtbpContentTable .categories { width: 300px !important; min-width: 300px !important; max-width: 300px !important; white-space: normal !important; line-height: 1.65 !important; text-align: center !important; } /* ========================================================= BRAND ========================================================= */ .wtbpContentTable .ctax-product_brand { width: 260px !important; min-width: 260px !important; max-width: 260px !important; white-space: normal !important; text-align: center !important; } /* ========================================================= CUSTOM META ========================================================= */ .wtbpContentTable .custom_meta { width: 260px !important; min-width: 260px !important; max-width: 260px !important; white-space: normal !important; text-align: center !important; } /* ========================================================= FEATURED ========================================================= */ .wtbpContentTable .featured { width: 180px !important; min-width: 180px !important; max-width: 180px !important; text-align: center !important; } /* ========================================================= TABLE HEADER ارتفاع کمتر ========================================================= */ .wtbpContentTable thead th { white-space: nowrap !important; text-align: center !important; vertical-align: middle !important; padding: 13px 10px !important; line-height: 1.4 !important; } /* ========================================================= BODY CELLS ========================================================= */ .wtbpContentTable tbody td { vertical-align: middle !important; padding-top: 10px !important; padding-bottom: 10px !important; } /* برای تصویر padding خودش حفظ شود */ .wtbpContentTable tbody td.thumbnail { padding-top: 8px !important; padding-bottom: 8px !important; } /* برای نام محصول */ .wtbpContentTable tbody td.product_title { padding: 14px 20px !important; } /* ========================================================= TOP SCROLLBAR ========================================================= */ .top-scroll-wrapper { width: 100% !important; max-width: 100% !important; overflow-x: auto !important; overflow-y: hidden !important; height: 18px !important; margin-bottom: 8px !important; -webkit-overflow-scrolling: touch !important; } .top-scroll-inner { height: 1px !important; } /* ========================================================= SCROLLBAR STYLE ========================================================= */ .dataTables_wrapper::-webkit-scrollbar, .top-scroll-wrapper::-webkit-scrollbar { height: 12px !important; } .dataTables_wrapper::-webkit-scrollbar-track, .top-scroll-wrapper::-webkit-scrollbar-track { background: #eeeeee !important; } .dataTables_wrapper::-webkit-scrollbar-thumb, .top-scroll-wrapper::-webkit-scrollbar-thumb { background: #888888 !important; border-radius: 10px !important; } /* ========================================================= TABLET روی تبلت اسکرول افقی حفظ شود ========================================================= */ @media (max-width: 1024px) { .dataTables_wrapper { width: 100% !important; max-width: 100% !important; overflow-x: auto !important; } .wtbpContentTable { width: 1750px !important; min-width: 1750px !important; } .wtbpContentTable .thumbnail { width: 220px !important; min-width: 220px !important; max-width: 220px !important; } .wtbpContentTable td.thumbnail img, .wtbpContentTable .thumbnail img { width: 180px !important; height: 180px !important; max-width: 180px !important; max-height: 180px !important; } .wtbpContentTable .product_title { width: 360px !important; min-width: 360px !important; max-width: 360px !important; } } /* ========================================================= MOBILE هر محصول تبدیل به کارت می‌شود ========================================================= */ @media (max-width: 767px) { /* اسکرول بالایی در موبایل لازم نیست */ .top-scroll-wrapper { display: none !important; } .dataTables_wrapper { width: 100% !important; max-width: 100% !important; overflow: visible !important; } /* ساختار جدول */ .wtbpContentTable { display: block !important; width: 100% !important; min-width: 0 !important; max-width: 100% !important; table-layout: auto !important; } .wtbpContentTable thead { display: none !important; } .wtbpContentTable tbody { display: block !important; width: 100% !important; } /* هر محصول */ .wtbpContentTable tbody tr:not(.child) { display: flex !important; flex-direction: column !important; width: 100% !important; margin: 0 0 14px !important; border: 1px solid #e6e6e6 !important; background: #ffffff !important; } /* همه سلول‌ها */ .wtbpContentTable tbody tr:not(.child) > td { display: flex !important; align-items: center !important; justify-content: space-between !important; width: 100% !important; min-width: 0 !important; max-width: 100% !important; padding: 9px 12px !important; box-sizing: border-box !important; border-left: 0 !important; border-right: 0 !important; text-align: right !important; white-space: normal !important; } /* تصویر */ .wtbpContentTable tbody tr:not(.child) > td.thumbnail { display: flex !important; justify-content: center !important; width: 100% !important; padding: 12px !important; } .wtbpContentTable .thumbnail img { width: 150px !important; height: 150px !important; max-width: 150px !important; max-height: 150px !important; margin: 0 auto !important; } /* نام محصول */ .wtbpContentTable tbody tr:not(.child) > td.product_title { display: block !important; width: 100% !important; min-width: 0 !important; max-width: 100% !important; padding: 12px 14px !important; text-align: right !important; } .wtbpContentTable .product_title > a { font-size: 14px !important; line-height: 1.6 !important; } .wtbpContentTable .asham-merged-shortdesc { margin-top: 6px !important; padding-top: 6px !important; font-size: 12px !important; line-height: 1.7 !important; } /* قیمت */ .wtbpContentTable .price::before { content: "قیمت"; color: #777 !important; font-size: 12px !important; font-weight: 500 !important; margin-left: 15px !important; } /* SKU */ .wtbpContentTable .sku::before { content: "کد محصول"; color: #777 !important; font-size: 12px !important; font-weight: 500 !important; margin-left: 15px !important; } /* دسته‌بندی */ .wtbpContentTable .categories::before { content: "دسته‌بندی"; color: #777 !important; font-size: 12px !important; font-weight: 500 !important; margin-left: 15px !important; } /* برند */ .wtbpContentTable .ctax-product_brand::before { content: "برند"; color: #777 !important; font-size: 12px !important; font-weight: 500 !important; margin-left: 15px !important; } /* مشخصات */ .wtbpContentTable .custom_meta::before { content: "مشخصات"; color: #777 !important; font-size: 12px !important; font-weight: 500 !important; margin-left: 15px !important; } /* Featured */ .wtbpContentTable .featured::before { content: "ویژگی"; color: #777 !important; font-size: 12px !important; font-weight: 500 !important; margin-left: 15px !important; } } /* ========================================================= MOBILE SMALL ========================================================= */ @media (max-width: 480px) { .wtbpContentTable .thumbnail img { width: 135px !important; height: 135px !important; max-width: 135px !important; max-height: 135px !important; } .wtbpContentTable tbody tr:not(.child) > td { padding: 8px 10px !important; } }