ایجاد گالری داینامیک محصولات در ووکامرس با افزونه Woocommerce Dynamic Gallery

در هر سایتی راه های مدیریتی مختلفی برای جذب مشتریان و جلب نظر آنها صورت می گیرد که گاها هزینه هایی را نیز به دنبال خواهند داشت، اما یکی از راه های رایگان که مشتریان زیادی را به محصولات فروشگاه جذب می نماید، استفاده از گالری های تصاویر برای نمایش سایر محصولات در کنار محصول انتخابی کاربر می باشد و در مواقع برای محصولات سایت خود، در سایت خود تبلیغ کرده ایم. در این مقاله میخواهیم نحوه ایجاد گالری داینامیک محصولات در ووکامرس با استفاده از افزونه WooCommerce Dynamic Gallery را به صورت کامل و گزینه به گزینه آموزش دهیم تا به راحتی بتوانید برا محصولات خود در ووکامرس، گالری محصولات درست کنید.

افزونه Woocommerce Dynamic Gallery یک افزونه حرفه ای و کاربردی برای ووکامرس می باشد که توسط آن قادر به استفاده از تصاویر شاخص محصولات در اسلایدر داینامیک خواهید بود. در ادامه با ما و آموزش افزونه Woocommerce Dynamic Gallery همراه باشید.

در سیستم مدیریت محتوای وردپرس افزونه های زیادی وجود دارد که می تواند به ایجاد گالری داینامیک محصولات در ووکامرس بپردازد اما یکی از بهترین و برترین این افزونه ها، افزونه WooCommerce Dynamic Gallery می باشد که تا کنون که در حال نصب و فعال سازی این افزونه هستیم بیش از ۷۰۰۰ بار دانلود و نصب و فعال سازی شده است.

توجه: در این مقاله آموزشی که شما در حال مطالعه آن هستید، نسخه ۲٫۵٫۳ این افزونه مورد بحث و بررسی و آموزش قرار گرفته است.

ایجاد گالری داینامیک محصولات در ووکامرس با افزونه WooCommerce Dynamic Gallery

ابتدا آخرین نسخه از افزونه WooCommerce Dynamic Gallery را از انتهای همین مقاله آموزشی به صورت کاملا رایگان دانلود و سپس در وردپرس سایت خود نصب و فعال سازی نمایید. همچنین اگر از نحوه نصب و فعال سازی افزونه ها در وردپرس آشنایی ندارید، پیشنهاد می شود مقاله آموزشی مرتبط با نصب و فعال سازی افزونه ها در وردپرس را مطالعه نمایید تا بدین وسیله بتوانید بدون هیچگونه ابهامی افزونه های وردپرس را نصب و فعال سازی نمایید.

بعد از نصب و فعال سازی افزونه WooCommerce Dynamic Gallery گزینه جدیدی در پیشخوان وردپرس اضافه نخواهد شد. برای دسترسی تنظیمات این افزونه ابتدا وارد پنل پیشخوان وردپرس شوید و از بخش پیشخوان اشاره گر ماوس خود را روی گزینه ووکامرس نگه دارید تا زیر منوهای آن نمایان شود، حال از بخش زیر منوها روی گزینه Dynamic Gallery کلیک نمایید، تا بتوانید بدین وسیله وارد بخش تنظیمات مربوط به این افزونه شوید.

با ورود به بخش تنظیمات این افزونه همان گونه که در تصویر مشاهده می کنید. سه زبانه وجود دارد در ابتدا به تنظیمات زبانه اول یعنی Setting می پردازیم تا بتوانیم تنظیمات این بخش را به کمک آموزش های سایت وردپرسی شو به راحتی به پایان برسانیم.
همان گونه که در تصویر مشاهده می کنید در این قسمت از زبانه چندین گزینه وجود دارد که به شرح زیر می باشد
Customize Admin Setting Box Display: این بخش مربوط به تنظیمات کلی کارکرد افزونه مورد نظر می باشد.
۱-  Open Box Display: با فعال کردن این گزینه می توانید گالری تصاویر را به صورت جعبه باز نمایش دهید.
۲- Google Fonts API: با فعال کردن این گزینه و سپس وارد کردن کد API می توانید از فونت های گوگل برای گالری خود استفاده کنید.
۳- Clean Up On Deletion: با فعال کردن این گزینه تمام جداول و داده هایی که می خواهید حذف شوند  قابل بازیابی نخواهد بود.

