What is the Filterable Image Gallery widget?

A standalone Elementor widget that turns any image grid into a category-filtered gallery. Visitors click filter tabs to show only relevant items. Each item can display a title, subtitle, and two styled call-to-action buttons.

Is the Filterable Image Gallery widget free?

Yes. It comes with the free Master Addons plugin, so you can build a filterable gallery without Elementor Pro or a Master Addons Pro license. You can add as many gallery items as you need.

How do I assign items to filter categories?

In the Gallery Contents section for each item, find the Filter Label field and enter the category name (“Technology”, “Branding”, “Photography”). All items with the same label group under one filter button. Comma-separate to assign an item to multiple categories.

Can visitors open images in a lightbox?

Yes. Each button can link to a lightbox popup, an external URL, or a page on your site. Set the link destination per item in the gallery contents section.

Is the gallery responsive on mobile?

Yes. Columns stack automatically, four columns become two or one on smaller screens. Filter buttons wrap to fit. Use Elementor’s responsive mode to adjust Gutter and font sizes for mobile specifically.

How is this different from a regular Image Carousel or Gallery Slider?

A carousel or slider shows one image at a time and cycles through them. A filterable gallery shows everything at once and lets visitors narrow the grid by category. Use the Image Carousel for hero sections and logo rows, or Gallery Slider (Pro) when you want one large image with thumbnails. Use a filterable gallery for portfolios, catalogues and collections where browsing matters.

এলিমেন্টর ফিল্টারযোগ্য গ্যালারি উইজেট - ছবিগুলিকে ফিল্টারযোগ্য করুন

একটি ফ্ল্যাট ইমেজ গ্রিডকে এমন কিছুতে পরিণত করুন যার সাথে দর্শকরা আসলে ইন্টারঅ্যাক্ট করে। বিভাগগুলি বেছে নিন, একটি ফিল্টারে ক্লিক করুন এবং গ্রিডটি নিজেকে পুনরায় সাজান। হোভার ইফেক্ট, টিল্ট অ্যানিমেশন এবং প্রতিটি আইটেমের দুটি কল-টু-অ্যাকশন বোতাম বিল্ট ইন করা হয়।

একটি স্ট্যাটিক গ্যালারি ছবি দেখায়। একটি ফিল্টারযোগ্য গ্যালারি লোকেদের তারা কী যত্ন করে তা খুঁজে পেতে দেয়। ফিল্টারযোগ্য ইমেজ গ্যালারি উইজেট আপনার পোর্টফোলিও, পণ্যের ক্যাটালগ বা ফটো সংগ্রহকে শীর্ষে একটি বিভাগ বার দেয়। দর্শকরা একটি ট্যাবে ক্লিক করে, গ্রিড ফিল্টার করে তাৎক্ষণিকভাবে, এবং প্রতিটি আইটেম একটি শিরোনাম, সাবটাইটেল এবং "ভিউ ডিটেইলস" বা "লাইভ ডেমো" এর জন্য দুটি স্টাইল করা বোতাম বহন করতে পারে।

উইজেটটি মাস্টার অ্যাডঅন প্লাগইনে বিনামূল্যে এবং এলিমেন্টর প্রো ছাড়াই কাজ করে।

ফিল্টারযোগ্য ইমেজ গ্যালারি টিউটোরিয়াল ভিডিও

আপনি ফিল্টারযোগ্য গ্যালারি উইজেট দিয়ে কি করতে পারেন

সম্পূর্ণ নিয়ন্ত্রণ সহ বিভাগ ফিল্টারিং

ফিল্টার বার সক্ষম করুন এবং দর্শকরা গ্যালারির উপরে বিভাগ বোতামগুলি দেখতে পাবেন: “all”, “Branding”, “Photography”, “Web Design”, আপনি যে লেবেল সেট করুন না কেন৷ "All” ট্যাবের নাম পরিবর্তন করুন, বারটি বাম, কেন্দ্র বা ডানদিকে সারিবদ্ধ করুন এবং সক্রিয় ট্যাবগুলিকে আলাদা রঙ, ব্যাকগ্রাউন্ড এবং সীমানা সহ স্টাইল করুন যাতে লোকেরা সর্বদা জানে যে তারা কী বেছে নিয়েছে৷।

ফিল্টার লেবেল ক্ষেত্র ব্যবহার করে প্রতিটি চিত্রকে একটি বিভাগে বরাদ্দ করুন। একাধিক বিভাগের জন্য কমা-পৃথক।
অ্যাক্টিভ স্টেট স্টাইলিং নির্বাচিত ট্যাবটিকে বাকিদের থেকে আলাদা করে তোলে।
ফিল্টার বারে টাইপোগ্রাফি এবং ব্যবধান সম্পূর্ণরূপে কাস্টমাইজযোগ্য।

