طراحی قالب ووکامرس با قالب Boemia

ایجاد فروشگاه ووکامرس

طراحی قالب ووکامرس  – بروز رسانی در تاریخ ۱۳۹۴/۱۱/۲۹

ایجاد فروشگاه ووکامرس

سلام دوستان؛

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

طراحی قالب ووکامرس با قالب فروشگاهی Boemia

قالب فروشگاهی Boemia قابلیت ساخت فروشگاه ( طراحی قالب ووکامرس را در همان صفحه ی نخست دارد اما به این معنی نیست که شما دیگر نباید افزونه ی ووکامرس را نصب کنید! منظور از قالب های فروشگاهی این است که قابلیت های فروشگاه شدن را دارند اما همه ی آن ها نیاز به نصب و راه اندازی ووکامرس دارند تا امکانات فروشگاه را به دست آوردند.

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

طراحی قالب ووکامرس woocommerce

ساخت اسلایدر

حال باید با هم سایت را بسازیم. این قالب یک اسلایدر باید داشته باشد. ما در اینجا از اسلایدر Cyclone slider استفاده می کنیم. و آن را در وردپرس نصب می کنیم. این افزونه را در همین پس برای شما قرار دادم که می توانید آن را دانلود کرده و نصب کنید.

پس از فعال کردن افزونه می توانید گزینه ی اسلایدر را در پیشخوان مشاهده کنید و بر روی آن کلیک کنید تا اسلایدر اضافه شود.

slider hamyarwp

بر روی گزینه ی “افزودن اسلایدشو” کلیک می کنیم.

add image hamyarwp

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

add slider hamyarwp

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

 

slider shortcode hamyarwp

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

main page hamyarwp

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

حال نتیجه را در قالب خود ببینیم…result slider hamyarwp

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

read hamyarwp

افزودن محصولات فروشگاه

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

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

display hamyarwp

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

add product hamyarwp

این هم از محل قرار گیری محصولات فروشگاه ما.

قرار دادن ابزارک های مورد نیاز

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

sale hamyarwp

سبد خرید را در بالا و سمت چپ قرار می دهیم.
همچین می توانید برای ستونی که در سمت چپ قرار گرفته هر آنچه می خواهید اضافه کنید. که باید موارد مورد نیاز را در ابزارک Default sidebar اضافه کنید.

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

افزودن فهرست

menu hamyarwp

نکته!!! اگر به تصویری که از محصولات فروشگاه قرار دادم توجه کرده باشید گزینه ی حراج را به انگلیسی Sale وارد کرده. برای اینکه این مشکل را حل کنید می توانید به تنظیمات قالب Boemia و سپس بخش فروشگاه رفته و این گزینه را در آن پیدا کرده و فارسی آن یعنی حراج یا فروش ویژه را بنویسید:

product page hamyarwp

مورد بعدی این است که شما می توانید ساید بار سایت را به سمت راست منتقل کنید یا فروشگاه خود را بدون ساید بار بسازید. برای اینکار از قسمت Boemia free که تنظیمات پوسته است به گزینه ی ستون ها مراجعه کنید و تنظیمات را به دلخواه خود انجام دهید:

theme setting hamyarwp

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

جمع بندی!

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

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

دانلود قالب فروشگاه و فارسی Boemia

دانلود   پیش نمایش

دانلود اسلایدر Cyclone slider2

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

لینک های مفید و مرتبط

آموزش طراحی قالب ووکامرس (آموزش ویدیویی کاملا فارسی)

راه آسان‌تری برای ارتباط با کاربران‌مان پیدا کرده‌ایم :) کانال تلگرام همیار وردپرس

اگر می‌خواهید از آخرین و محبوب‌ترین مقالات ما در ایمیل خود مطلع شوید، همین الان ایمیل خود را در کادر زیر وارد کنید:

تعداد علاقه‌مندانی که تاکنون عضو خبرنامه ما شده‌اند:

۲۰۱,۱۶۰ نفر

