قالب فروشگاهی وردپرس شاپ کیپر Shopkeeper

شاپ کیپر (Shopkeeper) قالب فروشگاهی ووکامرس است و ظاهر فروشگاه، هدر، کارت محصول، صفحه محصول و وبلاگ را از بخش سفارشی‌سازی وردپرس تنظیم می‌کنید. قالب ووکامرس و افزونه‌های Shopkeeper Extender و HookMeUp را الزامی ثبت کرده است. شیوه‌نامه راست‌چین در خود قالب هست و فروشگاه‌های نمونه‌اش با المنتور ساخته شده‌اند.

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

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

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

• WooCommerce
• Shopkeeper Extender
• WooCommerce HookMeUp

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

• Elementor Page Builder
• Elementor Pro Elements
• Kits, Templates and Patterns
• WPBakery Legacy Page Builder
• WooCommerce Wishlist

روی نصب آزمایشی فارسی، Shopkeeper Extender و HookMeUp از مخزن وردپرس نصب و فعال شدند. در فهرست قالب، Elementor Pro Elements و WPBakery با منبع External Source آمده‌اند؛ Pro Elements را واردکننده کیت‌ها نصب کرد و WPBakery را نصب نکردیم.

HookMeUp طبق توضیح خودش به کسی که برنامه‌نویس نیست اجازه می‌دهد بنر، محتوای اضافه یا کد کوتاه را در جاهای مشخص صفحه‌های فروشگاه بگذارد، بدون دست زدن به کد قالب. گزینه‌هایش در سفارشی‌سازی زیر WooCommerce Hooks است و بخش‌هایی برای بایگانی فروشگاه، صفحه محصول، سبد خرید، ویجت سبد خرید، صفحه تشکر، تسویه حساب، ورود و ثبت‌نام و حساب کاربری دارد.

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

در سفارشی‌سازی وردپرس (نمایش > سفارشی‌سازی) این پنل‌ها و بخش‌ها روی نصبی دیده شد که فقط قالب و ووکامرس در آن فعال بودند:

• Header: چیدمان هدر، رنگ‌ها، هدر شفاف با طرح روشن و تیره، لوگو و لوگوی جدا برای موبایل، نوار بالایی، هدر چسبان، جستجو و هدر موبایل. بخش Header Elements برای آیکن سبد خرید، حساب کاربری، جستجو و کشوی کناری (Off-Canvas) کلید جدا دارد و برای هر آیکن می‌شود تصویر دلخواه گذاشت.
• Shop: در Product Card عکس دوم محصول هنگام رفتن ماوس روی کارت، ستاره‌های امتیاز، نمایش دکمه افزودن به سبد (هنگام رفتن ماوس یا همیشه) و انیمیشن کارت تنظیم می‌شود. Product Badges متن و رنگ نشان فروش ویژه، نمایش درصد تخفیف، نشان محصول جدید و نشان ناموجود را دارد. Shop Notifications و Catalog Mode هم همین‌جا هستند.
• Product Page: چیدمان‌های Default و Cascade و Scattered، سبک‌های مختلف کادر تعداد، بزرگ‌نمایی و لایت‌باکس گالری، محصول‌های مرتبط با تعداد قابل تنظیم، ناوبری بین محصول‌ها، تب دیدگاه‌ها، افزودن به سبد با ایجکس (طبق توضیح خود قالب فقط برای محصول ساده) و غیرفعال‌کردن متغیرهای ناموجود.
• Blog: بایگانی نوشته‌ها با چیدمان شبکه‌ای سه‌ستونه، تک‌ستونه یا مسانری و صفحه‌بندی کلاسیک، دکمه بارگذاری بیشتر یا اسکرول بی‌نهایت، و تنظیم نوار کناری، نویسنده، تاریخ و دسته‌ها در Single Post.
• Fonts: منبع فونت تیترها و متن می‌تواند پیش‌فرض قالب، گوگل فونت، فونت‌های امن وب، فونت سفارشی یا Adobe TypeKit باشد.
• Styling و Footer: رنگ متن، تیترها و رنگ اصلی، تصویر پس‌زمینه، رنگ‌های فوتر، متن کپی‌رایت و دکمه بازگشت به بالا.

قالب در سفارشی‌سازی به بخش «کاتالوگ محصول» پنل ووکامرس هم گزینه اضافه می‌کند: تعداد محصول در هر ردیف روی موبایل، مسیر راهنما، شمارش محصول، سبک نوار کناری (On Page یا Off-Canvas)، سبک صفحه‌بندی و سبک نمایش دسته‌ها.

دو گروه گزینه فقط با افزونه‌های همراه آمدند. Shopkeeper Extender در Product Page کلیدهای اشتراک‌گذاری فیسبوک، توییتر و پینترست و Facebook Open Graph را اضافه می‌کند، در Footer آیکن‌های شبکه اجتماعی را و یک بخش Social Media را. گروه Wishlist در Header Elements هم فقط وقتی هست که افزونه علاقه‌مندی‌های YITH فعال باشد.

حالت کاتالوگ

Catalog Mode در بخش Shop سفارشی‌سازی است و سازنده آن را برای نمایش محصول‌ها بدون امکان خرید معرفی می‌کند. روی نصب آزمایشی، با روشن‌کردنش در صفحه محصول دکمه افزودن به سبد و کادر تعداد دیده نشدند و آیکن سبد خرید هدر هم رفت؛ آیکن علاقه‌مندی ماند. با خاموش‌کردنش همه برگشتند.

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

منوی Templates در پنل Shopkeeper به افزونه Kits, Templates and Patterns می‌رسد، افزونه‌ای از مخزن وردپرس که کیت‌های آماده را وارد می‌کند. روی نصب آزمایشی، فهرستش ۲۳ کیت سازگار با شاپ کیپر نشان داد، از جمله کیت‌های مبلمان، غذا، اسباب‌بازی، ساعت، کفش و لوازم اداری. فهرست از آدرس سازنده خوانده می‌شود و هر کیت در اطلاعاتش المنتور را صفحه‌ساز خود معرفی می‌کند.

کیت مبلمان را وارد کردیم. واردکننده WooCommerce Wishlist و Elementor Pro Elements و Regenerate Thumbnails را نصب کرد. بعد از آن سایت صفحه اصلی، درباره ما و تماس با ساختار المنتور، صفحه وبلاگ، محصول‌های نمونه، چند نوشته و منوی اصلی داشت؛ نام سایت به Shopkeeper تغییر کرده بود و صفحه اصلی و صفحه وبلاگ به‌عنوان صفحه نخست و صفحه نوشته‌ها تنظیم شده بودند. پنجره هشدار واردکننده می‌گوید روی سایتی که از قبل محتوا دارد وارد نکنید و برای نتیجه‌ای مثل دمو آن را روی نصب تازه وردپرس اجرا کنید؛ به گفته‌اش نوشته‌ها و برگه‌های موجود پاک یا عوض نمی‌شوند.

راست‌چین

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

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

• سازنده در صفحه معرفی‌اش سازگاری با ویرایشگر بلوکی و Elementor و Visual Composer و WPBakery و WPML و Gravity Forms را اعلام می‌کند. از این‌ها فقط کیت‌های المنتوری را وارد کردیم.
• نصب و راه‌اندازی قالب و افزونه‌های همراهش و رفع تداخل آن‌ها با افزونه‌های دیگر جزو کارهای پشتیبانی وردپرس فروشگاه است.