در این آموزش با کمک بخش و ستون در المنتور بدون نیاز به افزونه جانبی باکس هایی ایجاد میکنیم که در المنتور به صورت ZOOM قرار بگیرد.
کدهای CSS مربوط به آموزش :
/*برای زوم بکگراند*/
selector{
overflow: hidden !important;
}
selector .elementor-background-overlay{
-webkit-transition: all 0.5s !important;
transition: all 0.5s !important;
-webkit-transform-origin: left;
transform-origin: left;
}
selector:hover .elementor-background-overlay{
-webkit-transform: scale(2);
transform: scale(2);
}selector .elementor-column{
opacity: 0;
-webkit-transition: all 0.75s !important;
transition: all 0.75s !important;
}
selector:hover .elementor-column{
opacity: 1;
}
29 پاسخ
درود ببخشید اگر بخواهیم css را یاد بگیریم آموزشی دارید
سلام درود بر شما
برای این مورد در دوره جامع طراحی سایت آموزش داده ایم
سپاسگزارم
سلام وقت بخیر مگه بخش داخلی ترکیب کاتینتر نیست یعنی ما تو کانتینر نمیتونیم ایتم بزاریم ولی با کمک بخش داخلی میشع چرا و بعد من بخش داخلی ندارم استاد تو المتور پرو چرا!
سلام وقت بخیر
بخش داخلی قدیمی شده و در نسخههای جدید المنتور با کانتینر جایگزین شده است. الان آیتمها را مستقیماً داخل کانتینر میگذارید.
البته من کانتیر دارم نه بخش داخلی. ربطی به این داره؟
سلام بله باید برای کانتینر بهینه سازی کنید بزودی ما کد رو بهینه سازی میکنیم
سلام من دقیقا عین اموزش پیش رفتم اما وقتی کد ها رو پیست میکنم کنار اکثر خط کد ها، علامت مثلث تعجب میاد و کار نمیکنه . لطف میکنید راهنمایی کنید
سلام و خسته نباشید استاد،من از افزونه Jet Compare & Wishlist برای مقایسه محصول استفاده میکنم و برای مشخصات محصول از افزونه product specifications استفاده میکنم ولی ویزگی محصولات در مقایسه جت نمایش داده نمیشه و ویژگی هارو باید در قسمت اطلاعات محصول پیش فرض ووکامرس بنویسم.میخواستم مشخصات محصولی که در جدول product specifications نوشتم نمایش داده بشه.
سلام وقت بخیر
بهصورت پیشفرض اطلاعات را از بخش ویژگیهای ووکامرس میخواند، اما برای نمایش مشخصات باید مشخصات را در فیلدهای متای سفارشی ذخیره کنید و آنها را با جت انجین یا یک کد PHP به مقایسه اضافه کنید.
ممنون مرسی استاد،روش انجامش رو شرح میدین با کد PHP
سلام عرض ادب
همه کار ها انجام دادم ولی کد اجرا نمیشه لطفا راهنمایی کنید
سلام وقت بخیر
باید دقیقا بگید کجا مشکل دارید تا راهنمایی کنیم
سلام
علت از کانتینر بود باید با بخش داخلی کار بشه ، با کانتینر کدcssاجرا نمیشه
با تشکر از پیگیری شما
سلام درود بر شما بله این آموزش با بخش داخلی می باشد بزودی کد ها را بهینه سازی خواهیم کرد
ببخشید میشه توضیح بدین تفاوت کانتینر با بخش داخلی چیه
و اینکه ،در طراحی بهتره از کدوم استفاده کنیم
چون استاد همیشه از بخش داخلی استفاده می کنند
ممنون میشم راهنمایی کنید با تشکر!!
سلام خدمت شما
کانتینر توی المنتور یه ابزار مدرنتر و انعطافپذیرتره که با سیستم Flexbox کار میکنه، ولی بخش داخلی همون ساختار قدیمیتره که از CSS Grid سادهتر بهره میبره. کانتینر برای طراحیهای پیچیده و ریسپانسیو بهتره، چون آزادی عمل بیشتری توی چینش آیتمها داری. اما بخش داخلی برای طرحهای ساده یا وقتی تازهکاری راحتتره. اگه استادتون با بخش داخلی کار میکنه، شاید برای شروع سادهتر باشه، ولی پیشنهاد میکنم کمکم کانتینر رو هم یاد بگیرین چون آینده المنتور روی اونه
سلام وقتتون بخیر من برا محصولاتم از گرید جت انجین استفاده میکنم وقتی که کد رو میزنم و روی محصول هاور میکنم کل محصولاتم زوم میشن بخاطر گریدی که ساختم باید چیکار کنم این مشکل برطرف شه ممنون از سایت خوبتون
سلام
توی نسخه جدید با کانتینر ها نمیشه انجام داد باید چیگار کرد
سلام درود بر شما
میتوانید وارد پیشخوان > المنتور > تنظیمات شوید سپس وارد قسمت تب پیشرفته شوید و گزینه کانتینر فلکس باکس را غیرفعال کنید و از بخش داخلی استفاده کنید
سلام وقتتون بخیر ی سوالی داشتم من وقتی کد رو قرار میدم توی المنتور همه چی اوکیه( توی المنتور هر سه تا زوم میشن) ولی روی سایتم فقط یدونه از سه تا زوم میشه اون دوتای دیگه هیچ تغییری نمیکنند چیکار باید بکنم؟؟؟؟؟
سلام
ما در کد از selector استفاده کردیم و css رو به ستون بدید فقط در ستون اعمال میشود و باید به بخش اصلی دهید .
من کد رو به بخش اصلی داده بودم ولی الانم باز امتحان کردم نشد، توی المنتورم زوم میشه و همه چی اوکیه ولی توی سایتم زوم نمیشه(واقعا باید چیکار کنم درست شه)
سلام به جای selector یک کلاسی تعیین کنید برای بخش خود و از آن کلاس به جای selector استفاده کنید و تست نمایید .
سلام شما این کدهای css رو از کجا تهیه میکنید و از کجا میشه فهمید کارایی هر css کد چیه؟
سلام وقت بخیر
برای آموزش css میتوانید از سایت زیر استفاده کنید
آموزش css رایگان
عالی، زیبا جادار مطمئن
آموزش عالی و با کیفیت بود
فقط اگر بخواهیم که کل اون بخش داخلی و محتویاتش لینک هم داشته باشه امکان پذیر ؟
منظورم اینه که موس روی هر قسمت از بخش داخلی کلیک کرد به یک لینک یا صفحه هدایت بشود
سلام وقت بخیر
بله کافیه در قسمت پیوند هر ویجتی که استفاده میکنید لینک بدید یا از آموزش لینک دار کردن ستون در المنتور استفاده کنید.