Avada WooCommerce নির্মাতার সাথে কীভাবে একটি ইকমার্স তৈরি করবেন

যখন একটি অনলাইন স্টোর সেট আপ করার কথা আসে, তখন WooCommerce হল গো-টু plugin ৷ একটি অনলাইন স্টোর সেট আপ করা এবং আপনার কাজ শেষ হওয়ার সাথে সাথে আপনার পণ্য বিক্রি করা হাস্যকরভাবে সহজ। Avada WooCommerce-এর জন্য ব্যাপক সমর্থন এবং ডিজাইন ইন্টিগ্রেশন প্রদান করে, যা আপনাকে আপনার স্বপ্নের দোকান তৈরি করার অনুমতি দেয় এবং এটি আপনার মনের ফ্রেমে ঠিক দেখায় তা নিশ্চিত করে।  

Avada হল আপনাকে আপনার ওয়েবসাইটের চেহারা কাস্টমাইজ করার ক্ষমতা দেওয়া, যা WooCommerce ইন্টিগ্রেশনের সাথে আলাদা নয়। আমাদের জনপ্রিয় উন্নত বিকল্প নেটওয়ার্ক ব্যবহার করে, আপনি ডিজাইনের বিভিন্ন সম্ভাবনার জন্য বিস্তৃত কাস্টমাইজেশন থেকে নির্বাচন করতে পারেন, যার মধ্যে রয়েছে:

  • WooCommerce এর নিজস্ব Avada গ্লোবাল অপশন প্যানেল আছে, প্রধান Avada গ্লোবাল অপশন প্যানেল থেকে আলাদা।
  • Avada পৃষ্ঠা বিকল্প প্রতিটি পণ্যের জন্য উপলব্ধ.
  • Avada বিল্ডার আপনাকে উপাদানগুলিকে টেনে এবং ড্রপ করে পণ্য পৃষ্ঠা ডিজাইন তৈরি করতে দেয়৷

Avada দিয়ে আপনার ইকমার্স সাইট তৈরি করতে। 

প্রথমত, আমাদের অবশ্যই Avada-এ wooCommerce ইনস্টল করতে হবে।

WooCommerce ইনস্টল করা - ধাপে ধাপে নির্দেশাবলী

Avada > Plugin / Add-ons- এ যান plugin দেখুন , যেমনটি নিচের স্ক্রিনশটে দেখানো হয়েছে।

ধাপ 1 - WooCommerce plugin ।

ধাপ 2 - ড্রপ-ডাউন মেনু থেকে 'ইনস্টল' নির্বাচন করুন।

plugin স্বয়ংক্রিয়ভাবে ইনস্টল এবং সক্রিয় হবে।

ধাপ 3 - এর পরে, WooCommerce সেটআপ উইজার্ডটি প্রদর্শিত হবে। আপনি যদি আমাদের Woo ডেমোগুলির মধ্যে একটি আমদানি করেন, যেমন মডার্ন শপ বা ক্লাসিক শপ, আপনি আপনার ডেটা হারানোর ঝুঁকি ছাড়াই এই ধাপটি এড়িয়ে যেতে পারেন৷ এড়িয়ে যেতে, ড্রপ-ডাউন মেনু থেকে 'এখনই নয়' নির্বাচন করুন৷ আপনি যদি আমাদের Woo ডেমোগুলির একটি আমদানি না করে থাকেন, তাহলে 'চলো যাই!' ক্লিক করে পরবর্তী ধাপে এগিয়ে যান! সেটআপ প্রক্রিয়া শুরু করতে বোতাম।

ধাপ 4 - প্রক্রিয়াটি সম্পূর্ণ করতে এবং আপনার স্টোর সম্পর্কে প্রয়োজনীয় তথ্য প্রবেশ করতে অনস্ক্রিন প্রম্পট এবং নির্দেশাবলী অনুসরণ করুন। আপনার কাজ শেষ হলে 'Create Your First Product' বোতামে ক্লিক করে, আপনি আপনার প্রথম পণ্য তৈরি করতে এগিয়ে যেতে সক্ষম হবেন। বিকল্পভাবে, আপনি সেটআপ উইন্ডোর নীচে অবস্থিত লিঙ্কে ক্লিক করে আপনার ওয়ার্ডপ্রেস ড্যাশবোর্ডে ফিরে যেতে পারেন।

কিভাবে আপনার ওয়েবসাইটে একটি দোকান পাতা বরাদ্দ

সাধারণ WooCommerce ইনস্টলেশন প্রক্রিয়ার অংশ হিসাবে, সেটআপ উইজার্ড চালু করা উচিত, যা আপনাকে আপনার দোকান কনফিগার করতে এবং গ্রাহকদের কাছে আপনার দোকানের পৃষ্ঠাগুলি বরাদ্দ করতে দেয়৷ সেটআপ উইজার্ড যে পৃষ্ঠাগুলি তৈরি করে সেগুলির আরও তথ্য এই WooCommerce নথিতে পাওয়া যাবে।