গ্যালারি লেআউট এবং 3D প্রভাব

কলামের সংখ্যা চয়ন করুন, একটি Pinterest-স্টাইলের স্তব্ধ গ্রিডের জন্য রাজমিস্ত্রি সক্ষম করুন এবং গুটার সেটিংসের সাথে ব্যবধান নিয়ন্ত্রণ করুন। তারপরে ইন্টারেক্টিভ ইফেক্টের উপর স্তর: হোভার স্কেল মাউসওভারে আইটেমগুলিকে বড় করে তোলে এবং টিল্ট ইফেক্ট একটি 3D দৃষ্টিকোণ যোগ করে যা ঐচ্ছিক একদৃষ্টি সহ কার্সারকে অনুসরণ করে। এটি এমন একটি বিশদ যা একটি গ্যালারিকে ডিফল্টের পরিবর্তে বিবেচনা করা অনুভব করে।

গতিশীল, অসম চিত্র উচ্চতার জন্য রাজমিস্ত্রির বিন্যাস।
সামঞ্জস্যযোগ্য দৃষ্টিকোণ, গতি এবং একদৃষ্টির তীব্রতার সাথে 3D কাত।
কনফিগারযোগ্য স্থানান্তর গতি সহ হোভার স্কেল।
প্রতিক্রিয়াশীল কলাম যা মোবাইলে পরিষ্কারভাবে স্ট্যাক করে।

স্টাইল করা টেক্সট ওভারলে এবং ডুয়াল CTA

প্রতিটি গ্যালারি আইটেম একটি শিরোনাম, সাবটাইটেল এবং বিভাগ লেবেল দেখাতে পারে, প্রতিটি স্বাধীন টাইপোগ্রাফি এবং রঙ সহ। হোভারে, একটি ওভারলে রঙ বিবর্ণ হয়ে যায় এবং দুটি বোতাম উপস্থিত হয়: “Details” এবং “Demo” (বা আপনি যে পাঠ্যই লিখুন না কেন)। উভয় বোতামে ব্যাকগ্রাউন্ড, টেক্সট কালার, সীমানা, ব্যাসার্ধ এবং ছায়ার জন্য সম্পূর্ণ সাধারণ এবং হোভার স্টেট কন্ট্রোল রয়েছে।

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

ফিল্টারযোগ্য গ্যালারী উদাহরণ এবং ব্যবহারের ক্ষেত্রে

পোর্টফোলিও: দর্শকদের প্রকল্পের ধরন, ব্র্যান্ডিং, ওয়েব, ফটোগ্রাফি, চিত্রণ দ্বারা ফিল্টার করতে দিন।
পণ্যের ক্যাটালগ: “All”, “New Arrivals”, “Sale”, “Best Sellers”-এর জন্য বিভাগ ট্যাব।
রেস্তোরাঁর মেনু: “Starters”, “Mains”, “Desserts”, “Drinks” দ্বারা ফিল্টার করুন।
রিয়েল এস্টেট তালিকা: “apartments”, “Houses”, “Commercial”, “Land”।
বিবাহের ফটোগ্রাফি: "অনুষ্ঠান", "অভ্যর্থনা", "প্রতিকৃতি", "বিস্তারিত"।
এজেন্সি কেস স্টাডি: ক্লায়েন্ট শিল্প বা পরিষেবার ধরন দ্বারা ফিল্টার।

এলিমেন্টরে কীভাবে ফিল্টারযোগ্য গ্যালারি তৈরি করবেন

উইজেট ড্রপ। Elementor-এ, মাস্টার অ্যাডঅনগুলির অধীনে "ফিল্টারেবল ইমেজ গ্যালারি" অনুসন্ধান করুন এবং এটিকে আপনার বিভাগে টেনে আনুন।
গ্যালারি আইটেম যোগ করুন। প্রতিটি ছবির জন্য + আইটেম যোগ করুন ক্লিক করুন। ছবিটি আপলোড করুন, একটি শিরোনাম এবং সাবটাইটেল লিখুন, ফিল্টার লেবেল (বিভাগের নাম) সেট করুন এবং প্রয়োজনে বোতাম পাঠ্য এবং লিঙ্ক যোগ করুন।
ফিল্টার বার সক্রিয় করুন। ফিল্টার নেভি দেখান চালু করুন, আপনার কলামের সংখ্যা সেট করুন, রাজমিস্ত্রি বা নিয়মিত গ্রিড বাছাই করুন এবং নর্দমার ব্যবধান সামঞ্জস্য করুন। ইন্টারঅ্যাক্টিভিটির জন্য হোভার স্কেল এবং টিল্ট ইফেক্ট সক্ষম করুন।
সবকিছু স্টাইল করুন। স্টাইল ট্যাবে, ফিল্টার বার, আইটেম কার্ড, টেক্সট ওভারলে, বোতাম এবং হোভার স্টেট ডিজাইন করুন। সম্পন্ন হলে প্রকাশ করুন।

