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

[jump14 2]

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

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

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

[asadiy4n 2807]

سلام آدرس سایتتون رو قرار بدید، همین بخش رو هم با یه اسکرین شات مشخص کنید تا بررسی بشه

[jump14 2]

خیلی ممنونم 

https://hamyarketab.com/

خیلی لطف میکنید

[asadiy4n 2807]

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

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

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

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

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

[jump14 2]

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

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

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

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

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

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

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

[asadiy4n 2807]

خواهش می کنم

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

بهترین راه 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
}

 

[jump14 2]

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

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

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

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

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

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

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

 

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

[jump14 2]

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

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

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

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

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

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

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

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

 

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

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

[asadiy4n 2807]

خواهش میکنم،

با CSS میشه انجامش داد