ساخت اسلایدر واکنش گرا در ووکامرس با YITH WooCommerce Product Slider Carousel

ساخت اسلایدر واکنش گرا در ووکامرس

سلام؛

ما انسان ها همگی ذاتا هر آنچه باعث جذابیت و زیبایی در کارمان شود را دوست داریم و گرایشمان را به آن سمت می بریم. در ساخت یک سایت نیز تمام تلاش خود را می کنیم تا به بهترین شکل طراحی خوبی صورت گیرد تا برای کاربرانی که به سایت ما می آیند جلوه ای زیبا داشته باشد و همچنین در کنار زیبایی باید به موضوع دسترسی آسان و راحت کاربران هم فکر کنیم.

در حال حاضر که یک فروشگاه اینترنتی داریم باید بیش از همه به فکر راحتی مشتریان خود باشیم و سطح دسترسی ها را تا جایی که امکان دارد راحت کنیم و در عین حال به زیبایی فروشگاه خود دقت کنیم. در ووکامرس این امکان وجود دارد که محصولات را به صورت اسلایدر در قسمتی از سایت قرار دهیم تا با توجه به برنامه ای که به آن می دهیم مثلا آخرین محصولات و جدیدترین ها را به صورت اسلایدر متحرک نمایش دهد یا اینکه دسته ای خاص را به نمایش بگذارد تا هم برای مشتریان جذاب باشد و هم راحت تر بتوانند محصولات مورد نظر را پیدا کنند.

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

افزونه YITH WooCommerce Product Slider Carousel

yith product slider hamyarwp

به پیشخوان وردپرس رفته و افزونه را نصب می کنیم. پس از فعال سازی افزونه در زیر منوی yith plugins گزینه ی ” Product Slider Carousel” مشاهده می شود. با کلیک بر روی آن به بخش تنظیمات افزونه منتقل خواهیم شد. دارای دو بخش تنظیمات می باشد.

General settings

general settings hamyarwp

و سایر تنظیماتی که با آن آشنایی دارید.

Content settings

content setting hamyarwp

Title: انتخاب عنوان مناسب برای اسلایدر 
Show Title: نمایش عنوان
Choose Product Category: انتخاب دسته ای برای محصول

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

slider shortcode hamyarwp

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

select slider hamyarwp

سپس بر روی دکمه ی Insert کلیک کنید تا در برگه قرار گیرد.

product slider hamyarwp

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

جمع بندی! 

چنانچه می خواهید تصاویر خود را به شیوه ای جدید در معرض دید مشتریان قرار دهید یا آن ها را دسته بندی کنید می توانید آن ها را به صورت اسلایدر به نمایش درآورید که هم جذاب باشد و هم دسترسی راحت تری را برای مشتری به ارمغان آورد.

دانلود افزونه YITH WooCommerce Product Slider Carousel

سوالات متداول

امکانی که به سایت شما جذابیت به همراه call to action می دهد که موارد مهم را در آن به نمایش بگذارید.
تقریبا تمامی سایت ها می توانند از اسلایدر برای به نمایش گذاشتن ایونت ها و موارد مهم بهره مند شوند.
با کمک افزونه YITH WooCommerce Product Slider Carousel
دانلود صفحه افزونه
آیا این مقاله برای شما مفید بود؟
تقریبا
خیر

دیدگاهتان را بنویسید

ارسال دیدگاه به معنی این است که شما ابتدا قوانین ارسال دیدگاه را مطالعه کرده‌اید و با آن موافق هستید.

دیدگاه‌های این نوشته جدید ترین ها شاخص

  1. سلام امکان این وجود داره که اسلایدر در صفحه اصلی نمایش داده بشه؟در برگه ها نمایش داده میشه ، اما تو صفحه اصلی سفید میاره

  2. باسلام
    میخواستم یه نوار محصولات مثل همین YITH داشته باشم برای همین نسخه پرمیوم اون رو دانلود و نصب کردم الان خیلی بد نشون میده بجای اینکه قطاری محصولات چیده بشن همشون قاطی هستن و بهم ریخته! چیز زیادی نمیخوام یه نوار محصولات فقط ولی همه افزونه ها یه مشکلی دارن تو این قضیه
    در ضمن تو عکس آخری که گذاشتین Insert رو که میزنم هیچ عکس العملی نشون نمیده و شورت کد نمیسازه ، لطفا راهنماییم کنید چیکار باید بکنم؟ آیا اسلایدر بهتری هست که ساده بتونم چندتا از محصولات سایتم رو بصورت نواری قرار بدم؟ ممنون

  3. سلام
    یه پیشنهاد دارم ؛ همه افزونه های YITH پریمیومه اگر امکان داره همیار خریداری کنه با لایسنس برا فروش بزاره که بشه از تمام امکاناتش استفاده کرد

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

    • 11 سال عضو همیار وردپرس

      سلام
      بله میتونید و ربطی به قالب نداره.

    • ممنون از پاسختون
      میشه افزونه ای که مانند سایت کافه بازار https://cafebazaar.ir/ محصولات رو میشه با ماوس هم پیمایش کرد معرفی کنید؟ با تشکر از شما

  5. سلام
    میشه یه فیلم اموزشی فقط در مورد شورت کد ها درست کنین
    اینکه چی هستن و چه جوری استفاده میشن
    ؟؟؟
    ممنون

  6. ممنون از سایت خوبی که دارید واقعا کمک میکنید