Dynamic Gallery Image Source Option: این بخش مربوط به فعال سازی گالری داینامیک است زمانی که شما این افزونه را فعال می کنید، تمامی تصاویر به صورت پیشفرض در داخل آن قرار می گیرند و منوی گالری داینامیک به هر صفحه ای از محصول اضافه می شود.
۱- Gallery Activation Default: با انتخاب کردن این گزینه گالری داینامیک به صورت پیشفرض فعال می شود. در این حالت هیچ محصولی موجود نیست و شما باید تمام محصولات را خود تنظیم کنید.
۲- Reset Activation To Default: با فعال کردن این گزینه تنظیمات گالری داینامیک به حالت پیشفرض برگردانده می شود.

Product Feature Image: تنظیمات این بخش مربوط به تصاویر شاخص محصول می باشد.
۱- Include in Gallery: با فعال کردن این گزینه تصویر محصول به عنوان تصویر شاخص در گالری نمایش داده می شود، و با غیر فعال کردن آن تصویر محصول آپلود شده بر روی کارت محصول نمایش داده می شود نه در گالری محصول
۲- Reset Activation To Default: با فعال کردن این گزینه تنظیمات مربوط به این قسمت را به حالت پیشفرض برگردانید.
۳- VARIATION GALLERIES SUPER POWERS: این قسمت مربوط به امکانات فوق العاده گالری می باشد که در نسخه پریمیم آن قابل دسترسی است.

Image Zoom Function: تنظیمات این قسمت مربوط به بزرگنمایی تصاویر داخل گالری است.
۱- Gallery Images: در این قسمت شما می توانید زوم کردن تصاویر داخل گالری را به صورت باکس فانتزی یا باکس رنگی تبدیل کنید. البته همزمان نمی توان از هر دو استفاده کرد و یا می توانید قابلیت زوم تصاویر را غیر فعال کنید.
Gallery Image Dimensions: این قسمت مربوط به ابعاد تصاویر گالری می باشد.
۲- Gallery Images: در این قسمت با کلیک کردن روی لینک آبی رنگ ابعاد تصاویر گالری را سفارشی سازی کنید.
۳-  Gallery Thumbnails:  در این قسمت با کلیک کردن روی لینک آبی رنگ ابعاد گالری تصاویر کوچک را سفارشی سازی کنید.
در پایان می توانید تنظیمات اعمال شده را ذخیره کنید. حال به سراغ زبانه بعدی می رویم تا بتوانیم تنظیمات این زبانه را هم به کمک آموزش سایت وردپرسی شو به پایان برسانیم.

همان طور که مشاهده می کنید این زبانه شامل چندین گزینه می باشد که این گزینه ها به شرح زیر می باشند.
Gallery Dimensions: تنظیمات این قسمت از زبانه مربوط به ابعاد گالری می باشد.
۱- Gallery Type: در این قسمت می توانید نوع گالری خود را انتخاب کنید. دو گزینه واکنش گرا و ثابت دارد در حالت واکنش گرا به صورت اتوماتیک وار اندازه بندی می شود و همچنین برای دستگاه های هوشمند مانند گوشی های تلفن همراه مشکلی ندارد. ولی در حالت ثابت شما باید خود ابعاد آن را مشخص کنید
۲- Gallery Width: در این قسمت برحسب درصد عرض گالری خود را مشخص کنید.
۳- Gallery Container Height: در این قسمت ارتفاع گالری خود را به صورت پویا یا ثابت مشخص نمایید.

Gallery Image Transition Effects: تنظیمات این قسمت مربوط به جلوه های حرکت تصویر در گالری می باشد.
۱- Auto Start: برای اعمال کردن تنظیمات این بخش به صورت خودکار، این گزینه را فعال کنید.
۲- Slide Transition Effect:  در این قسمت نحوه نمایش اسلاید ها مشخص کنید.
۳- Time Between Transition: دراین قسمت زمان بین نمایش هر اسلاید را مشخص کنید.
۴- Transition Effect Speed: در این قسمت سرعت نمایش اسلاید را مشخص کنید.
۵- Single Image Transition: با فعال کردن این گزینه زمانی که فقط یک تصویر در گالری دارید می توانید آن را مخفی کنید.

