ویرایش ظاهر صفحه محصولات ووکامرس با ویژوال کامپوزر
ووکامرس یکی از بهترین افزونه های فروشگاه ساز است که میتوانید با آن یک فروشگاه اینترنتی وآنلاین راه اندازی کنید . محصولات خود را به فروش برسانید. اما یکی از ضعف های ووکامرس این است که کاربران آن نمیتوانند صفحه محصولات را سفارشی کنند و آن را مطابق سلیقه و نیاز خود طراحی کنند و مجبور به استفاده از صفحه پیش فرض ویرایش محصولات هستند.
آموزش جامع و رایگان افزونه فروشگاه ساز ووکامرس
افزونه ویرایش ظاهر صفحات ووکامرس با ویژوال کامپوزر که نام انگلیسی آن WooCommerce Single Product Page Builder است، به شما کمک میکند صفحه محصولات ووکامرس را سفارشی کنید . با المان های این افزونه ووکامرسی که به صفحه ساز ویژوال کامپوزر اضافه میشود و چینش آنها با هر ترتیبی که مد نظرتان است، صفحه محصولات را به هر شکلی که میخواهید طراحی کنید.
با استفاده از افزونه ویرایش صفحات ووکامرس با ویژوال کامپوزر، صفحات محصولات جذابی خواهید داشت . از این طریق در میان فروشگاه های ووکامرسی خواهید درخشید.
یکی از ویژگی های کم نظیر این افزونه، امکان طراحی قالب های متفاوت برای محصولات مختلف و نمایش آنهاست. علاوه بر این هر المانی که برای محصولات ووکامرس بخواهید در پلاگین ویرایش صفحات ووکامرس با ویژوال کامپوزر فراهم شده است. فقط کافیست المان موردنظرتان را انتخاب کنید . در صفحه ساز جایگذاری کنید تا اطلاعات محصول را نمایش دهید.
نسخه اورجینال و فارسی شده افزونه ویرایش صفحات ووکامرس با ویژوال کامپوزر ، هم اکنون در سایت ابزار وردپرس برای تهیه و دانلود شما عزیزان موجود است.
دانلود افزونه ویرایش ظاهر صفحات ووکامرس با ویژوال کامپوزر (WooCommerce Single Product Page Builder)
نصب افزونه ویرایش صفحات ووکامرس با ویژوال کامپوزر
پس از دانلود افزونه ویرایش ظاهر صفحات ووکامرس با ویژوال کامپوزر، برای نصب این افزونه در پیشخوان وردپرس منوی “افزونه هاßافزودن” را انتخاب کنید. سپس دکمه “بارگذاری افزونه” را کلیک کنید. فایل فشرده افزونه WooCommerce Single Product Page Builder که از سایت ابزار وردپرس دانلود کرده اید را انتخاب و نصب کنید. پس از نصب افزونه، آن را فعال کنید.
پس از فعال شدن افزونه، در پیشخوان وردپرس منوی “محصولاتß Product Template” را انتخاب و سپس دکمه
“Add Product Tamlate” را کلیک کنید تا وارد صفحه طراحی قالب محصولات شوید.
آموزش طراحی صفحه محصولات
عنوان قالب را بنویسید و دکمه طراحی صفحه ساز ویژوال کامپوزر را کلیک کنید.
حالا درست شبیه ساخت صفحات سایت با ویژوالکامپوزر، ابتدا دکمه “افزودن المان” را کلیک کنید . سپس “المان ردیف” را اضافه کنید. سپس تعداد ستون های ردیف را مشخص کرده و هر کدام از المان های افزونه ویرایش صفحات ووکامرس با ویژوال کامپوزر که خواستید استفاده کنید.
آموزش جامع صفحه ساز ویژوال کامپوزر
تب جدید “WC Single Product“ که پس از نصب افزونه به ویژوال کامپوزر اضافه شده است، همه المان های مورد نیاز صفحات محصول مانند تصویر، عنوان، قیمت، سبد خرید و خلاصه محصول را دارد. برای استفاده از هرکدام از المان ها، آن را انتخاب کنید. درصورت نیاز تنظیمات آن را انجام دهید . به الگوی صفحه محصولات اضافه کنید.
نکته
همانطور که میدانید صفحه ساز ویژوال کامپوزر، امکانات پیشرفته ای برای طراحی صفحات دارد. مثلاً میتوانید رنگ پس زمینه صفحه محصولات را تغییر دهید. یا تغییرات بیشتری که در ووکامرس وجود ندارد را با ویژوال کامپوزر انجام دهید و صفحه محصول را گرافیکی و زیبا کنید.
حالا باید قالب جدید را به محصولات ووکامرس معرفی کنید تا از این به بعد مشخصات محصول با این الگو نمایش داده شوند. برای این کار یک محصول جدید اضافه کنید یا یکی از محصولات قبلی را در حالت ویرایش باز کنید. در سمت چپ صفحه ویرایش محصول، باکس “الگوی محصول“ اضافه شده است. نام قالبی که طراحی کردید را در این قسمت انتخاب کنید، تا اطلاعات و ویژگی های محصول موردنظر در نظر در قالب الگو و تمپلیتی که ایجاد کرده اید پیروی کرده و نمایش داده شود.
ووکامرس افزونه قدرتمندی برای راه اندازی فروشگاه اینترنتی است. کارایی و بهره وری آن با پلاگین ویرایش ظاهر صفحات ووکامرس با ویژوال کامپوزر فوقالعاده می شود. این افزونه باعث میشود شما یک فروشگاه آنلاین جذاب با صفحه محصولات منحصربفرد داشته و نظر کاربران و بازدیدکنندگان بیشتری را جلب کنید.
29 دیدگاه. Leave new
عرض سلام و خداقوت به تیم عالی ابزار وردپرس
من از قالب ایمپرزا استفاده میکنم چطور میتونم رنگ دکمه افزودن به سبد خرید در صفحه محصولات رو تغییر بدم؟!
ممنونم.
سلام بر شما ، وقت بخیر از حضور شما ممنونیم.
در صورتی که تغییرات رنگ بخش تنظیمات قالب برای شما مناسب نبود ، می توانید با کد css یا افزونه مداد زرد این تغییرات را انجام دهید
البته شما می توانید از ناحیه کاربری تیکت برای راهنمایی نیز ارسال نمایید . (در صورت خرید)
آرزوی موفقیت برای شما داریم.
واقعا چه خوبه که هنوزم آدما بدون چشم داشت به هم کمک میکنن. دستتون درد نکنه از کمکتون
از حضور شما ممنونیم.
با سلام بذارین اول از همه بابت این مطالب جالب و معرفی افزونه ازتون تشکر کنم.
یه سؤال داشتم از خدمتتون: این افزونه با کدام قالب های وردپرسی سازگاری بیشتر دارد؟
سلام و درود جناب پور فلاح
این افزونه با همه قالب های وردپرسی سازگاری دارد.
اگر نیاز به فروش دارید، پیشنهاد ما استفاده از قالب فروشگاهی وودمارت است.
در غیر این صورت هدف فعالیت خود را بفرمایید تا بیشتر شما را راهنمایی کنیم.
مهدی عزیز سلام ممنون از تمامی آموزش هاتون که عالی هستن. این نیز کارآمد بود.مشکلی داشتم اگر محصولی دیگر به فروش نرسد و بخواهیم صفحه را کامل حذف کنیم که دیگر نمایش داده نشود. با این کار مشکلی ایجاد می شود؟
با تشکر ار ارتباط و راهنمایی شما
سلام و عرض ادب،
در خدمت شما هستیم.
در این صورت می توانید محصول را توفق فروش کنید و بهتر است برای سئو آن، حذف نشود.
با تشکر.
بلاخره کدشو نوشتم این کد رو تو css سفارشی سایت بزنید تا صفحه محصولاتتون تمام عرض بشه
#shop .l-section-h{
max-width: 100% !important;
}
.g-cols.type_default {
margin: 2rem 0 !important;
}
توجه داشته باشید که این کد درصورتی کار میکنه که این افزونه ویژوال رو داشته باشید و تمپلیت ادیتور روش نصب باشه مگرنه تمپلیت اصلی محصولتونو بهم میریزه
🙂
سلام بر شما ، البته این کد استاندارد نیست ولی دیدگاه را تایید میکنیم. ما در آینده روش های مناسبتری ارائه خواهیم کرد. این کد در صورتی که در سی اس اس سفارشی قرار داده شود می تواند روی صفحات زیادی از سایت تاثیر داشته باشد. باتشکر
سلام خسته نباشید
چگونه عرض محتوا صفحه محصول را تمام عرض کنم
( در برگه هایی عادی مشکلی نیست فقط در این برگه ایم شکل وجود داره
قالب : زفایر )
سلام بر شما ، این کار نیاز به کدنویسی سی اس اس دارد زیرا حالت پیشفرض خود ووکامرس به شکل تمام عرض نمی باشد. باتشکر
میشه کدشو در اختیار ما قرار بدین؟
من و دوستانم این مشکل بزرگو داریم و حتی کمی دستکاری کردذیم تو عرض محتوا ولی باز صفحه بهم میریخت!
خیلی ممنون میشم اگر این کارو انجام بدید و کد css اونو در اختیار ما بزارید
با تشکر فراوان
با عرض و سلام و تشکر از حضور شما کاربر گرامی ،
در صورتی که این محصول را از ابزار وردپرس تهیه کرده اید، مشکل خود را از طریق بخش ناحیه کاربری > تیکت ارسال نمایید تا بررسی شود.
موفق و پیروز باشید.
سلام
وقتتون بخیر،خیلی ممنون از محتوای خوبتون
این پلاگین با قالب zshop سازگاری داره؟
سلام بر شما ، تست نشده است متاسفانه …
سلام بر شما ، تاجایی که اطلاع دارم در خود ووکامرس اینطور گزینه ای نیست ولی شاید با کدنویسی بتوان پیاده سازی کرد. باتشکر
سلام
این افزونه فارسی نیستش؟
سلام بر شما ، این افزونه نیازی به فارسی سازی ندارد در واقع چیزی برای فارسی شدن ندارد و با المان های ووکامرس کار می کند. باتشکر
سلام وقت بخیر من یک افزونه برای نمایش تصاویر مختلف یک محصول به صورت اسلایدر دارم آیا با خرید افزونه ای که شما معرفی کردید این امکان وجود دارد که این اسلایدر را همچنان در صفحه نمایش محصولم داشته باشم.
سلام بر شما ، خیر این افزونه فقط المان های خود ووکامرس را تغییر می دهد. البته شما می توانید به ازای هر محصول یک تمپلیت بسازید و عکس های هرمحصول را با المان های ویژوال نمایش دهید. باتشکر
سلام من قالب زفایر رو قبلا از جایی تهیه کردم و این افزونه رو از جایی دانلود و تست کردم و متوجه شدم با قالب زفایر همخانی نداره و وقتی فعال قسمت در تنطیمات در قسمت بلوک که مربوط به طراحی فوتر و … است ایکون افزونه ویژوال برداشته میشه؟؟
ایا افزونه ای که شما دارید میفروشید این مسئله رو داره یا میتونیم خرید کنیم؟؟ ممنون میشم تست کنید و جواب بدین
با سلام و احترام ،
بنده تاکنون مشکلی از این بابت از سمت این افزونه و قالب زفایر ندیدم.
با تشکر.
بعد از خریددر صورت بروز مشکل ایا امکان برطرف کردنش هست؟؟
بله در بخش پشتیبانی همکاران بنده با کمال میل شما را راهنمایی خواهند کرد و در صورت عدم حل مشکل عودت وجه برای شما لحاظ می گردد. باتشکر
سلام . افزونه ی خیلی خوبی رو معرفی کردین بابت این افزونه تشکر میکنم . ولی اقا مهدی چرا اینقدر عجله ، چرا غیر حرفه ای عجول و اینکه توضیحات اینو بزن اون بزن.
به نظرم یه مقدار روی مبحث آموزش کار کنین این آموزش می تونست در عرض نصف زمان کل به صورت حرفه ای تهیه بشه . البته جسارت نباشه شما کارتون درسته و ما دوستتون داریم ولی دوست داریم حرفه ای هم باشین . تشکر
سلام ، حق با شماست ، البته این ویدئو کمی قدیمی است و ما برای تست در ایمیل مارکتینگ ارسال کرده ایم من به مدیر میسپارم که مجدد ضبط کنند 🙂
درود بر شما ما همجنان منتظریم !!!
با تشکر از آموزش و افزونه های خوب شما عزیزان.افزونه woocommerce gravity forms addons رو چطور تو این افزونه به محصول می تونیم اضافه کنیم.و به سبد خرید نصبش بکنیم.متشکرم.