پرش به مطلب اصلی

ویجت‌زون‌های (ناحیه‌های نمایش) پیش‌فرض در تم‌های (قالب‌) استاندارد فروش‌گستر

در سیستم فروش گستر توسعه یافته است، از ساختار Widget Zone برای نمایش پلاگین‌ها، تبلیغات، بنرها و کدهای HTML سفارشی در نواحی مشخصی از صفحات فروشگاه استفاده می‌شود. در این مستند، لیست کامل ویجت‌زون‌های پرکاربرد که در اکثر قالب‌های استاندارد و رسمی پشتیبانی می‌شوند ارائه شده است.

نکته

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

🔹 ویجت‌زون‌های عمومی (Layout)

Widget Zoneتوضیح
head_html_tagناحیه در تگ head مناسب برای HTML Meta tags
body_start_html_tag_afterبلافاصله پس از تگ <body> – مناسب برای کدهای اسکریپت یا ردیابی
headerناحیه بالای سایت، معمولاً قسمت بالایی هدر
header_selectorsناحیه بالای سایت، آیتمهای انتخابی تنظیمات کاربری (زبان، واحد پول و مالیات) در هدر
header_links_beforeناحیه قبل از لینک‌های کاربر در هدر
header_links_afterناحیه بعد از لینک‌های کاربر در هدر
header_menu_beforeناحیه قبل از آیتم‌های منو اصلی
header_menu_afterناحیه بعد از آیتم‌های منو اصلی
container_beforeناحیه بعد از هدر
content_beforeپیش از محتوای اصلی هر صفحه
main_column_before
main_column_after
content_afterپس از محتوای اصلی هر صفحه
footerناحیه پایین سایت، قسمت بالایی فوتر
footer_collumn1ناحیه پایین سایت، ستون اول
footer_collumn2ناحیه پایین سایت، ستون دوم
footer_collumn3ناحیه پایین سایت، ستون سوم
footer_collumn4ناحیه پایین سایت، ستون چهارم
body_end_html_tag_beforeبلافاصله قبل از تگ </body> – مناسب برای کدهای اسکریپت یا ردیابی

🔹 کنار صفحه (Aside)

Widget Zoneتوضیح
left_side_column_beforeناحیه شروع محتوای ستون کنار صفحه
left_side_column_after_category_navigationبعد از نمایش درختی دسته‌بندی‌های فروشگاه
left_side_column_afterناحیه پایین ستون کنار صفحه

🔸 صفحه اصلی (Home Page)

Widget Zoneتوضیح
home_page_topبالای صفحه اصلی
home_page_before_categoriesپیش از نمایش دسته‌بندی‌ها در صفحه اصلی
home_page_before_productsپیش از لیست محصولات صفحه اصلی
home_page_before_best_sellersپیش از لیست پرفروش‌ترین‌ها (در صورت فعال بودن)
home_page_before_newsقبل از اخبار فروشگاه در صفحه اصلی
home_page_before_pollقبل از نظرسنجی در صفحه اصلی
home_page_bottomپایین صفحه اصلی

🛍️ صفحه محصول (Product Details)

Widget Zoneتوضیح
productdetails_after_breadcrumbپس از Breadcrumb در صفحه کالا
productdetails_topبالاترین بخش صفحه کالا
productdetails_before_picturesپیش از نمایش گالری تصاویر محصول
productdetails_after_picturesپس از نمایش گالری تصاویر محصول
productdetails_overview_topبعد از نام و توضیحات کوتاه کالا
productdetails_inside_overview_buttons_beforeدر ناحیه قبل از کلیدهای عملکرد کالا
productdetails_inside_overview_buttons_afterدر ناحیه بعد از کلیدهای عملکرد کالا
productdetails_overview_bottomبعد از اطلاعات کالا
productdetails_before_collateralقبل از تب‌های توضیحات، نظرات و مشخصات فنی
productdetails_add_infoدر ناحیه دکمه‌های افزودن به سبد خرید
productdetails_after_add_to_cart_buttonبلافاصله بعد از دکمه افزودن به سبد خرید
productdetails_bottomپایین‌ترین بخش صفحه کالا

📂 صفحات دسته‌بندی

Widget Zoneتوضیح
categorydetails_after_breadcrumbناحیه پس از Breacrumb در صفحه دسته بندی
categorydetails_topپس از نام دسته‌بندی
categorydetails_before_subcategoriesقبل از نمایش دسته‌بندی‌های زیرمجموعه
categorydetails_before_featured_productsپیش از نمایش محصولات ویژه در صفحه دسته‌بندی
categorydetails_after_featured_productsپس از نمایش محصولات ویژه و قبل از نوار انتخاب
categorydetails_before_product_listناحیه پیش از لیست محصولات دسته‌بندی
categorydetails_bottomپایین صفحه