ফিল্টারযোগ্য ইমেজ গ্যালারির জন্য প্রায়শই জিজ্ঞাসিত প্রশ্ন

ফিল্টারযোগ্য ইমেজ গ্যালারি সম্পর্কে ব্যবহারকারীদের সবচেয়ে বেশি জিজ্ঞাসিত প্রশ্নগুলি জানুন এবং এক জায়গায় উত্তরগুলি খুঁজুন৷।

ফিল্টারযোগ্য ইমেজ গ্যালারি উইজেট কি?

একটি স্বতন্ত্র এলিমেন্টর উইজেট যা যেকোনো ইমেজ গ্রিডকে একটি বিভাগ-ফিল্টার করা গ্যালারিতে পরিণত করে। দর্শকরা শুধুমাত্র প্রাসঙ্গিক আইটেম দেখাতে ফিল্টার ট্যাবে ক্লিক করে। প্রতিটি আইটেম একটি শিরোনাম, সাবটাইটেল এবং দুটি স্টাইল করা কল-টু-অ্যাকশন বোতাম প্রদর্শন করতে পারে।

ফিল্টারযোগ্য ইমেজ গ্যালারি উইজেট কি বিনামূল্যে?

হ্যাঁ। এটি বিনামূল্যে মাস্টার অ্যাডঅন প্লাগইনের সাথে আসে, তাই আপনি এলিমেন্টর প্রো বা মাস্টার অ্যাডঅন প্রো লাইসেন্স ছাড়াই একটি ফিল্টারযোগ্য গ্যালারি তৈরি করতে পারেন। আপনি আপনার প্রয়োজন হিসাবে অনেক গ্যালারি আইটেম যোগ করতে পারেন।

আমি কিভাবে ফিল্টার বিভাগে আইটেম বরাদ্দ করব?

প্রতিটি আইটেমের জন্য গ্যালারি বিষয়বস্তু বিভাগে, ফিল্টার লেবেল ক্ষেত্রটি খুঁজুন এবং বিভাগের নাম লিখুন (“Technology”, “Branding”, “Photography”)। একটি ফিল্টার বোতামের অধীনে একই লেবেল গ্রুপ সহ সমস্ত আইটেম। একাধিক বিভাগে একটি আইটেম বরাদ্দ করতে কমা-পৃথক।

দর্শকরা কি লাইটবক্সে ছবি খুলতে পারে?

হ্যাঁ। প্রতিটি বোতাম একটি লাইটবক্স পপআপ, একটি বহিরাগত URL, বা আপনার সাইটের একটি পৃষ্ঠার সাথে লিঙ্ক করতে পারে৷ গ্যালারী বিষয়বস্তু বিভাগে আইটেম প্রতি লিঙ্ক গন্তব্য সেট করুন।

গ্যালারি কি মোবাইলে প্রতিক্রিয়াশীল?

হ্যাঁ। কলামগুলি স্বয়ংক্রিয়ভাবে স্ট্যাক হয়ে যায়, চারটি কলাম ছোট স্ক্রিনে দুই বা একটি হয়ে যায়। ফিল্টার বোতাম ফিট মোড়ানো। বিশেষভাবে মোবাইলের জন্য গটার এবং ফন্টের আকার সামঞ্জস্য করতে এলিমেন্টরের প্রতিক্রিয়াশীল মোড ব্যবহার করুন।

এটি একটি নিয়মিত ইমেজ ক্যারোজেল বা গ্যালারি স্লাইডার থেকে কীভাবে আলাদা?

একটি ক্যারোজেল বা স্লাইডার একবারে একটি চিত্র দেখায় এবং তাদের মাধ্যমে চক্রাকারে চলে। একটি ফিল্টারযোগ্য গ্যালারি একবারে সবকিছু দেখায় এবং দর্শকদের বিভাগ অনুসারে গ্রিডকে সংকুচিত করতে দেয়। ব্যবহার কর ইমেজ ক্যারোজেল নায়ক বিভাগ এবং লোগো সারি জন্য, বা গ্যালারি স্লাইডার (প্রো) যখন আপনি থাম্বনেইল সহ একটি বড় ছবি চান। পোর্টফোলিও, ক্যাটালগ এবং সংগ্রহের জন্য একটি ফিল্টারযোগ্য গ্যালারি ব্যবহার করুন যেখানে ব্রাউজিং গুরুত্বপূর্ণ।