تنظیمات فروشگاه ( نشان محصولات )

شما اینجا هستید:
برآورد زمان مطالعه: 2 دقیقه

بخش نشان محصولات (Product Badge) یک ابزار فوق‌العاده کاربردی و منعطف در قالب شماست. ساختار فیلد گروهی (group) در فریم‌ورک کامبوجین (CSF) به مدیر سایت اجازه می‌دهد تا به تعداد نامحدود نشان، لیبل یا اتیکت دلخواه (مثل: ضمانت اصالت، ارسال سریع، پرفروش و…) بسازد و ظاهر آن‌ها را از نظر رنگ، سایز، تصویر و انحنا کاملاً شخصی‌سازی کند.

راهنمای بخش: نشان‌های محصول (Product Badges)

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

⚙️ نکته فنی: این تنظیمات به صورت یک فیلد گروهی (تکرار شونده) طراحی شده است؛ یعنی شما می‌توانید با کلیک روی دکمه افزودن، هر تعداد نشانی که نیاز دارید را با استایل‌های کاملاً متفاوت ایجاد کنید.

🔹 ۱. تنظیمات پایه‌ای سیستم نشان‌ها

  • نشان‌های محصول فعال باشد؟ (DiginoBadge_checker):

    • عملکرد: سوئیچ اصلی روشن یا خاموش کردن سیستم نشان‌ها در کل سایت (مقدار پیش‌فرض: غیرفعال/false). با روشن کردن این گزینه، بخش مدیریت و ساخت آیتم‌ها برای شما باز خواهد شد.

🔹 ۲. فیلدهای ساخت و مدیریت آیتم‌های نشان (DiginoBadge_items)

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

📝 مشخصات ساختاری

  • عنوان (title): نام یا متنی که می‌خواهید روی نشان نوشته شود (مانند: اصالت کالا).

  • آیدی (id): یک شناسه یکتا که حتماً باید به صورت حروف انگلیسی وارد شود. سیستم از این آیدی برای شناسایی داخلی و برنامه‌نویسی نشان استفاده می‌کند.

  • این نشان فعال باشد؟ (action): با استفاده از این سوئیچ می‌توانید نمایش یک نشان خاص را موقتاً غیرفعال کنید، بدون اینکه نیاز باشد کل آیتم را حذف کنید (مقدار پیش‌فرض: فعال/true).

  • به صورت پیشفرض برای تمام محصولات فعال باشد؟ (default): در صورت روشن بودن، این نشان به طور خودکار در صفحه تمامی محصولات فروشگاه نمایش داده می‌شود (مقدار پیش‌فرض: فعال/true).

🎨 استایل و ظاهر گرافیکی

  • کلاس اختصاصی (class): یک نام کلاس CSS دلخواه (به انگلیسی) برای این نشان وارد کنید تا بتوانید در صورت نیاز، استایل‌های پیشرفته‌تر یا کدهای استایل سفارشی خود را روی این نشان اعمال کنید.

  • رنگ (color): رنگ متن یا محتوای نشان را مشخص می‌کند (مقدار پیش‌فرض: #059666).

  • رنگ پس‌زمینه (background): رنگ بک‌گراند یا باکس نشان را تعیین می‌کند (مقدار پیش‌فرض: #ecfdf7).

📐 ابعاد و فواصل (بر حسب پیکسل)

  • فاصله داخلی از سمت راست (padright): میزان فاصله متن از دیواره سمت راست نشان (بین ۱ تا ۱۰۰۰ پیکسل).

  • فاصله داخلی از سمت چپ (padleft): میزان فاصله متن از دیواره سمت چپ نشان (بین ۱ تا ۱۰۰۰ پیکسل).

  • انحنا (radius): میزان گردی گوشه‌های باکس نشان یا همان Border Radius (بین ۱ تا ۱۰۰۰ پیکسل).

  • نوار دور (borderwidth): ضخامت خط یا بوردر دور نشان (بین ۱ تا ۱۰۰۰ پیکسل – مقدار پیش‌فرض: ۱ پیکسل).

  • رنگ نوار دور (bordercolor): رنگ خط دور نشان را مشخص می‌کند (مقدار پیش‌فرض: #6ee7bf).

🖼️ افزودن تصویر یا آیکون

  • تصویر یا آیکون (picture): اگر تمایل دارید به جای متن، یک لوگو یا آیکون گرافیکی (مثل لوگوی گارانتی) نمایش داده شود، می‌توانید تصویر آن را از این بخش آپلود کنید.

    • ⚠️ توجه مهم: در صورتی که تصویری برای نشان آپلود و انتخاب کنید، متن نشان به صورت خودکار غیرفعال شده و فقط تصویر انتخابی شما در صفحه محصول نمایش داده می‌شود.

این مقاله برای شما مفید بود؟
نپسندیدم 0
بازدید ها: 1