قالب چند منظوره ریسپانسیو ووکامرس فلت سام | Flatsome

قالب فلت‌سام (Flatsome) برای چه فروشگاهی است

فلت‌سام (Flatsome) قالب چندمنظوره وردپرس از UX-Themes است که برای ساخت فروشگاه با ووکامرس طراحی شده و صفحه‌ساز بصری خودش، UX Builder، جزو همین قالب است. وردپرس نیاز آن را در بخش قالب‌های فروشگاهی و شرکتی وردپرس عرضه می‌کند.

راه‌اندازی با ویزارد قالب

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

• Contact Form 7
• Nextend Social Login
• YITH WooCommerce Wishlist

ویزارد نسخه رایگان YITH WooCommerce Wishlist را نصب کرد؛ نسخه حرفه‌ای آن هم در وردپرس نیاز هست.

مرحله محتوای نمونه، دموی قالب را درون‌ریزی می‌کند و فهرستی از گروه‌های محتوا نشان می‌دهد، از جمله فرم‌های تماس، نوشته‌ها، برگه‌ها، بلوک‌ها، محصولات، نمونه‌کار، منوها، ابزارک‌ها و تنظیمات. با اجرای آن، برگه، نوشته، محصول، بلوک، نمونه‌کار و منوی نمونه ساخته شد و صفحه اول و فروشگاه با همان محتوا باز شدند. تصویرهای نمونه همراه این محتوا نیست و خود ویزارد هم همین را می‌نویسد؛ محصول‌های نمونه با تصویر ساختگی (dummy) ساخته شدند. در مرحله لوگو و طرح، چند طرح آماده با تصویر کوچک نشان داده می‌شود و یکی از آن‌ها را انتخاب می‌کنید.

ساخت صفحه با UX Builder

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

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

سربرگ‌ساز و بخش‌های سفارشی‌سازی

قالب بخش‌های خودش را به سفارشی‌سازی (Customizer) وردپرس اضافه می‌کند؛ از جمله بخش Header برای سربرگ، بخش WooCommerce برای فروشگاه و بخش Footer برای فوتر. سربرگ‌ساز در بخش Header یک نوار بالایی و دو ردیف سربرگ، اصلی و پایین، دارد و برای رومیزی و برای موبایل یا تبلت زبانه جدا دارد. فهرست عنصرهایش جستجو، منو، حساب کاربری، سبد خرید، علاقه‌مندی‌ها، دکمه تسویه حساب و انتخاب زبان را دارد.

راست‌چین و ترجمه فارسی

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

بسته قالب فایل ترجمه فارسی دارد که بخشی از متن‌های قالب را پوشش می‌دهد. با گذاشتن و برداشتن این فایل در نصب آزمایشی دیده شد که از جمله این متن‌ها با آن فارسی می‌شوند: دکمه «مشاهده» روی کارت محصول (Quick View)، نشان «جدید»، گام‌های سبد خرید، «ادامه» و «ارسال شده در» زیر نوشته‌های وبلاگ، برچسب‌های اشتراک‌گذاری و صفحه ۴۰۴. بدون این فایل همین متن‌ها انگلیسی بودند. بعضی متن‌های قالب با این فایل هم انگلیسی ماندند، مثل برچسب‌های دنبال کردن در شبکه‌های اجتماعی، Go to top و Skip to content. نام منوها و متن بنرهای محتوای نمونه ویزارد هم انگلیسی است و باید خودتان ترجمه‌شان کنید.

فروشگاه و صفحه محصول

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

مستندات سازنده می‌گوید نمونه‌های رنگی، تصویری و برچسبی برای ویژگی‌های محصول متغیر و تصویرهای اضافه برای هر متغیر از بخش WooCommerce منوی Advanced قالب روشن می‌شوند، و منوی بزرگ (Mega Menu) از بلوک‌های UX ساخته می‌شود.

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

در فایل‌های قالب برای افزونه‌های زیر کد جداگانه‌ای هست که وقتی افزونه فعال باشد بارگذاری می‌شود:

• Polylang
• Rank Math
• Yoast SEO
• SEOPress
• All in One SEO
• WP Rocket
• UberMenu
• YITH WooCommerce Wishlist

از این فهرست فقط YITH WooCommerce Wishlist در نصب آزمایشی فعال بود و بقیه فقط از روی کد قالب فهرست شده‌اند.

پیش از خرید فلت‌سام

تصویر محصول‌ها و بنرها را خودتان می‌گذارید، چون محتوای نمونه ویزارد تصویر واقعی ندارد. کتابخانه Flatsome Studio هم برای بارگذاری به سرور سازنده وابسته است.

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