پرش به محتویات

محصول تکی (WooCommerce)

پیش‌نیاز

نوع قالب «WooCommerce - Single Product» فقط وقتی WooCommerce نصب و فعال باشد نمایش داده می‌شود.

برای طراحی چیدمان اختصاصی صفحه محصولات تکی، در Bricks قالبی از نوع «WooCommerce - Single product» بسازید.

برای ساخت این قالب، به صفحه قالب‌های Bricks بروید و قالب جدید اضافه کنید. سپس از منوی کشویی بالا-راست، نوع قالب «WooCommerce - Single Product» را انتخاب کنید:

انتخاب نوع قالب WooCommerce - Single Product

روی «Publish» یا «Save Draft» کلیک کنید. سپس «Edit with Bricks» را بزنید تا سازنده باز شود.

همچنین می‌توانید این قالب و سایر قالب‌ها را در رابط Bricks با کلیک روی آیکون Folders یا فشردن CMD / CTRL + SHIFT + L بسازید یا ویرایش کنید.

افزونه‌های شخص ثالث

اگر از افزونه‌های شخص ثالث استفاده می‌کنید، هوک‌های قالب (template hooks) را اضافه کنید.

المان‌های محصول تکی

هنگام ویرایش قالب «Single Product»، المان‌های «Products» را در بالای پنل المان‌ها می‌بینید:

المان‌های محصول تکی WooCommerce

Product title

Product title عنوان محصول را نمایش می‌دهد.

Product gallery تصاویر تعریف‌شده در باکس تصویر محصول و گالری محصول را نشان می‌دهد.

برای غیرفعال کردن زوم یا لایت‌باکس تصویر، به «Bricks > Settings > WooCommerce > Single Product» بروید.

Product short description

محتوای ویرایشگر Product short description را رندر می‌کند.

Product price

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

Product stock

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

Product meta

از Product meta برای نمایش داده‌هایی مثل SKU، دسته‌بندی‌ها یا برچسب‌های محصول، یا هر متادیتای WooCommerce استفاده کنید. برای دریافت مقادیر از داده پویا (Dynamic Data) بهره ببرید.

Product rating

امتیاز محصول را در مقیاس ۱ تا ۵ ستاره نشان می‌دهد.

Product content

محتوای اصلی محصول را همان‌طور که در ویرایشگر وردپرس نوشته شده رندر می‌کند.

Add to cart

این المان دکمه «Add to cart» را اضافه می‌کند تا محصول به سبد خرید برود. با این المان می‌توانید ورودی‌های تنوع محصول، موجودی، فیلد تعداد و ظاهر دکمه را استایل دهید.

فهرست محصولاتی را نشان می‌دهد که دسته‌بندی و برچسب مشترک با محصول اصلی صفحه دارند.

Product additional information

فهرست ویژگی‌های محصول را رندر می‌کند. این اطلاعات بخشی از المان Product tabs هم هست.

Product tabs

بخشی با تب‌های پیش‌فرض Description، Additional Information و Reviews رندر می‌کند. افزونه‌های شخص ثالث ممکن است تب‌های دیگری اضافه کنند.

Product up/cross-sells

Product up/cross-sells فهرست محصولات تعریف‌شده در بخش Linked Products را رندر می‌کند. با این المان می‌توانید محصولات upsell و cross-sell را فهرست کنید (پیش‌فرض: upsellها).

ویرایشگر محصول WooCommerce — Linked Products

ویرایشگر محصول WooCommerce — Linked Products