বিকল্পভাবে, যদি সেটআপ উইজার্ড উপস্থিত না হয়, বা আপনি যদি কোনো কারণে এটি বাতিল করেন, আপনি যেকোনো WooCommerce পৃষ্ঠার সহায়তা মেনু থেকে সেটআপ উইজার্ড নির্বাচন করে সর্বদা সেটআপ উইজার্ডে ফিরে যেতে পারেন, যা উপরের বামদিকে পাওয়া যাবে জানলা.

WooCommerce সেটিংস - WooCommerce > সেটিংস > পণ্য --এ গিয়ে পণ্য ট্যাবে গিয়ে দোকানের পৃষ্ঠাটি ম্যানুয়ালি সেট করতে পারেন এবং ড্রপ-ডাউন মেনু থেকে মূল শপ পৃষ্ঠাটি নির্বাচন করুন৷ WooCommerce তারপরে আপনার কর্মের ফলস্বরূপ এই পৃষ্ঠায় আপনার পণ্যগুলি প্রদর্শন করবে।

অবশিষ্ট পৃষ্ঠাগুলি অ্যাডভান্সড ট্যাবে কনফিগার করা যেতে পারে, WooCommerce > সেটিংস > Advanced

আপনার পণ্য তৈরি করা

ধাপ 1 - আপনার ওয়ার্ডপ্রেস অ্যাডমিন সাইডবারে, পণ্য > পণ্য যোগ করুন ট্যাবে নেভিগেট করুন।

ধাপ 2 - পৃষ্ঠার শীর্ষে, আপনার পণ্যের নাম লিখুন।

ধাপ 3 - পণ্যের বিবরণ থেকে পাঠ্য সহ পোস্ট সামগ্রী ক্ষেত্রটি পূরণ করুন। পণ্যের সমস্ত তথ্য এই বিভাগে প্রদর্শিত হবে।

ধাপ 4 পণ্যের সমস্ত তথ্য দিয়ে প্রোডাক্ট ডেটা পূরণ করুন amp জন্য , মূল্য, SKU এবং শিপিং সব সম্ভাব্য বিকল্প।

ধাপ 5 - ' পণ্যের সংক্ষিপ্ত বিবরণ ' বক্সে, আপনার পণ্যের একটি সংক্ষিপ্ত বিবরণ টাইপ করুন যা আপনার প্রধান চিত্রগুলির পাশাপাশি প্রদর্শিত হবে।

ধাপ 6 পৃষ্ঠার ডানদিকে পণ্যের চিত্র নীচে স্থাপন করা উচিত এটি প্রতিটি পণ্যের জন্য সম্পূর্ণ করা আবশ্যক।

ধাপ 7 পণ্য গ্যালারি আরও ছবি যোগ করুন যদি আপনি একটি ছবির পরিবর্তে ছবির গ্যালারি ব্যবহার করতে চান।

ধাপ 8 - ' পণ্য বিভাগ ' বাক্সে, আপনার পণ্যগুলিতে প্রযোজ্য বিভাগগুলি লিখুন। পণ্য ট্যাগ ' বাক্সে আপনার পণ্যের জন্য উপযুক্ত ট্যাগগুলি দিয়ে শূন্যস্থান পূরণ করুন।

ধাপ 9 – একবার আপনি সমস্ত প্রয়োজনীয় তথ্য প্রবেশ করান, ' প্রকাশ করুন ' বোতামে ক্লিক করুন এবং আইটেমটি আপনার প্রধান স্টোরফ্রন্ট পৃষ্ঠায় প্রদর্শিত হবে।

পণ্য জুম প্রভাব তৈরি করা

আপনি যদি Avada লেআউট ব্যবহার করে থাকেন, তাহলে আপনাকে নিশ্চিত করতে হবে যে WooCommerce পণ্যের ছবি জুম বিকল্পটি Avada > বিকল্প > WooCommerce > General WooCommerce > WooCommerce পণ্যের ছবি জুম বিকল্পে , অথবা Woo পণ্যের চিত্রের উপাদান সাধারণ ট্যাবে সক্রিয় করা আছে। আপনি যদি WooCommerce লেআউট ব্যবহার করেন তাহলে পণ্যের ছবি জুম করুন

WooCommerce পণ্যের চিত্রের প্রস্থ Avada > বিকল্প > WooCommerce > সাধারণ WooCommerce > WooCommerce পণ্য চিত্রের প্রস্থ বা পণ্যের চিত্র সর্বাধিক প্রস্থের সেটিং এর চেয়ে বড় হতে হবে। Woo প্রোডাক্ট ইমেজ এলিমেন্টে। একটি একক পণ্য গ্যালারির জন্য কন্টেইনার কলামের প্রস্থ আপনার চয়ন করা সেটিংস দ্বারা নির্ধারিত হবে৷ একবার আপনি প্রয়োজনীয় সমন্বয় করে ফেললে, আপনি আপনার WooCommerce প্রধান চিত্রের প্রস্থ সেট করতে প্রস্তুত হবেন।

