فهرست مطالب
آیا به دنبال راهی برای بهبود ظاهر و عملکرد صفحه آرشیو محصولات ووکامرس خود هستید؟ آیا میخواهید کارت حلقه محصول شما در این صفحه جذاب تر و کاربردی تر از حالت پیش فرض باشد؟ این مقاله جامع به شما آموزش میدهد که چگونه با استفاده از افزونه المنتور پرو، کارت حلقه محصولات را به طور کامل شخصیسازی کنید تا تجربهای شبیه به سایت دیجی کالا برای کاربران خود خلق کنید. ما به شما کمک میکنیم تا با ساخت یک قالب محصول در ووکامرس و اعمال آن بر روی صفحه آرشیو، فروشگاه آنلاین خود را حرفهایتر کنید. این آموزش بخشی از دوره آموزش طراحی سایت شبیه دیجی کالا با المنتور است.
چرا باید صفحه آرشیو محصولات خود را با المنتور سفارشیسازی کنید؟
سفارشی سازی صفحه محصولات ووکامرس از اهمیت بالایی برخوردار است، زیرا اولین جایی است که کاربران با مجموعهای از محصولات شما روبرو میشوند. طراحی پیشفرض ووکامرس اغلب ساده و فاقد جذابیت بصری است، که میتواند باعث کاهش نرخ کلیک و در نهایت فروش شود. با ساخت کارت محصول با المنتور، شما کنترل کاملی بر روی هر عنصر از این کارت، از جمله تصویر، عنوان، قیمت و حتی دکمههای افزودن به سبد خرید خواهید داشت. در نتیجه، آموزش ساخت صفحه آرشیو ووکامرس با المنتور یک گام حیاتی در جهت موفقیت فروشگاه اینترنتی شماست.
مزایای استفاده از المنتور برای طراحی کارت حلقه محصول
طراحی کارت حلقه محصول در ووکامرس با المنتور مزایای فراوانی دارد. یکی از مهمترین آنها، انعطافپذیری فوقالعاده در طرحبندی محصولات است. شما میتوانید به جای یک طرح ساده، از ویجتهای مختلفی مانند ویجت حلقه کاروسل برای نمایش محصولات به شکلی جذاب و پویا استفاده کنید. همچنین، المنتور به شما اجازه میدهد تا جزئیات دقیقی مانند نمایش درصد تخفیف محصول را به صورت خودکار به کارتها اضافه کنید، که این کار به جلب توجه مشتریان و افزایش فروش کمک شایانی میکند.
برای محصولات تخفیفدار، میتوانید یک بنر فروش ویژه روی کارت قرار دهید تا برجستهتر به نظر برسند. علاوه بر این، المنتور ابزارهایی برای نمایش رنگ متغیر محصول نیز فراهم میکند، که به کاربران اجازه میدهد تا گزینههای موجود را به سرعت مشاهده کنند. این ویژگیها در مجموع یک تجربه خرید شبیه به سایت دیجی کالا ایجاد میکنند.
آموزش ساخت کارت حلقه محصول در صفحه آرشیو
در این راهنمای جامع، بهصورت گامبهگام نحوه ساخت کارت حلقه محصولات در صفحه آرشیو ووکامرس با استفاده از ویجت Loop Grid در المنتور پرو را آموزش میدهیم. این روش بدون نیاز به کدنویسی و با استفاده از قابلیتهای داینامیک المنتور انجام میشود.
۱. ایجاد قالب صفحه آرشیو با المنتور
ابتدا از منوی وردپرس به مسیر قالبها > سازنده قالب > افزودن جدید بروید. نوع قالب را آرشیو محصول انتخاب کنید و یک نام مناسب مانند «قالب آرشیو محصولات» وارد نمایید. سپس قالب را ذخیره کرده و با المنتور باز کنید. در این مرحله، میتوانید از یک بلوک آرشیو پیشساخته استفاده کنید یا طراحی دلخواه خود را انجام دهید.
۲. افزودن ویجت حلقه شبکه
در صفحه آرشیو باز شده، ویجت Loop Grid را از پنل سمت چپ به صفحه ویرایش المنتور بکشید و رها کنید. پس از افزودن ویجت، از شما خواسته میشود تا یک قالب برای حلقه انتخاب کنید. در این مرحله، میتوانید قالبی که قبلاً ساختهاید را انتخاب کنید یا یک قالب جدید ایجاد نمایید.
۳. طراحی قالب کارت حلقه محصول
یک کانتینر اصلی ایجاد کنید و اجزای زیر را در آن قرار دهید:
- بخش تصویر محصول: ویجت تصویر با منبع داینامیک تصویر محصول.
- عنوان محصول: ویجت تیتر با منبع داینامیک عنوان محصول.
- سواچ رنگهای متغیر: از کد کوتاهی که در ادامه در اختیارتان قرار میدهیم استفاده کنید.
- قیمت محصول: ویجت قیمت محصول با استایل قیمت اصلی (خطخورده) و قیمت فروش.
- برچسب درصد تخفیف و بنر فروش ویژه: با ویجت برچسب یا ماژول نمایش شرطی داینامیک تنظیم کنید تا فقط برای محصولات دارای تخفیف نمایش داده شود.
پس از افزودن ویجتها، استایل دهی مناسب را انجام دهید تا کارت محصول بهصورت دلخواه نمایش داده شود.
۴. افزودن ویجت Loop Grid به صفحه آرشیو
پس از طراحی قالب حلقه، به صفحه آرشیو بازگردید و در تنظیمات ویجت حلقه شبکه، قالب ساخته شده را به عنوان قالب حلقه انتخاب کنید. سپس منبع داده (کوئری) را روی محصولات تنظیم کنید و تعداد اسلایدها و سایر تنظیمات آنرا به سلیقه خود ، انجام دهید.
نتیجهگیری
با اجرای این مراحل میتوانید یک کارت حلقه محصول حرفهای و مدرن برای صفحات آرشیو ووکامرس طراحی کنید. این کارت علاوه بر نمایش تصویر، عنوان، رنگهای متغیر و قیمت محصولات، شامل برچسب تخفیف و بنر فروش ویژه نیز خواهد بود و به کمک افکت هاور جذاب، تجربه کاربری مشابه فروشگاههای بزرگ آنلاین مانند دیجیکالا را ارائه میدهد.
سؤالات متداول (FAQ)
۱. آیا برای ساخت کارت حلقه محصول با المنتور حتما باید از المنتور پرو استفاده کرد؟
بله، برای دسترسی به ویژگیهای پیشرفته ووکامرس و ویجتهای حلقه محصول، استفاده از نسخه المنتور پرو ضروری است. این ویجتها در نسخه رایگان المنتور وجود ندارند.
۲. چگونه میتوانم درصد تخفیف را به صورت خودکار روی کارت حلقه محصول نمایش دهم؟
برای نمایش درصد تخفیف محصول میتوانید از ویجتهای داینامیک المنتور یا افزونههای جانبی استفاده کنید. المنتور پرو به صورت پیشفرض این قابلیت را پشتیبانی میکند و شما میتوانید فیلد قیمت را با یک کد کوتاه یا فیلد پویا نمایش دهید.
۳. آیا امکان نمایش رنگهای محصول متغیر در صفحه آرشیو وجود دارد؟
بله، با استفاده از افزونههای المنتور یا کدنویسی سفارشی میتوانید این قابلیت را به کارت محصول خود اضافه کنید. این کار به کاربران اجازه میدهد بدون ورود به صفحه محصول، رنگهای موجود را مشاهده کنند و انتخاب بهتری داشته باشند.
۴. طراحی سایت شبیه دیجی کالا با المنتور چقدر زمان میبرد؟
زمان لازم برای طراحی سایت شبیه دیجی کالا با المنتور به میزان تجربه شما و جزئیات مورد نیاز بستگی دارد. با این حال، با استفاده از قالبهای آماده و آموزشهای مناسب، این فرآیند میتواند در چند روز تا چند هفته تکمیل شود.
کاربران گرامی:
برای مشاهده آموزش کامل این ویدیو ، ابتدا باید عضو دوره جامع طراحی فروشگاه اینترنتی مشابه دیجی کالا باشید ، پس از عضویت ، براحتی دسترسی کامل به محتوای آموزشی کامل ویدیو و همچنین فایل ها و کدهای آماده دوره را خواهید داشت.
