Woo Essential یک افزونه شخص ثالث است که 8 ماژول Woo Commerce جدید را به Divi Builder اضافه می کند. همچنین چندین ویژگی را برای ساده‌سازی فرآیند خرید اضافه می‌کند و به شما امکان می‌دهد محصولات و دسته‌بندی‌ها را در طرح‌بندی‌های متعدد و گزینه‌های بسیاری از ویژگی‌ها نمایش دهید. در این پست، ماژول‌ها و ویژگی‌های Woo Essential را بررسی می‌کنیم تا به شما کمک کنیم تصمیم بگیرید که آیا محصول مناسب برای نیازهای شما است یا خیر.

Woo Essential Divi Modules

Woo Essential 8 ماژول را به Divi Builder اضافه می کند. برخی از ویژگی ها به افزونه های YITH WooCommerce Compare و YITH WooCommerce Wishlist نیاز دارند. نسخه های رایگان برای این کار خوب هستند. اگر آنها را نصب نکرده باشید، اعلانی خواهید دید. کافیست روی نوتیفیکیشن کلیک کنید تا بعد از فعال سازی افزونه Woo Essential آنها را نصب و فعال کنید.

در ابتدا، همه ماژول ها را در Divi Builder نخواهید دید. در عوض، ماژولی به نام Woo Essential را خواهید دید. روی این ماژول کلیک کنید.

سپس همه ماژول‌های Woo Essential در مدال ظاهر می‌شوند. اکنون می توانید ماژول ها را به هر طرح Divi اضافه کنید تا محصولات WooCommerce را نمایش دهید.

بیایید نگاهی دقیق تر به هر یک از ماژول های Woo Essential داشته باشیم. من تنظیمات پیش فرض را نشان می دهم و سپس نمونه ای از برخی از ویژگی های طراحی را نشان می دهم.

آکاردئون دسته وو

ماژول آکاردئونی Woo Category تصاویر را برای دسته بندی محصولات نمایش می دهد. تصاویر در حالت انتظار گسترش می‌یابند تا توضیحی درباره دسته و تعداد موارد موجود در آن دسته نشان دهند. در صورت داشتن تصویر دسته بندی را نشان می دهد.

شما کنترل کاملی بر طراحی هر عنصر دارید. در این مثال، من یک کادر سایه اضافه کردم، گوشه ها را گرد کردم و رنگ و اندازه فونت را برای نام، شماره و توضیحات دسته تغییر دادم. بالشتک و ارتفاع خط را هم به توضیحات اضافه کردم.

چرخ فلک دسته بندی Woo

Woo Category Carousel یک نوار لغزنده کامل با ناوبری و اسلاید خودکار ایجاد می کند. تنظیمات زیادی برای تنظیم چرخ فلک وجود دارد.

Woo Category Grid

Woo Category Grid دسته ها را به عنوان کارت در یک شبکه نمایش می دهد. شبکه قابل تنظیم است بنابراین می توانید تعداد ستون ها را تغییر دهید.

برای این یکی، یک حاشیه اضافه کردم، گوشه ها را گرد کردم، فونت ها را تنظیم کردم و تنظیمات شمارش شبکه و فاصله را تغییر دادم.

وو رده فراماسونری

ماژول Woo Category Masonry دسته ها را در یک شبکه بنایی قرار می دهد.

در این مثال، من شماره شبکه و فاصله را تنظیم کردم و فونت ها را تغییر دادم.

آکاردئون محصول Woo

آکاردئون Woo Product مانند آکاردئون Woo Category کار می کند، با این تفاوت که خود محصولات را نمایش می دهد. برای نمایش اطلاعات محصول در حالت انتظار گسترش می‌یابد. از دکمه افزودن به سبد خرید، قیمت، رتبه بندی ستاره، توضیحات، نشان محصول ویژه، نوع نشان فروش و متن نشان فروش، مواردی را برای نمایش انتخاب کنید. شما همچنین می توانید نحوه عملکرد آکاردئون را کنترل کنید. همه ماژول های محصول به طور پیش فرض تصویر برجسته را نمایش می دهند.