ওয়ার্ডপ্রেস প্রধান চিত্র প্রস্থ – WooCommerce প্রধান চিত্র প্রস্থ সেটিং আপনার ওয়ার্ডপ্রেস ওয়েবসাইটের কাস্টমাইজারে পাওয়া যাবে। ওয়ার্ডপ্রেস ড্যাশবোর্ড থেকে, চেহারা > কাস্টমাইজ > WooCommerce > পণ্যের চিত্রগুলিতে , যেখানে আপনি প্রধান চিত্র প্রস্থ সেটিংস পাবেন; এটি গ্যালারিতে প্রদর্শিত চিত্রের প্রকৃত আকার নির্ধারণ করবে।

আপনার জুম ইফেক্ট যত বেশি বিস্তারিত হবে, আপনার ইমেজের জন্য আপনি যে ইমেজ সাইজ সেট করেছেন তা তত বড় হবে। স্পষ্ট করার জন্য, WooCommerce সেটিংসে ছবির আকার যদি Avada-এর গ্লোবাল অপশনের ছবির প্রস্থের সাথে মেলে, মাউস পৃষ্ঠার ছবির উপর ঘোরাফেরা করলে কোন জুমিং দৃশ্যমান হবে না। উপরন্তু, আপনার আপলোড করা প্রকৃত চিত্রের আকারটি আপনার ওয়েবসাইটের ডিজাইনের প্রধান চিত্রের প্রস্থ সেটিংসের সমান বা বড় হতে হবে।

WooCommerce ছবির আকার পরিবর্তন করার পরে আপনি আপনার থাম্বনেইলগুলি পুনরায় তৈরি করেছেন তা নিশ্চিত করুন; এটি ইতিমধ্যেই আপনার ওয়েবসাইটে আপলোড করা যেকোনো ছবিতে আপনার নতুন ছবির আকার প্রয়োগ করবে। আপনি এটি সম্পন্ন করতে পুনঃজেনারেট থাম্বনেইলস plugin ব্যবহার করতে পারেন।

WooCommerce-এ পণ্যের ছবির আকারের সেটিংস সামঞ্জস্য করা।

WooCommerce স্টোরের ক্যাটালগ এবং একক পণ্য চিত্র বিভাগে পণ্যের চিত্রগুলির আকার সামঞ্জস্য করার বিকল্পগুলি অন্তর্ভুক্ত করে৷ এছাড়াও, নির্দিষ্ট Avada সেটিংস রয়েছে যা আপনার WooCommerce স্টোর দ্বারা ব্যবহৃত ছবির আকারের সাথে একত্রে কাজ করে। এই চিত্র আকারের সেটিংস কনফিগার করার সময়, এটি মনে রাখা গুরুত্বপূর্ণ যে Avada গ্লোবাল বিকল্প সেটিংসও বিবেচনা করা আবশ্যক৷ আমরা পরবর্তীতে আরও বিশদে এই বিকল্পগুলির প্রতিটিতে যাব।

ধরুন আপনি আপনার পণ্যগুলির জন্য আপলোড করা ছবিগুলি আপনার WooCommerce সেটিংসে নির্দিষ্ট করা ছবির আকারের থেকে উৎসে ছোট। সেই ক্ষেত্রে, আপনি আপনার দোকানের পৃষ্ঠাগুলির সামনের প্রান্তে কিছু ভিজ্যুয়াল লেআউটের অসঙ্গতি লক্ষ্য করতে পারেন; এটি কোনোভাবেই একটি বাগ নয়। এটি শুধুমাত্র কারণ আপনার ছবিগুলি WooCommerce সেটিংসের জন্য খুব ছোট ছিল যাতে সেগুলিকে প্রভাবিত করতে পারে৷ আপনি চিত্র মাত্রার পরিপ্রেক্ষিতে আপনার চিত্রগুলির জন্য সর্বাধিক প্রস্থ এবং উচ্চতা হিসাবে এই সেটিংসগুলিকে ভাবতে পারেন৷ নির্দিষ্ট সীমার নিচে যে কোন কিছুর আকার পরিবর্তন করা হবে না।

আপনার দোকান কনফিগার করার সময়, নিশ্চিত করুন যে WooCommerce ছবির আকার সেটিংস এবং আপনার ছবিগুলির প্রকৃত আকার উভয়ই বিবেচনায় নেওয়া হয়েছে৷ সংক্ষেপে, আপনার ছবিগুলি আপনার WooCommerce স্টোরের ইমেজ সাইজ সেটিংসের সমান বা বড় হওয়া উচিত৷

