شخصی‌ سازی صفحات پیشفرض ووکامرس با WooCommerce Customizer

شخصی‌ سازی صفحات ووکامرس شخصی‌ سازی صفحات ووکامرس

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

  1. از قالب‌های سازگار با ووکامرس استفاده کنید. این کار بیش از تمامی روش‌ها پیشنهاد می‌شود. (اگر از قالب‌‌ های وردپرس جدید استفاده کنید، تا حد زیادی این مشکل برطرف خواهد شد، زیرا در حال حاضر اکثر قالب‌ها با ووکامرس هماهنگ هستند.)
  2. قالب موجود را با برنامه نویسی و رفع مشکلات هماهنگ کنیم. (نیازمند وجود یک فرد مختصص هستیم)
  3. به افزونه‌هایی که نصب می‌کنیم دقت کنیم و استاندارد و سازگار بودن آن را بصورت کامل بررسی کنیم.
  4. از ویرایشگر استانداردی برای ووکامرس کمک بگیریم!

شخصی‌ سازی صفحات ووکامرس

به غیر از مورد اول، دو مورد دیگر را چگونه سازگار کنیم؟ چطور این روش‌ها را انجام دهیم؟
امروز در سری آموزش ووکامرس در خدمت شما هستیم و قصد داریم افزونه‌ای را به شما معرفی کنیم که می‌تواند ویرایشگر خوبی برای شخصی‌ سازی صفحات ووکامرس که بصورت پیش‌فرض پس از نصب ووکامرس، ایجاد می‌شوند، باشد و ناسازگاری‌ها را تا حد ممکن از بین ببرد. اگر دوست دارید این روش را بیاموزید با ما همراه باشید.

افزونه WooCommerce Customizer

woocommerce customizer- شخصی‌ سازی صفحات ووکامرس
افزونه WooCommerce Customizer

با استفاده از افزونه‌ای به نام Woocommerce Customizer می‌توان تا حدی عدم هماهنگی را رفع کرد. البته این ویرایش بیشتر روی متن اثرگذار است اما از نظر ظاهری هم می‌توان تغییراتی را ایجاد کرد. ببینیم روش کار به چه صورت است…

نکته!!!  بعضی از قسمت‌های ووکامرس مثل عکس‌ها در تنظیمات ووکامرس امکان تغییر اندازه و … دارند و در نهایت می‌توان هماهنگی نسبی را بین قالب و ووکامرس ایجاد کرد.

نصب و راه‌اندازی افزونه

همانند همه افزونه‌ها این افزونه را در پیشخوان وردپرس و در مسیر پلاگین‌ها نصب و فعال می‌کنیم. با نصب این افزونه برای سه صفحه مهم و کاربردی مانند صفحات فروشگاهی، صفحه محصول و صفحه پرداخت می‌توانیم تغییراتی را انجام دهیم. در واقع قرار است امکان شخصی‌ سازی صفحات ووکامرس را با کمک آن فراهم کنیم.
برای دیدن بخش تنظیمات این افزونه، به بخش ووکامرس و سپس پیکربندی مراجعه می کنیم و در آن تب “سفارشی‌ساز” را می‌بینیم.

سفارشی‌ساز

customizer- شخصی‌ سازی صفحات ووکامرس
تنظیمات افزونه WooCommerce Customizer

این تب در درون خود دارای چهار بخش اصلی است. این چهار بخش عبارت است از:

  • حلقه فروشگاه: تنظیماتی است که برای دکمه‌های سبد خرید مشخص شده و می‌توان متن آن را در فیلدهای زیرین وارد کرد.
  • صفحه محصول: بخش‌هایی که برای صفحه محصول در ووکامرس در نظر گرفته می‌شود دارای عناوینی هستند که با کمک این بخش می‌توان عنوان مورد نظر را وارد کرد.
  • صفحه بررسی: این بخش نیز مربوط به متن پیام‌هایی است که کاربر مشاهده می‌کند.
  • متفرقه: بخش متفرقه در شخصی‌ سازی صفحات ووکامرس، برای مالیات و تنظیمات مربوط به آن تعبیه شده است.

