آموزش ویرایش صفحات محصولات ووکامرس با ویژوال کامپوسر

آموزش ویرایش صفحات محصولات ووکامرس با ویژوال کامپوسر

( چهارشنبه ، 16 آذر سال 1401 )

حق کپی ویدئو

مجاز نمی باشد.

شما اینجا هستید :

ویدئو آموزشی

آموزگار :

مهدی جبین پور

در این ویدئو درباره افزونه ی ویرایش صفحه محصولات ووکامرس با ویژوال کامپوسر صحبت خواهیم کرد. شما میتوانید برای ویرایش صفحه محصولات خود از این افزونه استفاده کنید. ( ادامه مطلب … )

ابزار وردپرس بُزرگ ترین مرجع وردپرس ایران!

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

ابزار وردپرس بُزرگ ترین مرجع وردپرس ایران!

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

خرید محصول ویدئو بالا

جهت خرید کلیک کنید.

مهدی جبین پور

مـهـدی جـبین پـور

دانشجوی دکتری تجارت الکترونیک ، امیدوارم بتوانم خدمتگزار خوبی برای مردم کشورم باشم.

مهدی جبین پور

مـهـدی جـبین پـور

دانشجوی دکتری تجارت الکترونیک ، امیدوارم بتوانم خدمتگزار خوبی برای مردم کشورم باشم.

آموزش ویرایش صفحات محصولات ووکامرس با ویژوال کامپوسر

( چهارشنبه ، 16 آذر سال 1401 )

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

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

آموزش جامع و رایگان افزونه فروشگاه ­ساز ووکامرس

افزونه ویرایش ظاهر صفحات ووکامرس با ویژوال کامپوزر که نام انگلیسی آن WooCommerce Single Product Page Builder است، به شما کمک می­کند صفحه محصولات ووکامرس را سفارشی کنید . با المان­ های این افزونه ووکامرسی که به صفحه­ ساز ویژوال کامپوزر اضافه می­شود و چینش آنها با هر ترتیبی که مد نظرتان است، صفحه محصولات را به هر شکلی که می­خواهید طراحی کنید.

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

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

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

دانلود افزونه ویرایش ظاهر صفحات ووکامرس با ویژوال کامپوزر (WooCommerce Single Product Page Builder)

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

پس از دانلود افزونه ویرایش ظاهر صفحات ووکامرس با ویژوال کامپوزر، برای نصب این افزونه در پیشخوان وردپرس منوی “افزونه­ هاßافزودن” را انتخاب کنید. سپس دکمه “بارگذاری افزونه” را کلیک کنید. فایل فشرده افزونه WooCommerce Single Product Page Builder که از سایت ابزار وردپرس دانلود کرده­ اید را انتخاب و نصب کنید. پس از نصب افزونه، آن را فعال کنید.

آموزش نصب افزونه در وردپرس

پس از فعال  شدن افزونه، در پیشخوان وردپرس منوی “محصولاتß Product Template” را انتخاب و سپس دکمه

“Add Product Tamlate” را کلیک کنید تا وارد صفحه طراحی قالب محصولات شوید.

آموزش طراحی صفحه محصولات

عنوان قالب را بنویسید و دکمه طراحی صفحه ­ساز ویژوال کامپوزر را کلیک کنید.

حالا درست شبیه ساخت صفحات سایت با ویژوال­کامپوزر، ابتدا دکمه “افزودن المان” را کلیک کنید . سپس “المان ردیف” را اضافه کنید. سپس تعداد ستون­ های ردیف را مشخص کرده و هر کدام از المان­ های افزونه ویرایش صفحات ووکامرس با ویژوال کامپوزر که خواستید استفاده کنید.

آموزش جامع صفحه­ ساز ویژوال کامپوزر