আপনার ছবির আকারের সেটিংসে যেকোনো পরিবর্তনের জন্য আপনাকে আপনার থাম্বনেইলগুলি পুনরায় তৈরি করতে হবে যাতে সেগুলি আপনার সাইটে ইতিমধ্যে আপলোড করা ছবিগুলিতে প্রভাব ফেলতে পারে৷ অতএব, পুনঃজেনারেট থাম্বনেইলস plugin ব্যবহার করা অত্যন্ত বাঞ্ছনীয়। এছাড়াও, নীচের পদক্ষেপগুলি ব্যবহার করে চিত্রের আকারগুলি সামঞ্জস্য করা যেতে পারে:

ধাপ 1 - আপনার প্রশাসক সাইডবারে, আপনার সাইটটি কাস্টমাইজ করা শুরু করতে অভিজ্ঞতা ' ট্যাব এবং তারপর ' কাস্টমাইজ

ধাপ 2 – পৃষ্ঠার শীর্ষে WooCommerce

ধাপ 3 - একক পণ্যের চিত্রগুলির জন্য চিত্র সেটিং কনফিগারেশন উইন্ডোর ' পণ্য চিত্র ' ট্যাবের অধীনে পাওয়া যাবে।

ধাপ 4 - যখন আপনি আপনার একক পণ্য পৃষ্ঠাগুলিতে ছবি আপলোড করেন, তখন প্রধান চিত্র প্রস্থ বিকল্পটি নির্বাচন করুন। থাম্বনেইলের প্রস্থ হল ক্যাটালগে আপনার পণ্যের থাম্বনেইলের প্রস্থ। আপনার পছন্দসই প্রস্থ মান দিয়ে শূন্যস্থান পূরণ করুন।

ধাপ 5 - আপনি ছবির আকার পরিবর্তন করার পরে এবং সেগুলি সংরক্ষণ করার পরে থাম্বনেইলগুলি পুনরুত্পাদন করতে, আপনাকে পুনঃজেনারেট থাম্বনেইল plugin Plugin বিভাগে পাওয়া যাবে প্রথমে, পুনঃজেনারেট থাম্বনেইলস plugin এবং তারপরে WP অ্যাডমিন > টুলস ট্যাবে নেভিগেট করুন, যেখানে আপনি নতুন ছবির আকার তৈরি করে আপনার ছবির থাম্বনেইলগুলি পুনরায় তৈরি করতে বেছে নিতে পারেন।

হ্যানসন এফ।

সাম্প্রতিক পোস্ট

Elementor এর সাথে হেডার এবং ফুটার কিভাবে ব্যবহার করবেন

একটি ওয়েবসাইটের শিরোনাম এবং ফুটার অপরিহার্য উপাদান। বেশিরভাগ ক্ষেত্রে, হেডার নেভিগেশন প্রদান করে...

6 জানুয়ারী, 2022

ওয়ার্ডপ্রেস থিম তুলনা: Astra বনাম OceanWP

বাজারে সবচেয়ে জনপ্রিয় দুটি ওয়ার্ডপ্রেস থিম হল Astra এবং OceanWP। পেশাদার…

জানুয়ারী 2, 2022

ওয়ার্ডপ্রেস সংবাদ থিম তুলনা: সংবাদপত্র বনাম। অ্যাস্ট্রা

একটি চমৎকার নিউজ ওয়েবসাইট তৈরি করার জন্য আপনাকে ওয়েব ডিজাইনার হতে হবে না। আমরা…

25 অক্টোবর, 2021

নিউজপেপার থিম সহ একটি সংবাদ-সম্পর্কিত ওয়েবসাইট তৈরি করুন

নিউজপেপার থিম হল ট্যাগডিভ দ্বারা ডিজাইন করা সবচেয়ে উল্লেখযোগ্য ওয়ার্ডপ্রেস থিমগুলির মধ্যে একটি, একটি…

18 অক্টোবর, 2021

এলিমেন্টরের সাথে কীভাবে স্টিকি হেডার এবং স্ক্রলিং প্রভাবগুলি ব্যবহার করবেন

একটি শিরোনাম হল সাধারণত প্রথম জিনিস যা একজন ব্যক্তি দেখেন যখন তারা আপনার ওয়েবসাইট পরিদর্শন করেন,…

21 সেপ্টেম্বর, 2021

কিভাবে Avada হেডার, ফুটার এবং কলাম লেআউট বিল্ডার ব্যবহার করবেন

আমাদের নিজস্ব পৃষ্ঠা নির্মাতা, Avada বিল্ডার, এখন দুটি ইন্টারফেসে উপলব্ধ: Avada…

16 সেপ্টেম্বর, 2021