قالب فروشگاهی مدرن و کلاسیک هنگر | The Hanger

قالب هنگر (The Hanger) قالب فروشگاهی ووکامرس ساخت Get Bowtied است و سازنده‌اش آن را برای فروشگاه‌هایی با محصول متوسط تا زیاد معرفی می‌کند. هدرش جستجوی پیشنهادی، مگامنو (Mega Menu) و دکمه فهرست دسته‌بندی‌ها دارد و صفحه فروشگاهش پنل فیلتر و نوار کناری دسته‌بندی‌های آیکن‌دار. اجرای آن به ووکامرس و چند افزونه همراه بستگی دارد.

قالب‌های دیگر را در دسته خرید قالب وردپرس از فروشگاه وردپرس نیاز ببینید.

قالب و افزونه‌های همراه The Hanger

فایل این محصول دو قالب دارد: خود قالب و قالب فرزندش (The Hanger Child). صفحه Plugins در منوی The Hanger پیشخوان فهرستی از افزونه‌ها نشان می‌دهد. قالب این‌ها را الزامی ثبت کرده است:

• WooCommerce
• The Hanger Extender
• WooCommerce HookMeUp
• WPBakery Page Builder

و این‌ها را پیشنهادی:

• Kits, Templates and Patterns
• Product Blocks for WooCommerce

روی نصب آزمایشی فارسی، افزونه‌هایی که نصب نبودند یکی‌یکی از همین صفحه، از لینک Install هر ردیف نصب و فعال شدند. فهرست، The Hanger Extender و WPBakery را با برچسب External Source آورده بود و بقیه را با برچسب WordPress Repository. ابزارک eCommerce Info و چند کد کوتاه قالب از افزونه The Hanger Extender می‌آیند: با غیرفعال‌کردن آن از فهرست ثبت‌شده‌ها رفتند و با فعال‌کردنش برگشتند.

تنظیمات قالب در سفارشی‌سازی

تنظیمات قالب در سفارشی‌سازی وردپرس (نمایش > سفارشی‌سازی) است. روی نصب آزمایشی، پس از نصب افزونه‌های بالا و وارد کردن کیت نمونه، این پنل‌ها دیده شد:

• Header: بخش‌هایی برای تنظیمات هدر، لوگو، آیکن‌ها، نوار بالایی، منوهای کشویی، هدر موبایل، هدر چسبان، مگامنو و دکمه دسته‌بندی‌ها.
• Shop: چیدمان فروشگاه، حالت کاتالوگ (Catalog Mode) و آرشیوهای سفارشی.
• WooCommerce Hooks: پنل افزونه HookMeUp با بخش‌هایی برای آرشیو فروشگاه، صفحه محصول، سبد خرید، مینی‌کارت، صفحه تشکر، تسویه حساب، ورود و ثبت‌نام و حساب کاربری.

زیر Header > Mega Menu آیتم‌های منوی اصلی فهرست شده بود و هر کدام بخش خودش را داشت. طبق مستندات سازنده، با انتخاب یک آیتم برای آن مگامنو روشن می‌شود و زیرمنوهای معمولی دیگر نشان داده نمی‌شوند. دکمه Browse Categories هم در Header بخش Mega Button دارد.

جستجو، فیلتر و دسته‌بندی‌ها در فروشگاه

در صفحه فروشگاه، با تایپ یک کلمه انگلیسی (برای آزمایش تایپ شد) در جستجوی هدر، پنل Search Suggestions زیر کادر باز شد و تصویر، نام و قیمت محصول‌های مطابق را نشان داد. طبق کد قالب، پنل حداکثر چهار محصول نشان می‌دهد و وقتی چهار نتیجه پیدا شود، پیوند View All هم می‌آید. این آزمایش بدون ورود به سایت انجام شد.

بالای شبکه محصول‌ها دکمه Filters است. در نمونه واردشده، کلیک روی آن پنلی با فیلتر قیمت (اسلایدر)، فهرست اندازه و فهرست رنگ باز کرد. طبق مستندات سازنده، ناحیه ابزارک Shop Filters به‌محض داشتن دست‌کم یک ابزارک دیده می‌شود، و کد قالب ابزارک‌های همین ناحیه را در پنل Filters چاپ می‌کند.

دکمه Browse Categories در هدر، با رفتن ماوس روی آن، فهرست دسته‌بندی‌ها را با آیکن باز می‌کند و کنار دسته‌های دارای زیرمجموعه فلش دارد.

کارت محصول‌ها پیوند نمایش سریع دارد که پنجره‌ای باز می‌کند. این پنجره نام، امتیاز، قیمت، توضیح کوتاه، پیوند Go to product page، کادر تعداد با دکمه افزودن به سبد، دکمه‌های اشتراک‌گذاری و دسته‌های محصول را دارد و در مرورگری که وارد سایت نشده بود هم باز شد.

وارد کردن فروشگاه نمونه

منوی Templates در پنل The Hanger به افزونه Kits, Templates and Patterns می‌رسد. قالب این افزونه را فقط پیشنهادی ثبت کرده است و واردکننده همین افزونه است. فهرست آن روی نصب آزمایشی برای هنگر یک کیت داشت (The Hanger Main Template Kit) و می‌شود دموی آن را وارد سایت کرد. پنجره تأیید واردکردن توصیه نمی‌کند کیت را روی سایتی با محتوای خودتان وارد کنید.

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

راست‌چین

بسته شیوه‌نامه راست‌چین خودش را دارد. روی نصب آزمایشی با سایت فارسی همان شیوه‌نامه بارگذاری شد. روی صفحه‌ای با عرض ۱۲۸۰ پیکسل، در صفحه اصلی، فروشگاه، دسته‌بندی، وبلاگ، تماس، سبد خرید و حساب کاربری لوگو و منوی اصلی نسبت به همان صفحه‌ها روی سایت انگلیسی به سمت مقابل رفتند، و در فروشگاه و دسته‌ها شبکه محصول‌ها و نوار کناری هم همین‌طور. هیچ‌یک از این صفحه‌ها در آن عرض نوار پیمایش افقی نداشت.

چیزهایی که پیش از خرید باید بدانید

• سازنده در صفحه معرفی‌اش سازگاری با ویرایشگر بلوکی، WPBakery و WPML را اعلام می‌کند. فایل پیکربندی WPML هم در قالب هست.
• طبق مستندات سازنده، علاقه‌مندی‌ها را افزونه رایگان YITH WooCommerce Wishlist می‌دهد؛ فروشگاه نسخه Premium آن را دارد.
• نصب و راه‌اندازی قالب و افزونه‌های همراهش و رفع تداخل آن‌ها با افزونه‌های دیگر جزو کارهای پشتیبانی وردپرس فروشگاه است.

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