در این مثال، پس‌زمینه محتوا را تنظیم کردم، رنگ‌های فونت را تغییر دادم، رنگ نشان را تغییر دادم، اندازه قلم نام محصول را افزایش دادم و رنگ دکمه افزودن به سبد خرید را تغییر دادم.

چرخ فلک محصول Woo

Woo Product Carousel محصولات را در یکی از شش گزینه طرح بندی نمایش می دهد. هر کدام شامل یک افکت مختلف ماوس بر روی دکمه ها است. همچنین می توانید انتخاب کنید که کدام موارد نمایش داده شوند، تنظیمات چرخ فلک را تنظیم کنید و غیره.

شما می توانید هر عنصر را به طور مستقل تنظیم کنید. من بسیاری از رنگ ها، حاشیه ها و فونت ها را در این مثال تنظیم کردم. پیکان پیکان را هم اضافه کردم. این طرح 3 است که سبد خرید و سایر پیوندها را در پایین تصویر در حالت شناور قرار می دهد.

فیلتر محصول Woo

فیلتر محصول Woo شبکه ای از محصولات WooCommerce را با یک فیلتر سفارشی اضافه می کند. شما می توانید انتخاب کنید که کدام یک از موارد نمایش داده شود.

شما کنترل کامل بر هر عنصر، از جمله فیلتر، شبکه، فونت ها، رنگ ها و غیره دارید. من تعدادی از رنگ ها، اندازه فونت ها را تغییر دادم و تعداد شبکه ها را در این مثال تنظیم کردم. من همچنین یک جعبه سایه هم به فیلتر و هم به شبکه محصول اضافه کردم.

شبکه محصولات Woo

ماژول Woo Product Grid محصولات را به صورت شبکه ای با بنر نشان می دهد که تعداد محصولات را نشان می دهد. 8 گزینه طرح بندی شبکه ای وجود دارد که اندازه تصویر را تغییر می دهند و دکمه ها را در مکان های مختلف در حالت انتظار قرار می دهند. می توانید موارد نمایش داده شده را انتخاب کنید. این Layout 8 را نشان می دهد که نمادها را در سمت راست تصویر و دکمه افزودن به سبد خرید را در پایین تصویر در حالت انتظار قرار می دهد.

می توانید صفحه بندی دکمه ها را به هر صفحه یا دکمه Load More اضافه کنید. من دکمه Load More را در این مثال اضافه کردم و به آن استایل دادم. این طرح 3 است که عنوان و قیمت را در زیر تصویر قرار می دهد و آیکون های نزدیک به پایین تصویر را در حالت انتظار اضافه می کند.

ویژگی های اصلی Woo

ویژگی های زیادی وجود دارد که بیشتر آنها در ماژول هایی گنجانده شده است که قابلیت هایی را به لیست های WooCommerce اضافه می کند. در اینجا مروری کوتاه بر برخی از این ویژگی ها است.

کالسکه کوچک Woo Essential Woo

ویژگی Mini Cart یک منوی پاپ آپ را به سبد خرید اضافه می کند. به طور خودکار به عنوان پیش فرض به هدر وردپرس اضافه می شود. این فقط با هدر پیش فرض کار می کند، بنابراین نمی توانید آن را به هدرهای ایجاد شده با Divi Builder اضافه کنید. این بدان معنی است که به اندازه سایر ویژگی های این افزونه انعطاف پذیر نیست. شما می توانید هر سه عنصر آن را به طور مستقل با سفارشی ساز تم سفارشی کنید.

این شامل چهار برگه تنظیمات برای تنظیمات اولیه سبد خرید، طراحی سبد خرید، دکمه مشاهده سبد خرید و دکمه پرداخت است.

نحوه عملکرد آن را کنترل کنید و اندازه، شکل، رنگ ها، فونت ها، نمادها و غیره را تغییر دهید. با پایین نگه داشتن، کلیک کردن، یا کشیدن انگشت به راست یا چپ، آن را باز کنید.