پاسخ دهید

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

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

  1. سلام
    من یه قالب وردپرس در نظر دارم که ظاهرا با ووکامرس همخوانی ندارد وسوالی که من دارم این هست که آیا می شود ووکامرس رو روی آن نصب کرد یا برنامه نویسی کرد و یا این که چطور می شود به آن درگاه اضافه کرد اگر شما و مجموعه شما این کار را انجام می دهد ممنون میشم در میان بگذارین.

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

  3. سلام پیشنمایش قالب ارور میده لطفا بررسی کنید با تشکر …..
    Parse error: syntax error, unexpected $end in /home/s1wpde/domains/demo.hamyarwp.com/public_html/Boemia-theme/wp-includes/formatting.php on line 217

  4. با سلام میشه بگید که چه جوری رنگ این قالب رو عوض کنم؟

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

    Warning: call_user_func_array() expects parameter 1 to be a valid callback, class ‘WC_Query’ does not have a method ‘price_filter’ in C:\xampp\htdocs\sepid\wp-includes\plugin.php on line 235

    Warning: array_unique() expects parameter 1 to be array, null given in C:\xampp\htdocs\sepid\wp-content\plugins\woocommerce\includes\class-wc-query.php on line 395

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

    سلام
    من قالب را نصب کردم تغییرات را هم دادم. ولی:
    ۱- یک نوار طوسی رنگ با عنوان navigate to در بالای صفحه میاد که نمی دونم از کجا آمده!
    ۲- و ضمنا هر کاری می کنم باکس جستجو برای … از گوشه سمت راست بالای صفحه به نوار فهرست منتقل نمیشه !

    ممنون میشم راهنمای کنید.

  7. سلام.ممنون از آموزش های مفیدتون
    چطور میتونم Default sidebar رو که سمته چپه سایت میاد کلا حذفش کنم

  8. با سلام و خسته نباشید
    تشکر ویژه از سایتتون
    من وقتی پوسته را اضافه می کنم با این پیغام مواجه می شوم
    پرونده فرستاده شده بزرگ‌تر از upload_max_filesize در php.ini است.

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

  10. سلام من تازه با سایتتون اشنا شدم و زیاد کار با ورد پرس رو بلد نیستم قالب نیلسن رو کامل نصب کردم اما چگونه باید محصولات خودم را به جای محصولات پیش فرض بگذارم؟ یا این که به محصول لینک بدهم که به صفحه ی خاصی برود . سوال اخر با این که تم مخصوص وکامرس رو نصب کردم باز هم صفحه اول فروشگاه روی maxer.xzn.ir/shop است چرا؟

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

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

      سلام
      به صورت subdomain می تونید اینکار رو انجام بدید. به شرطی که کلا یک وردپرس دیگه نصب کنید

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

    پیش نمایشتون با مشکل مواجه شده : Parse error: syntax error, unexpected $end in /home/s1wpde/domains/demo.hamyarwp.com/public_html/Boemia-theme/wp-includes/formatting.php on line 217

  13. الان علاوه بر سفید شدن صفحه .دیگه نمیتونم وارد بخش ادمین بشم و خطا میده کوکیها به خاطر خروجی غیر منتظره مسدود هستند ……………تورو خدا کمکم کنید

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

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

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

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

    سلام من میخام لوگو رو تغییر بدم . از قسمت BOEMIA FREE وارد تنظیمات پوسته شدم اما نمیتونم لوگو رو آپلود کنم. چکار کنم؟

  16. سلام و خداقوت به دوستان همیار وردپرس
    چرا قالب صحیفا با ووکامرس همخوانی نداره ؟

  17. نسخه پیشنمایش آنلاین مشکل داره ! بررسی کنید.

  18. سلام
    من میخوام یه سایت مثل دیوار داشته باشم ودر آن کاربران قادر باشند کالای خود را جهت امانت به نمایش بزارن از چه قالبی باید استفاده کنم و افزونه های مورد نیاز سایت من چیه؟

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

مطالب زیر را حتما بخوانید

محبوبترین‌های آموزش آنلاین

مشاهده همه آموزش‌های آنلاین