حال فرض کنید در صفحه اصلی فروشگاه که تمامی محصولات ما چیده شده قرار گرفته ایم. اگر در خاطر داشته باشید گزینه ای با عنوان “افزودن به سبد خرید” داشتیم. حال می خواهیم با این افزونه، این عبارت را به کلمه کوتاه “خرید” تبدیل کنیم. به صورت تصویر زیر در گزینه محصول ساده، گزینه “خرید” را وارد می‌کنیم.

buy- شخصی‌ سازی صفحات ووکامرس
تغییر کمله افزودن به سبد خرید

همان‌طور که می‌بینید متن خرید را وارد کردیم. حال می‌توانیم در صفحه فروشگاه نتیجه را ببینیم:

change to buy hamyarwp- شخصی‌ سازی صفحات ووکامرس
نتیجه نهایی افزونه WooCommerce Customizer

حلقه فروشگاه

گزینه “افزودن به سبد خرید” به خرید تغییر یافت. به همین روش می‌توان سایر گزینه‌ها را نیز تغییر داد. به توضیح مختصر گزینه‌ها می‌پردازیم:

  ویرایشگر گوتنبرگ چیست؟ آموزش ویرایشگر گوتنبرگ در وردپرس
shop loop- شخصی‌ سازی صفحات ووکامرس
حلقه فروشگاه

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

صفحه محصول

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

product info
تنظیمات صفحه محصول

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

  • عنوان تب‌ها
  • هدینگ‌های محتوای تب‌ها
  • دکمه اضافه کردن به سبد خرید

هر قسمت بالا دارای بخش‌های متعددی است که کاملا به زبان فارسی است و نیاز به توضیح بیشتر نیست.

صفحه بررسی

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

checkout
تنظیمات صفحه بررسی ووکامرس

متن پیام “باید وارد شده باشید”: متنی که برای بخش ورود می‌توانید تغییر دهید.
متن کوپن: متن کوپن را از این قسمت می‌توان تغییر داد.
متن ورود: متن ورود به سایت
Create Account checkbox default: ایجاد اکانت کاربری به صورت پیش‌فرض. متن مورد نظر را می‌توان در این بخش تغییر داد.
دکمه ارسال سفارش: دکمه سفارش محصول را می‌توان از این قسمت تعریف کرد.

متفرقه

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

misc
تنظیمات متفرقه ووکامرس

با این کار می‌توانید فروشگاه اینترنتی خود را شخصی‌سازی کنید.

نکته!!! شاید با خود فکر کنید که اینکار را با حلقه ی ترجمه ی ووکامرس بتوان داد. اما اگر در خاطر داشته باشید گفتیم که حلقه ترجمه ووکامرس هر جا که آن کلمه را ببیند تغییر می‌دهد. یعنی فرض کنید هر جا که افزودن به سبد خرید ببیند به خرید تبدیل می‌کند. اما شاید ما نخواهیم این اتفاق بیفتد و منظورمان فقط بخش مشخصی باشد. پس برای اینکه بتوانیم در شخصی‌ سازی صفحات ووکامرس دقیق باشیم، پیشنهاد ما افزونه woocommerce customizer است.

ویرایش صفحات ووکامرس

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

آموزش ویدیویی افزونه WooCommerce Customizer

دانلود افزونه WooCommerce Customizer

دانلود افزونه صفحه افزونه

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