تب جدید “WC Single Product که پس از نصب افزونه به ویژوال کامپوزر اضافه شده است، همه المان­ های مورد نیاز صفحات محصول مانند تصویر، عنوان، قیمت، سبد خرید و خلاصه محصول را دارد. برای استفاده از هرکدام از المان ­ها، آن را انتخاب کنید. درصورت نیاز تنظیمات آن را انجام دهید . به الگوی صفحه محصولات اضافه کنید.

نکته

همانطور که می­دانید صفحه­ ساز ویژوال کامپوزر، امکانات پیشرفته­ ای برای طراحی صفحات دارد. مثلاً می­توانید رنگ پس­ زمینه صفحه محصولات را تغییر دهید. یا تغییرات بیشتری که در ووکامرس وجود ندارد را با ویژوال کامپوزر انجام دهید و صفحه محصول را گرافیکی و زیبا کنید.

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

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

برای نوشتن دیدگاه باید وارد بشوید.

28 دیدگاه. Leave new

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

    • سلام بر شما ، وقت بخیر از حضور شما ممنونیم.

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

      آرزوی موفقیت برای شما داریم.

  • صالح فلاحزاده
    مارس 24, 2022 12:06 ب.ظ

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

  • سجاد پورفلاح
    مارس 20, 2022 3:47 ب.ظ

    با سلام بذارین اول از همه بابت این مطالب جالب و معرفی افزونه ازتون تشکر کنم.
    یه سؤال داشتم از خدمتتون: این افزونه با کدام قالب های وردپرسی سازگاری بیشتر دارد؟

    • علی حیدری
      مارس 20, 2022 4:43 ب.ظ

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

  • مسعود تبریزی
    مارس 8, 2022 4:25 ب.ظ

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

  • سینا رضوانی
    آگوست 31, 2020 1:49 ب.ظ

    بلاخره کدشو نوشتم این کد رو تو css سفارشی سایت بزنید تا صفحه محصولاتتون تمام عرض بشه
    #shop .l-section-h{
    max-width: 100% !important;
    }
    .g-cols.type_default {
    margin: 2rem 0 !important;
    }

    توجه داشته باشید که این کد درصورتی کار میکنه که این افزونه ویژوال رو داشته باشید و تمپلیت ادیتور روش نصب باشه مگرنه تمپلیت اصلی محصولتونو بهم میریزه
    🙂

    • تیم پشتیبانی
      آگوست 31, 2020 8:16 ب.ظ

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

  • سعید ترکمان
    جولای 15, 2020 3:51 ب.ظ

    سلام خسته نباشید
    چگونه عرض محتوا صفحه محصول را تمام عرض کنم
    ( در برگه هایی عادی مشکلی نیست فقط در این برگه ایم شکل وجود داره
    قالب : زفایر )

  • سلام
    وقتتون بخیر،خیلی ممنون از محتوای خوبتون
    این پلاگین با قالب zshop سازگاری داره؟

  • تیم پشتیبانی
    مارس 12, 2020 7:42 ب.ظ

    سلام بر شما ، تاجایی که اطلاع دارم در خود ووکامرس اینطور گزینه ای نیست ولی شاید با کدنویسی بتوان پیاده سازی کرد. باتشکر

  • سلام
    این افزونه فارسی نیستش؟

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

    • تیم پشتیبانی
      ژانویه 5, 2020 12:34 ب.ظ

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

  • سلام من قالب زفایر رو قبلا از جایی تهیه کردم و این افزونه رو از جایی دانلود و تست کردم و متوجه شدم با قالب زفایر همخانی نداره و وقتی فعال قسمت در تنطیمات در قسمت بلوک که مربوط به طراحی فوتر و … است ایکون افزونه ویژوال برداشته میشه؟؟
    ایا افزونه ای که شما دارید میفروشید این مسئله رو داره یا میتونیم خرید کنیم؟؟ ممنون میشم تست کنید و جواب بدین

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

  • با تشکر از آموزش و افزونه های خوب شما عزیزان.افزونه woocommerce gravity forms addons  رو چطور تو این افزونه به محصول می تونیم اضافه کنیم.و به سبد خرید نصبش بکنیم.متشکرم.

فهرست