سبد خرید کوچک یک مدال کوچک را باز می کند که محتویات سبد خرید شما را نشان می دهد. همچنین بسته به تنظیمات شما می تواند پنجره ای را در سمت راست یا چپ باز کند. این مثال باز شدن مدال را در حالت انتظار نشان می دهد. گزینه Fly-In که از سمت راست یا چپ می‌چرخد، ارتفاع کامل صفحه را به مدال می‌دهد.

شما می توانید جزئیات مورد را بدون خروج از صفحه فعلی مشاهده کنید. نماد نمای سریع به چندین ماژول اضافه شده است. با کلیک بر روی این نماد جزئیات در حالت مدال باز می شود. پنجره بازشو سریع است و دیدن جزئیات محصول را بدون بارگیری صفحه دیگر آسان می کند.

جزئیات شامل تمام اطلاعات محصول مانند توضیحات، گالری، دکمه افزودن به سبد خرید، دسته بندی و غیره است.

محصولات Woo Essential Compare

با انتخاب نماد مقایسه می توانید چندین محصول را با هم مقایسه کنید. این فرآیند در ابتدا می تواند کمی دشوار باشد، بنابراین بسیاری از کاربران ممکن است ندانند که می توانند محصولات را با هم مقایسه کنند.

برای مقایسه، محصولاتی را که می خواهید مقایسه کنید به صورت جداگانه مشاهده کنید. سپس بر روی نماد مقایسه یکی از محصولات کلیک کنید. حالت مقایسه با محصولات مقایسه شده در یک جدول باز می شود. این کار می کند، اما آنقدر که من دوست دارم شهودی نیست. کمی کار طول کشید تا مشخص شود. اطلاعات مورد نیاز من در اسناد موجود بود. می‌توانید مقایسه را مرور کنید و وقتی کارتان تمام شد، مدال را ببندید.

Woo Basic Settings

Woo Essential یک پیوند به داشبورد وردپرس اضافه می کند. این لینک را انتخاب کنید تا تنظیمات باز شود. صفحه اول، صفحه اصلی، شامل پیوندهایی به پایگاه دانش، پشتیبانی و بازخورد، درخواست ویژگی و کانال DiviNext YouTube است.

برای مشاهده صفحه دوم، Modules را انتخاب کنید. در اینجا می توانید هر یک از ماژول های Woo Essential را غیرفعال یا فعال کنید. اگر بخواهید طراحی را فقط به چند ماژول محدود کنید، خوب است. همه به طور پیش فرض فعال هستند.

Woo Essential Templates

وب‌سایت ناشر شامل 8 طرح‌بندی شروع رایگان است که به شما کمک می‌کند پروژه‌های خود را شروع کنید. آنها همچنین برای کار کردن به پلاگین Divi دیگری نیاز دارند، بنابراین قابلیت استفاده آنها محدود به پلاگین هایی است که هر دو پلاگین دارند. آنها عالی به نظر می رسند و بخش های زیادی را برای استفاده فراهم می کنند.

Woo Essential را بخرید

Wii Essential در بازار Divi با قیمت 79 دلار در دسترس است. این شامل استفاده نامحدود، 30 روز ضمانت بازگشت وجه و یک سال پشتیبانی و به روز رسانی است.

پایان افکار

این برداشت ما از Woo Essentials برای Divi است. این 8 ماژول Divi گزینه های زیادی را برای شبکه های محصول و آکاردئون ها فراهم می کند. محصولات و دسته‌ها را به راحتی به نمایش بگذارید و با Divi Builder به آن‌ها سبک دهید. محتویات سبد خرید، جزئیات محصول را به راحتی مشاهده کنید و محصولات را مقایسه کنید. می‌خواهم Mini Cart را به‌عنوان یک ماژول Divi ببینم تا بتوان آن را به هدرهای ایجاد شده با Divi Builder اضافه کرد. با این حال، اگر از هدر پیش فرض وردپرس استفاده کنید، خوب کار می کند. اگر علاقه مند به گسترش صفحات محصول WooCommerce خود با شبکه های بسیار جالب هستید، Woo Essentials ارزش دیدن دارد.

ما می خواهیم از تو بشنویم. آیا Divi Essentials را امتحان کرده اید؟ نظر خود را در مورد آن در نظرات با ما در میان بگذارید.