۱- Background Color: در این قسمت از تنظیمات افزونه ایجاد گالری داینامیک محصولات شما می توانید یک رنگ برای پس زمینه گالری خود انتخاب کنید.
۲- Border: در این قسمت از تنظیمات افزونه ایجاد گالری داینامیک محصولات شما یک رنگ برای خطوط دور تصاویر انتخاب کنید.
۳- Border Shadow: با فعال کردن این گزینه می توانید خطوط را سایه دار کنید.
۴- Border Margin: در این قسمت از تنظیمات افزونه ایجاد گالری داینامیک محصولات شما خطوط حاشیه خارجی را مشخص کنید.
۵- Border Padding: در این قسمت از تنظیمات افزونه ایجاد گالری داینامیک محصولات شما خطوط حاشیه داخلی را مشخص کنید.
۶- Gallery Icon Display Type: در این قسمت می توانید نوع نمایش آیکون های گالری را مشخص کنید.

Image Thumbnails: تنظیمات این قسمت مربوط به تصاویر بندانگشتی می باشد.
۱- Gallery Thumbnails: با فعال کردن این گزینه گالری داینامیک برای تصاویر بندانگشتی هم اعمال می شود.
۲- Reset Activation To Default: با فعال کردن این قسمت تنظیمات مربوط به تصاویر بندانگشتی را می توانید به حالت پیشفرض برگردانید.
۳- Single Image Thumbnail: با فعال کردن این گزینه زمانی که فقط یک تصویر بندانگشتی در گالری دارید می توانید آن را مخفی کنید.
۴- Thumbnail Display: در این قسمت از تنظیمات افزونه ایجاد گالری داینامیک محصولات شما می توانید نحوه نمایش تصاویر بندانگشتی را مشخص کنید. به صورت استاتیک باشد یا اسلایدی
۵- Thumbnail Dimensions: در این قسمت از تنظیمات افزونه ایجاد گالری داینامیک محصولات شما می توانید ابعاد تصاویر بندانگشتی را مشخص کنید.
۶- Thumbnail Spacing: در این قسمت از تنظیمات افزونه ایجاد گالری داینامیک محصولات شما می توانید فاصله تصاویر را مشخص کنید.
۷- Thumbnail Columns: در این قسمت از تنظیمات افزونه ایجاد گالری داینامیک محصولات شما تعداد ستون های که تصاویر بندانگشتی به صورت گالری می خواهید نمایش داده شود را مشخص کنید. که به صورت پیش فرض ۳ ستونی است.
۸- Thumbnail Border Color: در این قسمت از تنظیمات افزونه ایجاد گالری داینامیک محصولات شما رنگ خطوط تصاویر بندانگشتی را مشخص کنید.
۹- Current Thumbnail Border Color: در این قسمت از تنظیمات افزونه ایجاد گالری داینامیک محصولات شما رنگ خطوط تصاویر بندانگشتی که اخیرا از آن استفاده کرده اید را مشخص نمایید.

Thumbnail Slider Container: تنظیمات این بخش مربوط به اسلاید های تصاویر بندانگشتی می باشد.
۱- Background Color: در این قسمت از تنظیمات افزونه ایجاد گالری داینامیک محصولات شما می توانید رنگ پس زمینه اسلاید های بندانگشتی را مشخص کنید.
۲- Border: در این قسمت از تنظیمات افزونه ایجاد گالری داینامیک محصولات شما می توانید تنظیمات مربوط به خطوط اسلاید ها را تعیین کنید.
۳- Border Shadow Effect: با فعال کردن این گزینه شما می توانید خطوط را سایه دار کنید.

GALLERY STYLES SUPER POWERS: تنظیمات این بخش مربوط به نسخه پریمیم است که ما با آن کاری نداریم.
در پایان می توانید تنظیمات مربوط به این زبانه را هم ذخیره کنید.

دانلود افزونه WooCommerce Dynamic Gallery برای ایجاد گالری داینامیک محصولات در ووکامرس