মিডিয়া ও ব্যানার সেকশন

গ্যালারির Media ভাগে আটটি সেকশন। সবগুলোতেই layout, background আর দৃশ্যমানতার কন্ট্রোল একই, তাই এখানে কেবল যেটা যার নিজস্ব তা লেখা হলো।

Hero Slider

Full-width image carousel for the top of the page. দোকানের শুরুতে যে বড় ঘুরন্ত ব্যানার থাকে। ডিফল্টে এক পাশ থেকে আরেক পাশ পর্যন্ত।

অন্তত একটি স্লাইড লাগে: “Add at least one slide.”

সব ছবির মাপ ও অনুপাত এক রাখুন। মাপ আলাদা হলে ঘোরার সময় স্লাইডার লাফায়।

Image Slider

A boxed image carousel with links. Hero Slider-এর মতোই, তবে এক পাশ থেকে আরেক পাশ নয় — মাঝের কলামের ভেতরে, আর নিয়ন্ত্রণগুলো দেখা যায়।

Banners

One or more promotional banner images with links. সমান মাপের ব্যানারের এক সারি — পাশাপাশি দুই, তিন বা চারটি। Gap between items (px) দিয়ে ফাঁক ঠিক হয়। অন্তত একটি ছবি লাগে।

Masonry Banners

Mixed-size promotional banners in a masonry grid. কন্ট্রোল Banners-এর মতোই, তবে ছবিগুলো নিজেদের অনুপাত রেখে একে অন্যের ফাঁকে বসে। “shop by look” ধরনের ব্লকে ভালো; যেখানে ব্যানার মিলিয়ে থাকা দরকার সেখানে নয়।

Wide Banner

A single wide promotional banner with a link. একটি ছবি, একটি লিংক। দুই সেকশনের মাঝে প্রচারের এক ফালি বসানোর সবচেয়ে সহজ উপায়।

CTA Hero

A headline hero with subtext, call-to-action buttons and a background image. Hero Slider-এর মতো নয় — এটি লেখা দিয়ে গড়া, তাই ফোনে পড়া যায় আর সার্চ ইঞ্জিনও পড়তে পারে।

ব্যস্ত ছবিতে শিরোনাম হারিয়ে গেলে লেখার রঙ বদলানোর আগে overlay বাড়ান।

Video

An embedded video banner section. একটিই ঘর, Video URL (YouTube / mp4) — YouTube-এর লিংক বা সরাসরি .mp4 ঠিকানা দিন। দিতেই হবে।

Logo Strip

A row of trust / partner logos (“as seen on”).

অন্তত একটি লোগো লাগে।

কোনটি কখন