ووکامرس یه افزونه وردپرسی است که برای ساخت فرشگاه اینترنتی به کار می رود. در واقع شما با کمک ووکامرس هر نوع فروشگاهی با هر امکاناتی می توانید راه اندازی کنید.
افزونه ای با عنوان Woocommerce Customizer موجود بوده که با کمک آن می توان صفحات پیش فرض ووکامرس را سفارشی سازی کرد.
بعضی از قسمت‌های ووکامرس مثل عکس‌ها در تنظیمات ووکامرس امکان تغییر اندازه و … دارند و در نهایت می‌توان هماهنگی نسبی را بین قالب و ووکامرس ایجاد کرد.
آیا این مقاله برای شما مفید بود؟
تقریبا
خیر

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

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

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

  1. 5 سال عضو همیار وردپرس

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

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

      سلام
      افزونه جامعی وجود نداره. میتونید از یک برنامه‌نویس برای نوشتن این بخش استفاده کنید.

  2. 5 سال عضو همیار وردپرس

    با سلام
    من توی سایتم محصولات متغیر اضافه می کنم و انتخاب بعضی گزینه ها رو میزارم کاربر قبل از خرید تعیین کنه مثل محصول زیر
    simabaan.ir/product/diagnostic-ultrasound-5th-edition/

    همانطور که می بینید این یک محصول متغیر است که کاربر برای افزودن آن به سبد خرید باید چند گزینه مانند نوع کتاب و نوع صحافی را انتخاب کند تا کلید افزودن به سبد خرید باز شود
    من می خواهم در قسمت بالای این انتخابها متن زیر به کاربر نشان داده شود

    [جهت خرید محصول ، مشخصات دلخواه خود را از بین گزینه های زیر انتخاب فرمایید:]

    البته این متن فقط باید در مورد محصولات متغیر اتفاق بیافتد
    آیا با این افزونه می تون این کارو انجام بدم
    یا اینکه کلا چطور این کارو می تون بکنم
    ممنون می شم راهنمایی کنید

  3. 5 سال عضو همیار وردپرس

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

  4. 10 سال عضو همیار وردپرس

    سلام آقای ادمین
    من میخوام زیر دکمه “اضافه به سبد خرید” یک عکس کوچک رو اضافه کنم . مثل این تصویر :
    3dmaxfarsi.com/wp-content/uploads/2020/03/add-to-cart.jpg
    میشه راهنمایی بفرمایید (بدون پلاگین) ، چطوری میشه انجامش داد ؟

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

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

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

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

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

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

  5. 9 سال عضو همیار وردپرس

    سلام
    وقتتون بخیر
    من از قالب accesspress store استفاده میکنم و با 2تا مشکل روبرو شدم:
    1- در صفحه ی هر محصول، برچسب ها میرن زیر دکمه اضافه به سبد خرید و فیلد های انتخابی محصولات متغیر و ظاهر خیلی زشتی رو به خودشون میگیرن؛ نمونه:
    chapshe.net/product/%d9%82%d8%a7%d8%a8-%d9%81%d9%88%d8%aa%d8%a8%d8%a7%d9%84%db%8c-%d9%82%d8%b1%d9%85%d8%b2%d9%87%d8%a7-%d8%a2%d8%b1%d8%b3%d9%86%d8%a7%d9%84-%d9%88-%d9%be%d8%b1%d8%b3%d9%be%d9%88%d9%84%db%8c%d8%b3/

    2- فهرست بالای سایت باز شدنی هستش، وقتی موس رو روی عکسی که زیر فهرست وجود داره میبریم، فهرست بالاش باز میشه!!

    میشه راهنماییم کنید که چطور این مشکلات رو حل کنم؟

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

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

  6. 5 سال عضو همیار وردپرس

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

  7. 5 سال عضو همیار وردپرس

    سلام من میخوام لینک اجزا وکامرس رو تغیر بدم باید چی کار کنم
    درواقع میخوام http, رو به https تغیر بدم

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

      سلام
      برای این منظور باید از هاستینگ مورد نظر خودتون گواهینامه https دریافت کنید و اون رو روی سایتتون فعال کنید.

  8. 7 سال عضو همیار وردپرس

    توی صفحه فروشگاه سایتم تصاویر سایت کوچیک و بزرگن و یه شکل نا مرتبی به سایتم میده… با این افزونه هم نشد…

  9. 5 سال عضو همیار وردپرس

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

  10. 5 سال عضو همیار وردپرس

    سلام
    این افزونه موقع فعالسازی ارور میده!