در این ویدیوی آموزش ما سعی کردیم باکس جذابی را برای شما به کمک CSS ایجاد کنیم حتما این آموزش را دنبال کنید.
کد CSS مربوط به آموزش جعبه محصولات المنتور
selector{
height: 300px;
display: flex;
}
/*Show/Hide CSS*/
selector .hide-es{
display: none;
}
selector:hover .hide-es{
display: block;
}
/*Image Transform*/
selector img{
transition: ease .5s;
}
selector:hover img{
transform: translate(-20px, -40px) rotate(-25deg) scale(1.3);
}
/*Mobile Hover*/
@media (max-width: 767px){
selector:hover img{
transform: translate(-20px, 0px) rotate(-10deg) scale(1);
}
selector{
margin: 50px 10px;
}
}
18 پاسخ
لان مشکلم عدم نمایش قیمت در صفحه محصولات ، و فکر کنم از همین بخش css اضافی باشه ،
ولی نمیدونم از چه کدی استفاده کنم یا چه کدی رو پاک کنم تا درست بشه
ممنوم میشم راهنمایی بفرمایید
اسم سایت
mahsazan .com
در این صفحه قیمت محصولات نمایش داده نمیشود
**********
سلام وقت بخیر
قیمتها بهاحتمال زیاد با CSS مخفی شدهاند.
۱. بخش CSS سفارشی یا تنظیمات قالب را چک کنید و کدهایی مثل display:none روی قیمتها را حذف کنید.
۲. اگر درست نشد قالب را موقتاً به پیشفرض تغییر دهید و افزونهها را یکییکی غیر فعال کنید تا منبع مشکل مشخص شود.
سلام . من ازاین کد در قسمت ویرایش حلقه کاروسل در تب پیشرفته و قسمت css سفارشی استفاده میکنم هیچ تغییری درنام محصولات ایجاد نمیشه و محدود به یک خط نمیشن. مشکل از کجاست ؟
selector .product-title {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
سلام وقت بخیر
اگر کدی که نوشتهاید هیچ تأثیری ندارد احتمالا یکی از این مشکلات وجود دارد: یا سلکتور .product-title به درستی به عنصر مورد نظر اعمال نمیشود (ممکن است کلاس متفاوتی داشته باشد یا عنصر داخل Shadow DOM باشد)، یا اینکه عنصر شما عرض کافی ندارد تا افکت ellipsis اجرا شود. همچنین، ممکن است CSS شما توسط استایلهای دیگر بازنویسی (override) شده باشد. پیشنهاد میشود از ابزار Inspect در مرورگر برای بررسی دقیق اعمال CSS و بررسی کلاس صحیح استفاده کنید.
سلام وقت بخیر من از افزونه پاورپک استفاده میکنم ولی اسم محصولاتم خیلی طولانیه و انداره باکس هامو بهم میریزه برای درست کردنش چه کاری میتونم انجام بدم ؟؟؟
سلام درود بر شما
برای حل این مشکل و جلوگیری از بهم ریختن باکسها، میتوانی از کد CSS برای کوتاه کردن نام محصولات استفاده کنی. کد زیر را در بخش Custom CSS اضافه کن تا طول نام محصولات محدود شود و از overflow جلوگیری شود:
selector .product-title {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
این کد باعث میشود که نام محصولات طولانی به طور خودکار با سه نقطه (…) قطع شود و از بهم ریختگی باکسها جلوگیری کند. اگر میخواهی تعداد کاراکترها را محدود کنی، میتوانی از CSS برای تنظیم عرض باکسها نیز استفاده کنی.
سلام لطفا آیدی تلگرامتونو اعلام کنید. متشکرم
سلام درود بر شما
پشتیبانی دوره جامع و سوالات قبل از خرید از طریق تیکت در سایت انجام می شود .
سلام ببخشید من ووکامرس رانصب دارم ویسری محصول توفروشگاه دارم که دکمه خرید محصول در فروشگاه یا افزودن به سبد خرید بدرستی کارمیکنه اما میخوام از یه سایت دیگه یه محصولی بزارم برای فروش و ازلینک توضیحات اون محصول یا لینک خریدمحصول اون سایت استفاده کنم بصورتی که با زدن روی دکمه خرید محصول ریدایرکت به فروشگاه دیگه بشه این کار انجام میشه ولی محصولات فروشگاه خودم هم بهم میریزه وریدایرکن میشه اون فروشگاه میشه لطفا بگید راه حلش را
سلام برای اینکه مشکلی پیش نیاد می تونید از افزونه برای ساخت فیلد های سفارشی مثل افزونه acf استفاده کنید و و لینک دلخواه بدید و برای سبد خرید هم شرط قرار دهید که بازدن تیک نمایش دهد یا نه و یا از فیلد شما استفاده کند
چجوری اون لوپ رو درست کنیم
سلام اینجوری دونه دونه باید کد بدیم بهش روشی نیست یبار انجام بدیم هرموقعه محصول گذاشتیم خودش اینجوری بشه
سلام وقت بخیر
میتوانید از افزونه هایی که این قابلیت رو دارند استفاده نید مثلا در افزونه پاور پک ویجتی با نام پست پیشرفته دارد که میتوانید لوپ یا تکرار شونده ایجاد کنید
سلام وقتتنون بخیر خیلی ممنون از آموزش های عالیتون
لطف میکنید آموزش پست پیشرفته رو هم توی سایت قرار بدین؟
سلام در جلسات جلو تر اشاره شده لطفا چک کنید
سلام درود بدون درد وخونریزی با استفاده از کپی وپیست استفاده کن
آیا اگه بخواییم بصورت های دیگه نمایش داده بشه کدش فرق میکنه؟
اگر بله از کجا باید پیدا کنیم اون کد ها رو؟
سلام دوست من
یعنی به چه صورتی دوست دارید ؟