آیا می خواهید یاد بگیرید که چگونه یک صفحه فروشگاه شخصی ایجاد کنید؟ از WooCommerce با المنتور؟

همانطور که می دانید، Elementor Pro دارای ویژگی سازنده است از WooCommerce که به شما اجازه می دهد ایجاد یک وب سایت تجارت الکترونیک شخصی سازی شده با از WooCommerce بدون کد نویسی این ویژگی به شما امکان می دهد صفحات ووکامرس سفارشی را با استفاده از ویرایشگر بصری Elementor ایجاد کنید که یک رابط بصری ارائه می دهد.

همچنین ببینید: نحوه نصب Elementor در وردپرس

در زمان نوشتن این مقاله ، می توانید صفحات سفارشی برای صفحه فروشگاه ، صفحه محصول و صفحات بایگانی محصول (برچسب ها و دسته ها) ایجاد کنید. به زودی همچنین می توانید صفحات سفارشی برای صفحه پرداخت و صفحه سبد خرید ایجاد کنید.

در این مقاله ، ما به شما نحوه ایجاد یک صفحه فروشگاه WooCommerce سفارشی با استفاده از ویژگی سازنده WooCommerce Elementor Pro را به شما نشان خواهیم داد.

صفحه فروشگاه خود یکی از صفحات پیش فرض در ووکامرس است. این صفحه به عنوان ویترین نمایش محصولات شما عمل می کند. با رفتن به می توانید به این صفحه دسترسی پیدا کنید yoursite.com/store. به طور پیش فرض ، صفحه فروشگاه WooCommerce فقط محصولات WooCommerce را نمایش می دهد.

با ایجاد یک صفحه فروشگاه سفارشی با استفاده از Elementor Pro ، می توانید عناصری را برای جذابیت ویترین فروشگاه خود اضافه کنید.

نحوه ایجاد یک صفحه سفارشی از فروشگاه WooCommerce با Elementor

حداقل دو ابزارک Elementor وجود دارد که می توانید با استفاده از آنها صفحه سفارشی فروشگاه WooCommerce را ایجاد کنید: بایگانی محصولات و محصولات

در این مثال ، ما از مورد دوم استفاده می کنیم.

عملکرد ویجت محصولات کاملاً شبیه ویجت است نوشته ها. تفاوت در این است که ابزارک Products برای نمایش محصولات WooCommerce و ویجت Posts برای نمایش پست های وبلاگ استفاده می شود.

همچنین بخوانید: نحوه واردات یا صادرات مدلها در Elementor

لطفا توجه داشته باشید که ویجت Products را فقط می توانید هنگام نصب و فعال سازی افزونه WooCommerce پیدا کنید.

برای شروع ایجاد یک صفحه فروشگاه WooCommerce سفارشی با استفاده از Elementor Pro ، به بروید اول à الگوها -> قالب ساز در داشبورد وردپرس خود قرار دهید. روی برگه کلیک کنید محصولات بایگانی از صفحه Theme Builder ، سپس بر روی دکمه کلیک کنید افزودن آرشیو محصولات

به مدل خود یک اسم بزنید و روی دکمه کلیک کنید یک مدل ایجاد کنید.

نحوه ایجاد صفحه سفارشی برای فروشگاه WooCommerce با Elementor

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

همچنین مشاهده کنید: نحوه استفاده از Color Sampler در Elementor

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

قبل از افزودن ابزارک Products به جعبه ویرایش ، می توانید با افزودن بخش ها و ستون ها ، طرح را تعیین کنید. پس از آماده شدن طرح ، می توانید ابزارک Products را به داخل جعبه ویرایش بکشید.

همانطور که مشاهده می کنید ، ویجت Products به طور خودکار آخرین محصولات WooCommerce را بارگیری و نمایش می دهد. با باز کردن بلوک می توانید درخواست را اصلاح کنید پرس و جو زیر زبانه محتویات از پانل تنظیمات پنج گزینه برای انتخاب وجود دارد:

  • جستجوی کنونی - پرس و جو کنونی
  • آخرین محصولات - جدیدترین محصولات
  • فروش - فروش
  • برجسته - برجسته
  • Manual Selection - انتخاب دستی

همچنین می توانید ترتیب نمایش محصولات را تنظیم کنید یا موارد خاصی را حذف کنید

نحوه ایجاد صفحه سفارشی برای فروشگاه WooCommerce با Elementor

برای تنظیم تعداد ستون ها و ردیف ها ، می توانید بلوک را باز کنید محتوا زیر زبانه محتوا. از این بلوک می توانید صفحه گذاری.

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

