কোন মাস্টার অ্যাডঅনস WooCommerce পণ্য ক্যারোজেল উইজেট নেই। এটি সামনে সৎ উত্তর, এবং এটি আপনাকে একটি ইনস্টল সংরক্ষণ করে।
কি কাজ করে তিনটি রুট। Elementor Pro এর লুপ ক্যারোজেল একমাত্র যেটি একটি লাইভ প্রোডাক্ট কোয়েরি চালায়, তাই স্ট্রিপটি আপনার ক্যাটালগ অনুসরণ করলে এটি বেছে নিন। বিনামূল্যের কোয়াড্রেন্ট পেজড ক্যাটালগ ডিজাইন আপনাকে একটি হ্যান্ড-কিউরেটেড নয়-আইটেম শোকেস দেয় যার পিছনে কোন প্রশ্ন নেই। এবং মাস্টার অ্যাডঅনসের বৈশিষ্ট্যযুক্ত পণ্য উইজেট একটি পণ্যকে স্পটলাইট করে, বিনামূল্যে ইমেজ ক্যারোজেল কভারিং পণ্য ফটোগ্রাফি সহ। তিনটিই প্রশস্ত ভিতরে বসে এলিমেন্টর ক্যারোজেল উইজেট পরিবার; আপনি যদি একটি পুরো দোকান কিট আউট করছি, woocommerce-এর জন্য সেরা এলিমেন্টর অ্যাডঅন রাউন্ডআপ বাকি কভার করে।
নীচে: প্রতিটি কীভাবে তৈরি করা হয়, তারপরে বেশিরভাগ টিউটোরিয়ালগুলি এড়িয়ে যায়, যেখানে একটি পণ্য ক্যারোজেল সক্রিয়ভাবে আপনার বিক্রয় খরচ করে।
কোন পদ্ধতি বাছাই করতে হবে
- আপনার কাছে Elementor Pro আছে এবং স্ট্রিপটি স্টক, দাম এবং নতুন আগমনকে ট্র্যাক করবে → লুপ ক্যারোজেল। এটা আসল উত্তর।
- আপনি কপির শেষ লাইন পর্যন্ত নয়টি হাতে লেখা কার্ড চান → চতুর্ভুজ পৃষ্ঠাযুক্ত ক্যাটালগ, বিনামূল্যে।
- আপনি একটি পণ্য কঠিন ধাক্কা চান → বৈশিষ্ট্যযুক্ত পণ্য, প্রো।
- আপনি শুধু একটি ট্র্যাক পণ্য ফটো প্রয়োজন → ইমেজ ক্যারোজেল, বিনামূল্যে।
পদ্ধতি 1: এলিমেন্টর প্রো এর লুপ ক্যারোজেল
Elementor Pro এটি স্থানীয়ভাবে সমাধান করে, তাই এখানে শুরু করুন। দ্য লুপ ক্যারোজেল একটি লুপ আইটেম টেমপ্লেট নেয়, একটি পণ্য কার্ড যা আপনি একবার ডিজাইন করেন এবং এটিকে একটি WooCommerce ক্যোয়ারীতে নির্দেশ করে৷ একটি পণ্য যোগ করুন, একটি মূল্য পরিবর্তন করুন, একটি আকারের বাইরে বিক্রি করুন এবং ক্যারোজেলটি কেউ সম্পাদক না খুলেই এটি প্রতিফলিত করে৷ কোন অ্যাডঅন জড়িত।
- লুপ আইটেম টেমপ্লেট তৈরি করুন। টেমপ্লেট → থিম বিল্ডার → লুপ আইটেম, পণ্যের উৎস সেট। ডায়নামিক ট্যাগ ব্যবহার করে ছবি, শিরোনাম, মূল্য, রেটিং এবং বোতাম রাখুন।
- পৃষ্ঠায় লুপ ক্যারোজেল উইজেট ড্রপ করুন এবং সেই টেমপ্লেটটি নির্বাচন করুন।
- ক্যোয়ারী সেট করুন। উৎস হল যেখানে আসল কাজ ঘটে: সমস্ত পণ্য, একটি বিভাগ, একটি ট্যাগ, বিক্রয়, বৈশিষ্ট্যযুক্ত, বা ম্যানুয়াল নির্বাচন। তারপর তারিখ, মূল্য, জনপ্রিয়তা বা মেনু অর্ডার অনুসারে অর্ডার করুন।
- কতগুলি লোড করতে হবে তা সেট করুন। এটি ক্যারোজেল ধারণ করা মোট, কতগুলি দৃশ্যমান নয়। আট থেকে বারোটি একটি সম্পর্কিত পণ্য ফালা স্যুট। চারটি দৃশ্যমান সহ চারটি লোড করুন এবং স্ক্রোল করার মতো কিছুই নেই।
- সেখানে যা থাকা উচিত নয় তা বাদ দিন। স্টক-এর বাইরে আইটেম, এবং একটি একক পণ্য পৃষ্ঠায়, বর্তমান পণ্য। একটি সম্পর্কিত-পণ্য স্ট্রিপ যাতে আপনি ইতিমধ্যেই যে পণ্যটি দেখছেন তা ভাঙ্গা হিসাবে পড়ে।
- ব্রেকপয়েন্ট প্রতি ভিউ স্লাইড সেট করুন। ডেস্কটপে চারটি, ট্যাবলেটে তিনটি, মোবাইলে দেড়টি।
যে "মোবাইলে দেড়" একটি টাইপো নয়। একটি পূর্ণ কার্ড এবং পরেরটির অর্ধেক হল সবচেয়ে শক্তিশালী সংকেত একটি স্ট্রিপ স্ক্রোল। প্রস্থ পূরণ করা একটি কার্ড একটি স্ট্যাটিক ব্লকের মতো দেখায় এবং বেশিরভাগ লোকেরা এটি কখনই সোয়াইপ করে না।
ধরা হল লাইসেন্স। লুপ ক্যারোজেল শুধুমাত্র প্রো-ই, এলিমেন্টর কোরে কোন বিনামূল্যের সমতুল্য নেই। ক্যারোজেল প্লাগইন রাউন্ডআপ ক্যোয়ারী কন্ট্রোল এবং ফ্রি ওয়ার্কঅ্যারাউন্ডের মাধ্যমে বিস্তারিতভাবে যায়।
পদ্ধতি 2: চতুর্ভুজ পৃষ্ঠাযুক্ত ক্যাটালগ (বিনামূল্যে) দিয়ে হাতে কিউরেটেড
একটি লাইভ প্রশ্ন কখনও কখনও ঠিক ভুল হয়। একটি হোমপেজ সংগ্রহ যেখানে আপনি প্রতিটি লাইন নিজেই লিখতে চান, অথবা এমন একটি সাইটে একটি পণ্য শোকেস যা WooCommerce চালায় না, হাতে বাছাই করা কার্ড চায়৷।
কোয়াড্রেন্ট পেজড ক্যাটালগ আটটি বিনামূল্যে আমদানিযোগ্য উইজেট নির্মাতা ডিজাইন: নয়টি আইটেম বাক্সের একটি গ্রিড একবারে তিনটি পৃষ্ঠাযুক্ত, একটি সেগমেন্ট রেল যা দেখায় যে আপনি কোথায় আছেন এবং পৃষ্ঠাগুলির মধ্যে লাফ দেয়৷ প্রতিটি বাক্সে একটি চিত্র, একটি বিভাগ লেবেল, একটি শিরোনাম, অনুলিপির একটি লাইন এবং একটি স্ট্যাট রয়েছে, যা হাতে টাইপ করা হয়েছে, যা বিন্দু।
লাইভ ডেমো উইজেট JSON ডাউনলোড করুন
এটি মাস্টার অ্যাডনস → উইজেট বিল্ডার → আমদানি উইজেটের মাধ্যমে বিনামূল্যে প্লাগইনে আমদানি করে, তারপর পছন্দের অধীনে এলিমেন্টরে প্রদর্শিত হয়। সেটের বাকি অংশ, বিশটি ডিজাইন যার মধ্যে আটটি বিনামূল্যে, রয়েছে বিনামূল্যে এলিমেন্টর স্লাইডার টেমপ্লেট রাউন্ডআপ।
সৎ সতর্কতা: নয়টি আইটেম, স্থির। এটি একটি পণ্য প্রশ্ন নয়। কিছুই স্টক ট্র্যাক করে না, কিছুই একটি মূল্য আপডেট করে না, এবং আপনি বাক্সটি সম্পাদনা না করা পর্যন্ত একটি বিক্রি হওয়া আইটেম সেখানে বসে থাকে। একটি কিউরেটেড সেটের জন্য এটি ব্যবহার করুন আপনি খুব কমই পরিবর্তন করেন। ক্যাটালগ অনুসরণ করতে হবে এমন কিছুর জন্য, পদ্ধতি 1 এ ফিরে যান।
পদ্ধতি 3: বৈশিষ্ট্যযুক্ত পণ্য, এবং ছবির জন্য ইমেজ ক্যারোজেল
মাস্টার অ্যাডনসের ঠিক একটি WooCommerce উইজেট আছে, এবং এটি একটি ক্যারোজেল নয়। দ্য বৈশিষ্ট্যযুক্ত পণ্য উইজেট প্রো, এবং এটি একটি ভিন্ন কাজ করে: একটি পণ্য, প্রদত্ত রুম, ছবি, শিরোনাম, মূল্য, বিবরণ এবং একটি কেনার বোতাম একটি স্ট্রিপে একটি কার্ডের পরিবর্তে একটি ব্লক হিসাবে রাখা হয়েছে৷।
যে প্রায়ই যাইহোক ভাল আকৃতি। এটির চারপাশে স্থান সহ একটি একক পণ্য একই পণ্যের চেয়ে কঠিন রূপান্তরিত হয় যেমন চারটি কার্ডের মধ্যে একটিকে অতীত স্ক্রোল করতে হয়। এটি একটি লঞ্চ, একটি বেস্টসেলার, বা একটি ল্যান্ডিং পৃষ্ঠার চারপাশে নির্মিত একটি আইটেমের জন্য ব্যবহার করুন৷।
একটি ট্র্যাকে পণ্য ফটোগ্রাফির জন্য (একই জ্যাকেটের ছয়টি কোণ, একটি লুকবুক, একটি উপকরণ স্ট্রিপ) বিনামূল্যে ইমেজ ক্যারোজেল এটি পরিচালনা করে। লাইটবক্স, ক্যাপশন, প্রতি-ডিভাইস স্লাইড-প্রতি-ভিউ। যদি এই কোণগুলির মধ্যে কিছু স্থিরচিত্রের পরিবর্তে ক্লিপ হয়, ভিডিও ক্যারোজেল এবং গ্যালারি স্লাইডার গাইড প্লেব্যাক পরিচালনা করে এমন উইজেটগুলিকে কভার করে৷।
এটি কী নয় সে সম্পর্কে পরিষ্কার থাকুন: আপনি নিজেই ছবিগুলি যোগ করেন এবং আপনি হাতে লিঙ্কগুলি সেট না করা পর্যন্ত সেগুলি পণ্যগুলির সাথে লিঙ্ক করে না৷ এটি একটি ফটো ক্যারোজেল, দোকানের ফিড নয়।
যেখানে একটি পণ্য ক্যারোজেল অন্তর্গত
আপনি যে পদ্ধতি ব্যবহার করুন না কেন, চারটি অবস্থান নির্ভরযোগ্যভাবে কাজ করে:
- একটি একক পণ্য পৃষ্ঠায় সম্পর্কিত পণ্য। দর্শক ইতিমধ্যে এই বিভাগে আগ্রহী। চারটি বিকল্পের একটি স্লাইডিং স্ট্রিপ একটি পরিষেবা।
- ক্রস-সেল এবং "লুক সম্পূর্ণ করুন।” একটি প্রধান পণ্য অধীনে আনুষাঙ্গিক। কেউ সব বারো দেখতে হবে না; তাদের জানতে হবে বারোটি বিদ্যমান।
- হোমপেজে একটি বৈশিষ্ট্যযুক্ত বা মৌসুমী সংগ্রহ। কিউরেটেড, সম্পূর্ণ নয়।
- সম্প্রতি দেখা। ছোট, ব্যক্তিগত এবং একটি ক্যারোজেল এটির জন্য প্রাকৃতিক আকৃতি।
যারা শেয়ার: পণ্য হয় ঐচ্ছিক। পৃষ্ঠাটি এখনও কাজ করে যদি কেউ স্ট্রিপ স্পর্শ না করে।
যেখানে এটি আপনার বিক্রয় খরচ
দোকান বা বিভাগের পৃষ্ঠায় কখনও ক্যারোজেল রাখবেন না।
এই এক ডান পেতে। একটি বিভাগ পৃষ্ঠা বিদ্যমান যাতে লোকেরা তুলনা করতে পারে: একটি গ্রিড স্ক্যান করুন, তারা যা চান তা চিহ্নিত করুন, ক্লিক করুন। একটি ক্যারোজেল চারটি পণ্য দেখায় এবং বাকিগুলি একটি তীরের পিছনে লুকিয়ে রাখে, যা তুলনাকে মেমরি অনুশীলনে পরিণত করে। পণ্য ছয়টি দেখার সময় দর্শককে তাদের মাথায় পণ্য দুটি ধরে রাখতে হবে।
একটি উপস্থাপনা খরচও আছে। একটি ক্যারোজেল এবং একটি গ্রিড একই মার্কআপ আউটপুট করতে পারে, তবে একটি বিভাগ পৃষ্ঠা যা দৃশ্যত ছয়টি আইটেমকে একটি পাতলা বিভাগ হিসাবে পড়া দেখায়, ক্রেতাদের এবং পৃষ্ঠার গভীরতা বিচারকারী উভয়ের কাছে। আপনার দোকান পাতা একটি দোকান মত দেখতে হবে।
দ্বিতীয় খারাপ অবস্থান: মোবাইলে ভাঁজের উপরে। একটি পণ্য ক্যারোজেল হল একটি ক্যোয়ারী, একটি টেমপ্লেট রেন্ডার এবং কিছু পেইন্ট করার আগে একটি স্লাইডার ইনিশিয়ালাইজেশন। একটি ফোন পৃষ্ঠার শীর্ষে, এটি একটি স্পিনারে ব্যয় করা আপনার সবচেয়ে বড় সন্তুষ্ট পেইন্ট। সেখানে একটি স্ট্যাটিক হিরো রাখুন এবং এটির নীচে ক্যারোজেল শুরু করুন।
কার্টে যোগ করুন: ক্যারোসেলে নাকি?
সাধারণ পণ্যের জন্য বোতাম দেখান। পরিবর্তনশীল বেশী জন্য এটি লুকান।
স্ট্রিপে AJAX অ্যাড-টু-কার্ট সহ একটি সাধারণ পণ্য হল একটি আসল শর্টকাট: একটি ট্যাপ, কোনও পৃষ্ঠা লোড নেই, কার্ট আপডেট৷ থাকার মূল্য।
একটি পরিবর্তনশীল পণ্য একটি আকার বা রঙ বাছাই ছাড়া যোগ করা যাবে না, তাই বোতামটি হয় কিছুই করে না বা ক্রেতাকে পণ্যের পৃষ্ঠায় বাউন্স করে। উভয়ই ভাঙ্গা বোধ করে। পরিবর্তনশীল পণ্যগুলির জন্য, পুরো কার্ডটিকে একটি লিঙ্ক করুন এবং বোতামটি এড়িয়ে যান।
যদি আপনার ক্যাটালগ উভয়কে মিশ্রিত করে, তবে একটি আপস লেআউটের পরিবর্তে বিভিন্ন প্রশ্নের সাথে দুটি ক্যারোসেল চালান।
বিক্রয় ব্যাজ এবং মূল্য প্রদর্শন
বিক্রয় ব্যাজ দেখান। এটি একটি পণ্য কার্ডের সর্বোচ্চ-কন্ট্রাস্ট জিনিস এবং এটির কারণেই লোকেরা স্ক্রলিং বন্ধ করে।
বিক্রয় আইটেমগুলিতে স্ট্রাক-থ্রু আসল সহ মূল্য দেখান, কারণ তুলনা হল প্ররোচনা।
পরিবর্তনশীল পণ্য একটি পরিসীমা প্রদর্শন করে (“£20 থেকে £45”)। দীর্ঘ রেঞ্জের মোড়ানো এবং কার্ডের সারিবদ্ধকরণ, এবং একটি অনুভূমিক স্ট্রিপে মিসলাইন করা কার্ডগুলি একটি গ্রিডের তুলনায় অনেক বেশি দৃশ্যমান। হয় মূল্য সারিতে একটি নির্দিষ্ট উচ্চতা সেট করুন অথবা £20 থেকে "” দেখান৷
কার্ড ডিজাইন যা অপেশাদার দেখায় না
তিনটি জিনিস বাকি থেকে বেশি গুরুত্বপূর্ণ।
সমান কার্ড উচ্চতা। পণ্যের শিরোনাম দৈর্ঘ্যে ব্যাপকভাবে পরিবর্তিত হয়, এবং এক-লাইন শিরোনামের পাশে একটি দুই-লাইন শিরোনাম মূল্য সারিটিকে বিভিন্ন উচ্চতায় ঠেলে দেয়। ছেঁটে দিয়ে একটি নির্দিষ্ট শিরোনামের উচ্চতা সেট করুন, অথবা স্বয়ংক্রিয়-উচ্চতা চালু করুন যাতে সারিটি নিজেই সমান হয়।
এক চিত্রের আকৃতির অনুপাত। একই স্ট্রিপে পোর্ট্রেট এবং বর্গাকার পণ্যের ফটোগুলি একটি পণ্য ক্যারোজেল সস্তা দেখায় এমন একক সবচেয়ে সাধারণ কারণ। একটি অনুপাত সেট করুন এবং এটি ক্রপ করুন।
কার্ডের মধ্যে ফাঁক। 16 থেকে 24px। জিরো গ্যাপ পণ্য একসাথে রক্তপাত করে; অত্যধিক এবং চারটি কার্ড একটি সেট হিসাবে পড়া বন্ধ করে দেয়।
পণ্যের জন্য অটোপ্লে?
না, এবং এটি একটি পছন্দ নয়। দ্য অটোপ্লে নিয়ম একটি হিরো স্লাইডারের জন্য আলাদা, যেখানে কিছুই ক্লিকযোগ্য নয় এবং ঘূর্ণনের জন্য কিছুই খরচ হয় না।
পণ্য কার্ড ক্লিকযোগ্য। অটোপ্লে মানে কেউ এটির কাছে পৌঁছানোর সাথে সাথে একটি কার্ড সরে যেতে পারে এবং একজন ক্রেতা যে ভুল পণ্যটি ট্যাপ করে সে সাধারণত ফিরে যায় না এবং আবার চেষ্টা করে না। তারা চলে যায়। পজ-অন-হোভার ডেস্কটপ কভার করে; স্পর্শে কোনও হোভার নেই, এবং মোবাইল হল যেখানে আপনার বেশিরভাগ ক্রেতা রয়েছে৷।
বন্ধ কর।
কর্মক্ষমতা: একটি পণ্য ক্যারোজেল আসলে কি খরচ হয়
ক্যোয়ারীটির প্রতিটি পণ্য একটি ডাটাবেস রিড এবং একটি টেমপ্লেট রেন্ডার, এবং সেই মার্কআপটি বিদ্যমান না হওয়া পর্যন্ত স্লাইডার স্ক্রিপ্টটি আরম্ভ করতে পারে না। তিনটি ব্যবহারিক সীমা:
- বারো এ ক্যোয়ারী ক্যাপ। এর বাইরে আপনি কার্ড রেন্ডার করছেন কেউ পৌঁছায় না।
- দৃশ্যমান চিত্রগুলির প্রথম সারি ছাড়া সবকিছু অলস-লোড করুন। অফ-স্ক্রীন স্লাইডগুলি আগ্রহের সাথে লোড হচ্ছে একটি ধীর পণ্য পৃষ্ঠার স্বাভাবিক কারণ৷।
- কার্ডের আকারে কার্ডের ছবি পরিবেশন করুন। একটি 2000px পণ্যের ফটো একটি 300px কার্ডে স্কেল করা একটি WooCommerce সাইটে সবচেয়ে সাধারণ নষ্ট ডাউনলোড।
প্রতি পৃষ্ঠা বিভাগে একটি ক্যারোজেল একটি যুক্তিসঙ্গত সিলিং। একটি হোমপেজে তিনটি স্ট্যাক করা ক্যারোসেল হল তিনটি স্লাইডার যা একটি ফোনের প্রধান থ্রেডের জন্য প্রতিযোগিতা করে৷।
স্কিমা: এটা হাতে রোল করবেন না
WooCommerce ইতিমধ্যেই একক পণ্য পৃষ্ঠাগুলিতে পণ্যের কাঠামোগত ডেটা আউটপুট করে এবং সেখানেই Google এটি চায়৷ একটি হোমপেজ বা ল্যান্ডিং পৃষ্ঠায় পণ্য কার্ডের একটি ক্যারোজেলের নিজস্ব পণ্য মার্কআপের প্রয়োজন নেই, এবং এটি হাতে যোগ করা মূল্য বা প্রাপ্যতা ডেটার সাথে শেষ করার একটি ভাল উপায় যা প্রকৃত পণ্য পৃষ্ঠার সাথে বিরোধিতা করে৷।
যদি ক্যারোজেল কার্ডগুলি পণ্যের পৃষ্ঠাগুলির সাথে লিঙ্ক করে এবং সেগুলি করা উচিত, ক্রল পাথটি অক্ষত থাকে এবং কাঠামোগত ডেটা যেখানে এটির থাকে সেখানে থাকে৷ এটা একা ছেড়ে দিন।
প্রায়শই জিজ্ঞাসিত প্রশ্নাবলী
মাস্টার অ্যাডনদের কি একটি WooCommerce পণ্য ক্যারোজেল উইজেট আছে?
নং। মাস্টার অ্যাডনসের একটি WooCommerce উইজেট, বৈশিষ্ট্যযুক্ত পণ্য রয়েছে এবং এটি একাধিক পণ্যের মধ্য দিয়ে স্লাইড করার পরিবর্তে একটি একক পণ্যকে স্পটলাইট করে। একটি বাস্তব পণ্য ক্যারোজেলের জন্য, একটি পণ্য লুপ আইটেম টেমপ্লেট সহ Elementor Pro এর লুপ ক্যারোজেল ব্যবহার করুন। ফ্রি প্লাগইনে হ্যান্ড-কিউরেটেড শোকেসের জন্য, কোয়াড্রেন্ট পেজড ক্যাটালগ ডিজাইন আমদানি করুন এবং নয়টি বাক্স নিজেই পূরণ করুন।
WooCommerce একটি পণ্য ক্যারোজেল আছে?
স্থানীয়ভাবে নয়। WooCommerce গ্রিডে পণ্য আউটপুট করে: দোকানের পৃষ্ঠা, বিভাগ সংরক্ষণাগার, সম্পর্কিত পণ্য। একটি স্লাইডিং ক্যারোজেলের হয় একটি পণ্য টেমপ্লেট সহ Elementor Pro এর লুপ ক্যারোজেল বা একটি তৃতীয় পক্ষের উইজেট প্রয়োজন যা একটি যোগ করে।
আমি কিভাবে বিনামূল্যে এলিমেন্টরে একটি পণ্য ক্যারোজেল তৈরি করব?
ফ্রি এলিমেন্টরের কোনো গতিশীল পণ্য ক্যারোজেল নেই, তাই সৎ মুক্ত পথটি একটি হাতে-কিউরেটেড: মাস্টার অ্যাডঅন → উইজেট বিল্ডার → উইজেট আমদানি করুন এবং নয়টি আইটেম টাইপ করুন, অথবা পণ্যের জন্য বিনামূল্যে চিত্র ক্যারোজেল ব্যবহার করুন ম্যানুয়াল লিঙ্ক সহ ফটোগ্রাফি। ক্যাটালগকে প্রশ্ন করে এমন যেকোনো কিছুর জন্য স্বয়ংক্রিয়ভাবে Elementor Pro প্রয়োজন।
আমার দোকানের পৃষ্ঠায় একটি পণ্য ক্যারোজেল ব্যবহার করা উচিত?
নং বিভাগ এবং দোকানের পৃষ্ঠাগুলি বিদ্যমান যাতে লোকেরা এক নজরে পণ্যগুলির তুলনা করতে পারে এবং একটি ক্যারোজেল তাদের বেশিরভাগকে একটি তীরের পিছনে লুকিয়ে রাখে। তালিকাভুক্ত পৃষ্ঠাগুলিতে একটি গ্রিড ব্যবহার করুন এবং সম্পর্কিত পণ্য, ক্রস-সেল এবং কিউরেটেড সংগ্রহের জন্য ক্যারোসেল সংরক্ষণ করুন।
একটি পণ্য ক্যারোজেল অ্যাড-টু-কার্ট বোতাম দেখাতে পারে?
হ্যাঁ, যদি আপনি নিজেই একটি লুপ আইটেম টেমপ্লেটে কার্ড তৈরি করেন। টেমপ্লেটে অ্যাড-টু-কার্ট রাখুন এবং প্রতিটি স্লাইড একটি পায়। AJAX অ্যাড-টু-কার্ট সহ সাধারণ পণ্যগুলির জন্য এটি দেখান; পরিবর্তনশীল পণ্যগুলির জন্য এটি লুকান, যার জন্য প্রথমে একটি বৈচিত্র নির্বাচন করা প্রয়োজন, তাই বোতামটি হয় ব্যর্থ হয় বা পুনঃনির্দেশ করে।
একটি ক্যারোসেলে কয়টি পণ্য থাকা উচিত?
আট থেকে বারোটি লোড, চারটি ডেস্কটপে দৃশ্যমান। আটের কম এবং স্ক্রোল করার মতো কিছু নেই; বারোটির বেশি এবং লেজ কখনও দেখা যায় না। আপনার যদি এর চেয়ে বেশি প্রয়োজন হয় তবে সামগ্রীটি একটি গ্রিড চায়।
কেন আমার পণ্য কার্ড বিভিন্ন উচ্চতা আছে?
বিভিন্ন দৈর্ঘ্যের পণ্যের শিরোনাম মূল্য এবং বোতামের সারিগুলিকে বিভিন্ন অবস্থানে ঠেলে দেয়। ছেঁটে দিয়ে একটি নির্দিষ্ট শিরোনামের উচ্চতা সেট করুন, অথবা স্বয়ংক্রিয়-উচ্চতা চালু করুন যাতে সারিটি সবচেয়ে লম্বা কার্ডের সাথে মেলে। একটি নির্দিষ্ট চিত্রের আকৃতির অনুপাতও সেট করুন, কারণ মিশ্র প্রতিকৃতি এবং বর্গাকার ফটো একই সমস্যা সৃষ্টি করে।
পরবর্তী
ছয়টি পণ্য তালিকাভুক্ত করার পরিবর্তে ছয়টি কোণ থেকে একটি পণ্যের শুটিং? এটাই ইমেজ ক্যারোজেল টিউটোরিয়াল, যা লাইটবক্স এবং ক্যাপশন সাইড কভার করে।
ক্যারোজেল-আকৃতির, বিনামূল্যে এবং প্রো সবকিছুই রয়েছে ক্যারোজেল উইজেট হাব, এবং বিনামূল্যে বনাম প্রো ব্রেকডাউন লাইসেন্স যোগ করে ঠিক কী তা দেখায়।
চতুর্ভুজ পৃষ্ঠাযুক্ত ক্যাটালগ বিনামূল্যে আমদানি করে। অন্য বারোটি ডিজাইনের একটি লাইসেন্স প্রয়োজন, এবং মূল্য পৃষ্ঠা প্রতিটি কোন স্তরের অধীনে পড়ে তা দেখায়।
