چگونه محصولات خود را بصورت اسلایدری نمایش بدهم؟

برای این منظور از آیتم های “تب های محصولات ajax”و “تب های محصول یا محصولات” استفاده میکنیم.

برای افزودن محصولات به حالت زیر که چند تب داشته باشد، طبق مراحل زیر عمل میکنیم.

ابتدا می بایست وارد داشبور پیشرفته شویم و صفحه مورد نظر را در حالت ویرایش باز کنیم.

  1. وارد ویرایش برگه شده و آیتم “تب های محصولات ajax” را اضافه میکنیم.

در صورتی که نیاز به آموزش کار با صفحه ساز دارید آموزش زیر را مطالعه نمایید.

چگونه با صفحه ساز ویژوال کامپوزر کار کنم؟

2. سپس وارد ویرایش این آیتم میشویم.

3. عنوان اصلی را وارد میکنیم.

در صورت تمایل میتوانید یک آیکون نیز برای آن تنظیم کنید.

در بخش سبک نیز رنگ تب های این آیتم و نحوه نمایش یا طراحی دلخواه خود را انتخاب کرده و بر روی ذخیره تغییرات کلیک میکنیم.

4. بر روی + کلیک کرده و آیتم تب های محصول را اضافه کرده و وارد ویرایش آن میشویم.

تب عمومی: #

5. در تب عمومی میتوانید: عنوان تب را وارد نمایید. در بخش آیکون نیز در صورت تمایل یک تصویر وارد نمایید.

6. دسته های مورد نظر خود را انتخاب نمایید.

برای مثال میخواهیم محصولات دسته‌ی “هودی و سویشرت” در این آیتم نمایش داده شود، پس بخشی از نام دسته را تایپ کرده و دسته را انتخاب میکنیم. میتوانید چندین دسته را انتخاب کنید.

همچنین میتوانید این بخش را خالی گذاشته تا تمام دسته ها انتخاب شده باشد.

 

7. پس از انتخاب دسته محصولات مورد نظر باید تعیین نمایید کدامین محصولات از این دسته نمایش داده شود.

تمام محصولات: کلیه محصولات دسته های انتخاب شده.

محصولات ویژه: محصولاتی که از بخش محصولات> همه‌ی محصولات ، ستاره دار کرده اید.

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

8. در بخش طرح برای اسلایدر نمایش دادن محصولات ” کروسل ” را انتخاب میکنیم.

در بخش “اسلایدر برای هر نما” نیز میتوانید تعداد ستون های محصولات خود را وارد نمایید.

در اینجا 5 انتخاب شده است، یعنی 5 محصول در هر اسلاید نمایش داده میشود.

9. در بخش صفحه ساز نیز تعداد محصولات این تب را مشخص نمایید.

دقت نمایید عدد بالای 20 وارد ننمایید تا سرعت سایت شما کاهش پیدا نکند.

تب طراحی: #

10. در تب طراحی نحوه‌ی نمایش اطلاعات محصول هنگامی که موس بر روی آن میرود را انتخاب نمایید.

تب تنظیمات اطلاعات: #

11. در تب تنظیمات اطلاعات میتوانید تعیین نمایید ترتیب محصولات شما بر چه اساسی باشد.

در مرحله 6 و 7 تعیین کردید که کدام محصولات شما از کدام دسته نمایش داده شود؛ در اینجا تعیین میکنید این محصولات به چه ترتیبی نمایش داده شود.

12. در انتها ذخیره تغییرات را میزنیم.

برای افزودن تبهای بیشتر نیز به راحتی میتوانید بر روی مثبت کلیک نمایید.

یک مثال برای تنظیمات این آیتم #

در مرحله 6 هیچ دسته ای را انتخاب نمیکنیم و این بخش را خالی میگذاریم.

در مرحله 7 تمام محصولات را انتخاب میکنیم.

در مرحله 11 نیز تاریخ را انتخاب و مرتب کردن را بر روی کاهشی قرار میدهیم.

با این کار آخرین محصولات بارگذاری شده در سایت نمایش داده میشود.

قدرست گرفته ازBetterDocs