همچنین بخوانید: نحوه استفاده از انتخابگر رنگ در Elementor

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

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

نحوه ایجاد صفحه سفارشی برای فروشگاه WooCommerce با Elementor

تا کنون ، شما با موفقیت صفحه فروشگاه WooCommerce سفارشی را با استفاده از Elementor Pro ایجاد کرده اید. میتونی بری در سایت خود.com / store برای بررسی نتیجه

ویجت محصولات را سفارشی کنید

قبل از انتشار صفحه خود ، می توانید ابزارک Products را برای جذابیت بیشتر سفارشی کنید. برای انجام این کار ، روی ویجت در جعبه ویرایش کلیک کنید و به برگه بروید سبک از پانل تنظیمات چهار بلوک وجود دارد که می توانید به صورت زیر باز کنید:

  • محصولات

می توانید این بلوک را باز کنید تا شکاف بین ستون ها و ردیف ها مشخص شود. از این بلوک می توانید تایپوگرافی (خانواده قلم ، اندازه قلم و غیره) و همچنین متن متن عناصر محصول مانند عنوان محصول ، قیمت محصول ، رتبه بندی محصول و غیره را تنظیم کنید. همچنین می توانید حاشیه تصویر محصول را تعیین کنید ،

  • جعبه

در این زمینه ، Box به ظرف هر محصول اشاره دارد. می توانید بلوک را باز کنید جعبه برای تعریف عرض حاشیه ظرف ، شعاع مرز ، سایه جعبه، رنگ پس زمینه ، رنگ حاشیه و غیره

  • صفحه گذاری

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

همچنین می توانید پارامترهای مختلفی را روی هر حالت تعریف کنید (عادی ، اشاره گر و فعال).

  • فلش کثیف

وقتی کالای جدیدی را در ووکامرس اضافه می کنید ، می توانید یک ویژگی قیمت فروش تعیین کنید تا به بازدیدکنندگان خود نشان دهد محصول مرتبط تخفیف دارد. برای تأکید بر این مورد ، می توانید ویژگی فروش را در صفحه فروشگاه نمایش دهید تا محصولات دارای تخفیف نشان فروش داشته باشند.

می توانید بلوک را باز کنید فلش کثیف برای شخصی سازی نشان فروش. شما می توانید عناصری مانند رنگ متن ، رنگ پس زمینه ، تایپوگرافی ، شعاع حاشیه ، اندازه (عرض و ارتفاع) ، فاصله و غیره را تعریف کنید ...

در پایان

WooCommerce Builder یکی از ویژگی های ارائه شده توسط Elementor Pro است. به شما اجازه می دهد ایجاد یک وب سایت پلتفرم تجارت الکترونیک شخصی و منحصر به فرد با ووکامرس و بدون کدنویسی. نیازی به نصب a تم وردپرس که ادعا می کند برای ووکامرس طراحی شده است. در عوض، می توانید صفحات سفارشی WooCommerce را خودتان با استفاده از ویرایشگر بصری Elementor ایجاد کنید.

دفعات بازدید: نحوه افزودن تقسیم کننده برای ایجاد بخش در Elementor

تا نسخه 3.2.2 ، Elementor Pro فقط به شما امکان می دهد صفحات سفارشی فروشگاه ، صفحه تک محصول سفارشی و آرشیو محصولات سفارشی را ایجاد کنید. اما Elementor اعلام کرد که در نسخه بعدی Elementor Pro ، شما همچنین می توانید یک صفحه سبد خرید سفارشی ، یک صفحه پرداخت سفارشی و یک صفحه حساب مشتری سفارشی ایجاد کنید.

اکنون Elementor Pro را دریافت کنید!

نتیجه

اینجا ! این برای این مقاله است که به شما نشان می دهد چگونه می توانید یک صفحه سفارشی برای فروشگاه WooCommerce با Elementor ایجاد کنید. اگر در مورد چگونگی رسیدن به آنجا نگرانی دارید fبه ما اطلاع دهید در نظر.

با این حال ، شما همچنین می توانید مشورت کنید منابع مااگر برای اجرای پروژه های ایجاد سایت های اینترنتی به عناصر بیشتری احتیاج دارید ، با مشورت راهنمای ما در مورد ایجاد وبلاگ وردپرس یا یکی در Divi: بهترین تم وردپرس در همه زمان ها.

اما در عین حال، این مقاله را در شبکه های اجتماعی مختلف خود به اشتراک بگذارید.

...