رفتن به مطلب

هم ردیف کردن آیتمهای درون یک باکس محصول


پست های پیشنهاد شده

سلام و احترام. من میخوام آیتمهای درون باکس محصولاتم توی یک خط قرار بگیره

مثلا محصول شماره یک من عنوانش توی ۳ خط قرار میگیره و محصول شماره دو من عنوانش توی ۱ خط قرار میگیره. حالا الان به اینصورته که آیتم بعدی که میشه قیمت . توی دوتا باکس توی یک ردیف قرار نمیگیره. جا به جا هستند نسبت به هم. و به همین واسطه دکمه افزودن به سبد خرید ها هم در یک خط قرار نمیگیره. اصلا کدی که برای فیکس شدن اینا هستند چیه؟

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

لینک به ارسال

شما دارید برای هر ردیف 6 مطلب رو نشون مطمئنا همین اتفاق میفته

به نظرم تعدادش رو کمتر کنید 3  نهایت 4 مطلب

در اون حالت یک مقدار بهینه تر میشه توی css میشه تعداد خط رو مثال به 2 خط محدود کرد

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

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

لینک به ارسال

خیلی ممنونم از محبت و وقت ارزشمندی که اختصاص دادید

حقیقت اینه که چون سایز عکس کتابها هم کوچک است نمیتونم تعداد نمایش رو کمتر از ۶ قرار بدم

اگر قرار باشه عنوان محدود به ۲ خط باشه. سایز عنوان کتابها رو کوچک تر قرار میدم

ولی اینجا ممکنه عنوان یک کتاب ۱ خط باشه. باز دوباره همین مشکل پیش میاد

میدونم علاوه بر اینکه مثلا محدود به ۲ خط کنیم. کد هست که بشه تعیین کرد همه باکس ها ایتمهای درونشون توی یک خط قرار بگیرن

محبت میکنید اگه کدش رو بهم بگید من قرار بدم

یه دنیا ممنونم

لینک به ارسال

خواهش می کنم

این کد رو به استایلتون اضافه کنید

بهترین راه child theme

یا از طریق سفارشی سازی > CSS اضافه

.w-post-elm.color_link_inherit a:not(:hover), 
.color_alternate .w-post-elm.color_link_inherit a:not(:hover), 
.no-touch .w-post-elm.color_link_inherit.has_text_color > a:hover{
  overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
  -webkit-box-orient: vertical;
   -webkit-line-clamp: 1; /*  تعداد خط  */
           line-clamp: 1; /*  تعداد خط  */
  font-size: .85em /*  اندازه فونت رو به مقدار دلخواه تغییر بدید  */
}
.w-post-elm.stretched img{
  height: 235px;
  object-fit: cover
}

 

Screenshot_2021-11-03 همیار کتاب – یک سایت دیگر با وردپرس فارسی.png

لینک به ارسال

جناب اسدی عزیز خیلی خیلی ممنونم از محبت بی کران شما. واقعا شرمنده کردی. کل سایت از اون بی نظمی خارج شد. خیلی ممنونم

یکی سوال برای اطلاع خودم میپرسم

همین کد شما که عالی

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

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

مثلا تعریف بشه اگه یک باکس آیتمهاش طولانی بود. بعدش دکمه سفارش نمایش میده، باکس کناری هم دکمه سفارشش دقیقا هم ردیف باشه با باکس بغلی

اینو حتی اگه بدونید اسم این کار چی میشه من سرچ میکنم پیدا میکنم

 

باز تا همینجاشم منت گذاشتید و واقعا ممنونتونم 

pp.png

لینک به ارسال
در ۱ ساعت قبل، jump14 گفته است :

جناب اسدی عزیز خیلی خیلی ممنونم از محبت بی کران شما. واقعا شرمنده کردی. کل سایت از اون بی نظمی خارج شد. خیلی ممنونم

یکی سوال برای اطلاع خودم میپرسم

همین کد شما که عالی

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

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

مثلا تعریف بشه اگه یک باکس آیتمهاش طولانی بود. بعدش دکمه سفارش نمایش میده، باکس کناری هم دکمه سفارشش دقیقا هم ردیف باشه با باکس بغلی

اینو حتی اگه بدونید اسم این کار چی میشه من سرچ میکنم پیدا میکنم

 

باز تا همینجاشم منت گذاشتید و واقعا ممنونتونم 

pp.png

انجامش دادم دست شما درد نکنه

لینک به ارسال

به گفتگو بپیوندید

هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .

مهمان
ارسال پاسخ به این موضوع ...

×   شما در حال چسباندن محتوایی با قالب بندی هستید.   حذف قالب بندی

  تنها استفاده از 75 اموجی مجاز می باشد.

×   لینک شما به صورت اتوماتیک جای گذاری شد.   نمایش به صورت لینک

×   محتوای قبلی شما بازگردانی شد.   پاک کردن محتوای ویرایشگر

×   شما مستقیما نمی توانید تصویر خود را قرار دهید. یا آن را اینجا بارگذاری کنید یا از یک URL قرار دهید.

×
×
  • اضافه کردن...