🔎 صفحه جستجو

Widget Zoneتوضیح
productsearch_page_basicناحیه قبل از فرم جستجو
productsearch_page_advancedناحیه پس از فرم پیشرفته جستجو
productsearch_page_before_resultsپیش از لیست کالاهای نتیجه
productsearch_page_after_resultsپایینترین قسمت صفحه جستجو

🛒 سبد خرید و فرایند ثبت سفارش

Widget Zoneتوضیح
order_summary_content_beforeقبل از خلاصه سفارش در صفحه سبد خرید
order_summary_content_dealsبعد از وارد کردن کوپن‌های تخفیف و کارت‌هدیه
order_summary_cart_footerبعد از جدول کالاهای سبد خرید و قبل از ویژگی‌های پرداخت
order_summary_content_afterبعد از خلاصه سفارش در صفحه سبد خرید

ثبت سفارش مرحله‌ای

Widget Zoneتوضیح
checkout_progress_beforeقبل از نوار مراحل سفارش
checkout_shipping_address_middleبعد از لیست آدرس‌ها در صفحه آدرس ارسال
checkout_shipping_address_topبالای صفحه آدرس ارسال
checkout_shipping_address_bottomپایین صفحه آدرس ارسال
checkout_billing_address_topبالای صفحه آدرس صورت حساب
checkout_billing_address_middleپس از لیست آدرس‌ها در صفحه آدرس صورت حساب
checkout_billing_address_bottomپایین صفحه آدرس صورت حساب
checkout_shipping_method_bottomبالای انتخاب روش ارسال
checkout_shipping_method_topبالای صفحه انتخاب روش‌ ارسال
checkout_payment_method_topبالای صفحه روش‌های پرداخت
checkout_payment_method_bottomپایین صفحه روش‌های پرداخت
checkout_payment_info_topبالای صفحه اطلاعات پرداخت
checkout_payment_info_bottomپایین صفحه اطلاعات پرداخت
checkout_confirm_topبالای صفحه تایید سفارش
checkout_confirm_bottomپایین صفحه تایید سفارش
checkout_completed_topبالای صفحه اطلاعات نهایی سفارش
checkout_completed_bottomپایین اطلاعات نحایی سفارش
checkout_progress_afterبعد از نوار مراحل سفارش

ثبت سفارش تک صفحه‌ای

Widget Zoneتوضیح
opc_content_beforeبالای صغحه ثبت سفارش تک صفحه‌ای
op_checkout_shipping_address_topبالای تب آدرس ارسال
op_checkout_shipping_address_middleبعد از لیست آدرس‌ها در تب آدرس ارسال
op_checkout_shipping_address_bottomپایین تب آدرس ارسال
op_checkout_billing_address_topبالای تب آدرس صورت حساب
op_checkout_billing_address_middleپس از لیست آدرس‌ها در تب آدرس صورت حساب
op_checkout_billing_address_bottomپایین تب آدرس صورت حساب
op_checkout_shipping_method_bottomبالای انتخاب روش ارسال
op_checkout_shipping_method_topبالای تب انتخاب روش‌ ارسال
op_checkout_payment_method_topبالای تب روش‌های پرداخت
op_checkout_payment_method_bottomپایین تب روش‌های پرداخت
op_checkout_payment_info_topبالای تب اطلاعات پرداخت
op_checkout_payment_info_bottomپایین تب اطلاعات پرداخت
op_checkout_confirm_topبالای تب تایید سفارش
op_checkout_confirm_bottomپایین تب تایید سفارش
opc_content_afterپایین صغحه ثبت سفارش تک صفحه‌ای

👤 صفحات حساب کاربری

Widget Zoneتوضیح
account_navigation_afterبعد از منوی حساب کاربری
customer_info_block_afterبعد از فرم اطلاعات کاربری
customer_reward_pointsنمایش امتیازهای وفاداری کاربر

✳️ نکات توسعه‌دهندگان

  • برای نمایش یک پلاگین یا ماژول در یک ناحیه خاص، کافیست در کلاس IWidgetPlugin متد GetWidgetZones() را به‌صورت زیر پیاده‌سازی کنید:
public IList<string> GetWidgetZones()
{
return new List<string> { "home_page_top", "productdetails_bottom" };
}