بعد از ایجاد محصول، برای نمایش آن در سایت باید از کادر پویای محصولات استفاده کرد. برای این منظور در ماژول مدیریت محتوا (CMS)، روی شکلک کادر پویا کلیک کنید (مورد ۱ در تصویر). سپس در صفحه‌ای که باز می‌شود، از لیست کشویی محصولات را انتخاب کرده (مورد ۲ در تصویر) و با توجه به نیاز خود یکی از انواع کادر پویا را انتخاب کنید.
کادر پویای محصولات :
برای کار با کادرهای پویا به خاطر داشته باشید که تب‌های عنوان، نحوه نمایش، رسانه مرتبط و افکت در تمامی کادرها یکسان هستند و تنها بخش پارامتر است که در کادرهای مختلف مقادیر متفاوتی دارد. به همین دلیل در اینجا تنها به توضیح بخش پارامترها پرداخته می‌شود.
برخی از کادرهای پرکاربرد ماژول محصولات
- کادرپویای محصولات - اسلایدر محصولات و محصولات مرتبط
مشخصات دیتا
در سربرگ مشخصات دیتا می‌توانید محصولات را بر اساس گروهبندی‌هایی که انجام داده‌اید انتخاب کرده و نمایش دهید:
انتخاب سایت: اگر محصولات در زیرپورتال دیگری قرار داشته باشند و بخواهید از گروهبندی آن‌ها در زیرپورتال خود استفاده کنید، کافیست از لیست کشویی سایت مورد نظر را انتخاب کرده و در صورت داشتن دسترسی به آن زیرپورتال، با کلیک روی انتخاب گروه، لیست گروهبندی‌ها را مشاهده خواهید کرد.
گروه محصولات: برای این منظور روی کلید گروه محصولات کلیک کنید و در صفحه نمایش داده شده گروه مورد نظر خود را انتخاب کرده و کلید انتخاب گروه را فشار دهید.
انصراف: برای حذف گروه روی کلید انصراف کلیک کنید.
مشخصات ظاهری
در سربرگ مشخصات ظاهری می‌توانید با تنظیم پارامترهای زیر نحوه نمایش اطلاعات را تعیین کنید:
تعداد ستون‌ها: این بخش مربوط به واکنشگرایی سایت است. می‌توانید مشخص کنید که محصولات براساس نمایشگری که بازدیدکننده سایت استفاده می‌کند، به چه شکلی نمایش داده شوند. برای مثال، در نمایشگرهای عریض، اطلاعات در ۶ ستون نمایش داده شود، در نمایشگرهای متوسط در ۴ ستون، در تبلت در ۲ ستون و در موبایل در ۱ ستون به هر عنوان اختصاص داده شود. در صورتی که این بخش را تغییر ندهید، سیستم به صورت پیش‌فرض خروجی مناسب را انتخاب می‌کند.
فاصله اسلایدها از هم: از این قسمت می‌توان تعیین کرد که هر تصویر از تصویر کناری خود چه مقدار فاصله داشته باشد. مقیاس پیکسل است.
نمایش عنوان، توضیحات مختصر، قیمت، درصد تخفیف، قبلی و بعدی، دکمه‌ها، پیغام پیگیری قیمت، دکمه خرید، لینک اطلاعات بیشتر، امتیاز کاربران، "۰ نظر": با تیک زدن هرکدام از این پارامترها می‌توانید نمایش آن‌ها را در خروجی سایت فعال یا غیرفعال کنید.
عنوان لینک آرشیو: اگر می‌خواهید تعدادی از محصولات جدید خود را در اسلایدر نمایش دهید و از طریق یک لینک کاربر را به صفحه‌ای که تمام محصولات قرار دارند هدایت کنید، در این قسمت عبارتی مانند "ادامه اخبار"، "محصولات بیشتر" و... وارد کنید.
لینک آرشیو: در این قسمت آدرس صفحه‌ای که قبلاً ایجاد کرده‌اید را وارد کنید (URL صفحه).
متن پیام تماس برای اطلاع از قیمت: جهت اطلاع مشتریان از قیمت محصول، در این قسمت متن مدنظر را وارد کنید.
ابزار
در سربرگ ابزار با تیک زدن هرکدام از این پارامترها مانند لینک به جزئیات روی عنوان، حرکت خودکار، پخش نامتناهی، نمایش دکمه خرید، عدم نمایش متن دکمه خرید، می‌توان نمایش آن‌ها را در خروجی سایت فعال یا غیرفعال کرد.
مرتب سازی
در سربرگ مرتب‌سازی می‌توانید محصولات را در یک صفحه بر اساس حالت‌های مختلف مرتب‌سازی کنید:
پیش‌فرض مرتب‌سازی محصولات: در این قسمت می‌توانید مشخص کنید که فهرست محصولات شما با چه حالت مرتب‌سازی پیش‌فرضی نمایش داده شود، مثلاً بر اساس قیمت به صورت صعودی یا نزولی.
سطح دوم مرتب‌سازی محصولات: علاوه بر مرتب‌سازی پیش‌فرض، می‌توانید سطح دیگری برای مرتب‌سازی تعریف کنید. به عنوان مثال، ابتدا بر اساس قیمت – نزولی مرتب‌سازی شود و سپس اگر چند محصول اولویت یکسان داشتند، بر اساس امتیاز آن‌ها مرتب‌سازی شود.
صفحه بندی
در سربرگ صفحه‌بندی می‌توانید نمایش تعداد محصولات را در یک صفحه کنترل کنید:
نمایش صفحه‌بندی: در صورتی که این گزینه انتخاب شده باشد و تعداد محصولات شما بیشتر از تعداد ستون‌هایی که در سربرگ مشخصات ظاهری تعیین کرده‌اید باشد، بقیه محصولات در صفحات بعدی نمایش داده می‌شوند. با کلیک روی شکلک‌های زیر اسلایدر می‌توانید به صفحات دیگر بروید.
تعداد محصولات: در این قسمت تعداد محصولات برای نمایش در اسلایدر را مشخص می‌کنید.
مشخصات تصاویر
در سربرگ مشخصات تصاویر می‌توانید با تنظیم پارامترهای موجود نحوه نمایش تصاویر محصولات در اسلایدر را مشخص نمایید :
عدم نمایش تصویر: در صورتی که این گزینه فعال باشد، تصویر محصولات نمایش داده نخواهد شد.
عرض تصویر: برای نمایش تصویر خود در اسلایدر، عرض دلخواه وارد کنید (عدد وارد شده به پیکسل است).
ارتفاع تصویر: برای نمایش تصویر خود در اسلایدر، ارتفاع دلخواه وارد کنید (عدد وارد شده به پیکسل است).
استفاده از تصویر اصلی: با فعالسازی این گزینه، سایز اصلی تصاویر محصول در اسلایدر نمایش داده می‌شود.
نمایش برند محصول/نمایش نشان محصول: برند یا نشان محصول نمایش داده می‌شود.
عرض تصویر برند/نشان: در این قسمت می‌توانید برای نمایش تصویر برند/نشان خود در اسلایدر ، عرض دلخواه وارد نمایید. (عدد وارد شده به پیکسل می‌باشد)
ارتفاع تصویر برند/نشان: در این قسمت می‌توانید برای نمایش تصویر برند/نشان خود در اسلایدر ، ارتفاع دلخواه وارد نمایید. (عدد وارد شده به پیکسل می‌باشد)
استفاده از تصویر اصلی نشان : با فعالسازی این گزینه سایز اصلی تصاویر نشان محصول را در اسلایدر نمایش می‌دهد.
در نهایت، نحوه نمایش اطلاعات از طریق کادر پویای اسلایدر محصولات در سایت به شکل زیر خواهد بود: