Logo

Komponenty Standard z aktualizacjami zwiększającymi zgodność z WCAG

Poniżej udostępniamy listę komponentów Standard, które uwzględniają aktualizacje zwiększające zgodność z WCAG 2.2 z myślą o Europejskim Akcie o Dostępności. Jest to kompletna lista komponentów, które będą systematycznie rozwijane. Jeżeli korzystasz z szablonu Standard lub szablonu własnego Lite, upewnij się, że Twój sklep ma włączone automatyczne aktualizacje komponentów i szablonów Standard. Dzięki temu szablon Twojego sklepu zawsze będzie miał najaktualniejsze komponenty, bez konieczności ręcznej aktualizacji.

Wskazówka

Szczegółowe informacje na temat samej dyrektywy zamieściliśmy w dedykowanym wpisie blogowym

Układ: 

  • Strona HTML – STANDARD (envelope)

  • Strona HTML – STANDARD FASHION (envelope)

  • Strona HTML – STANDARD 2 (envelope)

  • Strona HTML – STANDARD DECOR (envelope)

  • Strona HTML – STANDARD 4 (envelope)

  • Strona HTML – STANDARD B2B (envelope)

  • Układ (layout)

  • Paski informacyjne na górze strony STANDARD (bars_top)

  • Paski informacyjne na dole strony STANDARD (bars_bottom)

  • Aktywny kod rabatowy STANDARD (menu_rebates_codes)

  • Darmowa dostawa STANDARD (menu_delivery_cost)

  • Logo STANDARD (menu_top)

  • Logo STANDARD FASHION (menu_top)

  • Wyszukiwarka podpowiedzi STANDARD (menu_search)

  • Wyszukiwarka podpowiedzi STANDARD FASHION (menu_search)

  • Menu ustawienia STANDARD (menu_settings)

  • Menu ustawienia STANDARD B2B (menu_settings)

  • Menu ustawienia STANDARD FASHION (menu_settings)

  • Koszyk rozwijany (menu_basket)

  • Koszyk rozwijany STANDARD FASHION (menu_basket)

  • Koszyk rozwijany STANDARD B2B (menu_basket)

  • Koszyk rozwijany STANDARD DECOR (menu_basket)

  • Koszyk rozwijany STANDARD STANDARD 4 (menu_basket)

  • Menu kategorii STANDARD (menu_categories)

  • Menu kategorii STANDARD DECOR (menu_categories)

  • Menu kategorii STANDARD FASHION (menu_categories)

  • Menu kategorii STANDARD 2 (menu_categories)

  • BreadCrumb STANDARD (projector_stepper)

  • BreadCrumb STANDARD 4 (projector_stepper)

  • BreadCrumb STANDARD FASHION (projector_stepper)

  • BreadCrumb STANDARD DECOR (projector_stepper)

  • BreadCrumb STANDARD B2B (projector_stepper)

  • Dodatkowe menu kategorii navigation 1 STANDARD (menu_additional2)

  • Filtry STANDARD (menu_filter)

  • Filtry STANDARD FASHION (menu_filter)

  • Filtry STANDARD DECOR (menu_filter)

  • Filtry z suwakiem (menu_filter)

  • Buttony strefy 3 STANDARD (menu_buttons3)

  • Koszyk Hotspot strefa 1 - slider i dodawanie do koszyka (menu_basketedit_hotspot_zone1)

  • Lista towarów Hotspot strefa 1 (menu_search_hotspot1_bis)

  • Lista towarów Hotspot strefa 1 - slider i dodawanie do koszyka(menu_search_hotspot1_bis)

  • Lista towarów Hotspot strefa 1 - dodawanie do koszyka (menu_search_hotspot1_bis)

  • Lista towarów Hotspot strefa 1 - slider (menu_search_hotspot1_bis)

  • Buttony strefy 1 STANDARD (menu_buttons)

  • Moje zamówienie + Regulaminy + Moje konto + Navigation4 (menu_tree4)

  • Informacja o cenach + Dane kontaktowe + Logo IdoSell (menu_contact)

  • Banery strefy 2 STANDARD (menu_banners2)

  • Hotspot układ (hotspot)

  • Hotspoty javascript (hotspots_javascript)

  • Hotspoty css (hotspots_css)

  • Hotspoty css fashion (hotspots_css)

  • Hotspoty css decor (hotspots_css)

  • Hotspoty dodawanie do koszyka (hotspots_add_to_basket)

  • Lista zakupowa - Javascript + CSS + XSLT (menu_shoppinglist)

  • Struktura strony (envelope)

  • Struktura strony STANDARD DECOR (envelope)

  • Struktura strony STANDARD FASHION (envelope)

  • Struktura strony STANDARD 4 (envelope)

  • Układ strony (layout)

  • Układ strony STANDARD 2 (layout)

  • Układ strony STANDARD 3 (layout)

  • Układ strony STANDARD 4 (layout)

  • Javascript + CSS + TXT (menu_javascript)

  • Przejdź do zawartości strony (menu_skip)

  • Przejdź do wyszukiwarki (menu_skip)

  • Pełnoekranowa wyszukiwarka (menu_search)

  • Układ topu (top_menu_wrapper)

  • Układ topu z wyśrodkowanym logo (top_menu_wrapper)

  • Układ topu FASHION (top_menu_wrapper)

  • Układ topu B2B (top_menu_wrapper)

  • Wybór języka, waluty, kraju dostawy (menu_settings)

  • Logowanie (menu_login)

  • Logowanie STANDARD FASHION (menu_login)

  • Logowanie STANDARD B2B (menu_login)

  • Listy zakupowe (menu_shoppinglist_top)

  • Listy zakupowe STANDARD FASHION (menu_shoppinglist_top)

  • Menu kategorii kaskadowe (menu_categories)

  • Menu kategorii 3 STANDARD 2 (menu_tree3)

  • Listy zakupowe - menu STANDARD (menu_wishlist)

  • Listy zakupowe - menu STANDARD FASHION (menu_wishlist)

  • Błędy i informacje w projektorze STANDARD (menu_messages)

  • Kalendarz - js rozdzielone STANDARD (menu_calendar)

Komponenty styli: 

  • Design system BETA (css_components_design_system) 

  • Design system 2 BETA (css_components_design_system) 

  • Design system 3 BETA (css_components_design_system) 

  • Design system 4 BETA (css_components_design_system) 

  • Design system FASHION BETA (css_components_design_system) 

  • Design system DECOR BETA (css_components_design_system) 

  • Design system B2B BETA (css_components_design_system) 

  • Grid (css_components_layout) 

  • Formularze STANDARD (css_components_forms)  

  • Formularze STANDARD 4 (css_components_forms) 

  • Przyciski, Badge (css_components_buttons) 

  • Przyciski, Badge STANDARD DECOR (css_components_buttons) 

  • Przyciski, Badge STANDARD FASHION (css_components_buttons) 

  • Przyciski, Badge STANDARD 4 (css_components_buttons) 

  • Przyciski, Badge STANDARD 3 (css_components_buttons) 

  • Stronicowanie, Hotspoty, Oceny, Blog, Aktualności (css_components_pagination) 

  • Stronicowanie, Hotspoty, Oceny, Blog, Aktualności STANDARD 3 (css_components_pagination) 

  • Stronicowanie, Hotspoty, Oceny, Blog, Aktualności STANDARD B2B (css_components_pagination) 

  • Stronicowanie, Hotspoty, Oceny, Blog, Aktualności STANDARD DECOR (css_components_pagination) 

  • Stronicowanie, Hotspoty, Oceny, Blog, Aktualności STANDARD FASHION (css_components_pagination) 

  • Stronicowanie, Hotspoty, Oceny, Blog, Aktualności STANDARD 4 (css_components_pagination) 

  • Listy rozwijane STANDARD (css_components_dropdown) 

  • Ikony (css_components_icons)

  • Ikony STANDARD FASHION (css_components_icons)

Karta towaru: 

  • Nazwa STANDARD (projector_productname) 

  • Nazwa STANDARD 2 (projector_productname) 

  • Nazwa STANDARD B2B (projector_productname) 

  • Nazwa STANDARD FASHION (projector_productname) 

  • Detale produktu (projector_details) 

  • Detale produktu - DECOR (projector_details) 

  • Detale produktu - B2B (projector_details) 

  • Detale produktu STANDARD 2 (projector_details) 

  • Detale produktu - FASHION (projector_details) 

  • Opinie STANDARD (projector_projector_opinons_form) 

  • Opinie STANDARD DECOR (projector_projector_opinons_form) 

  • Blog - wpisy powiązane z tym produktem (projector_blog_items) 

  • Rekomendacje strefa 2 - dodawanie do koszyka (projector_associated_zone2)  

  • Rekomendacje strefa 1 - dodawanie do koszyka (projector_associated_zone1)  

  • Rekomendacje strefa 3 - slider i dodawanie do koszyka (projector_associated_zone3)  

  • Rekomendacje strefa 2 - slider i dodawanie do koszyka (projector_associated_zone2)  

  • Rekomendacje strefa 1 - slider i dodawanie do koszyka (projector_associated_zone1) 

  • Rekomendacje strefa 3 - dodawanie do koszyka (projector_associated_zone3) 

Strona główna: 

  • CMS (main_cms) 

  • CMS 2 (main_cms2) 

  • Menu kategorii 5 (main) 

  • Buttony strefy 2 (main_buttons2) 

  • Blog (main_news2) 

  • Aktualności (main_news1) 

  • Banery strefy 3 (main_banner3) 

  • Instagram - strona główna (main_instagram) 

  • Hotspot strefa 1 - dodawanie do koszyka (main_hotspot_zone1) 

  • Hotspot strefa 1 - slider i dodawanie do koszyka (main_hotspot_zone1) 

  • Hotspot strefa 2 - dodawanie do koszyka (main_hotspot_zone2) 

  • Hotspot strefa 2 - slider i dodawanie do koszyka (main_hotspot_zone2) 

  • Hotspot strefa 3 - dodawanie do koszyka (main_hotspot_zone3) 

  • Hotspot strefa 3 - slider i dodawanie do koszyka (main_hotspot_zone3) 

  • Hotspot strefa 4 - dodawanie do koszyka (main_hotspot_zone4) 

  • Hotspot strefa 4 - slider i dodawanie do koszyka (main_hotspot_zone4) 

Lista produktów: 

  • Hotspot dodawanie do koszyka (hotspot_add_to_basket) 

  • Strona braku towaru Hotspot strefa 1 - dodawanie do koszyka (noproduct_hotspot_zone1) 

  • Strona braku towaru Hotspot strefa 1 - slider i dodawanie do koszyka (noproduct_hotspot_zone1) 

  • Opis kategorii STANDARD (search_categoriesdescription) 

  • Opis kategorii STANDARD 3 (search_categoriesdescription) 

  • Opis kategorii STANDARD 4 (search_categoriesdescription) 

  • Opis kategorii STANDARD DECOR (search_categoriesdescription) 

  • Opis kategorii STANDARD B2B v3 (search_categoriesdescription) 

  • Stronicowanie top STANDARD (search_paging) 

  • Stronicowanie top STANDARD 4 (search_paging) 

  • Stronicowanie top STANDARD DECOR (search_paging) 

  • Stronicowanie top STANDARD B2B (search_paging) 

  • Aktywne filtry STANDARD (search_filters) 

  • Filtry + Sortowanie STANDARD 3 (search_filters) 

  • Filtry + Aktywne filtry STANDARD 4 (search_filters) 

  • Produkty w porównaniu STANDARD (search_settings) 

  • Produkty w porównaniu STANDARD 4 (search_settings) 

  • Produkty w porównaniu STANDARD DECOR (search_settings) 

  • Normalny widok STANDARD (search) 

  • Normalny widok STANDARD 3 (search) 

  • Normalny widok STANDARD 4 (search) 

  • Normalny widok STANDARD FASHION (search) 

  • Normalny widok STANDARD DECOR (search) 

  • Normalny widok STANDARD B2B (search) 

  • Normalny widok - oceny gwiazdkowe (search) 

  • Normalny widok - oceny gwiazdkowe FASHION (search) 

  • Normalny widok - oceny gwiazdkowe DECOR (search) 

  • Normalny widok - większe zdjęcia dla branży fashion (search) 

  • Normalny widok STANDARD - dodawanie do koszyka (search) 

  • Lista STANDARD B2B (search_list) 

  • Szybkie kupowanie STANDARD B2B (search_gallery) 

  • Stronicowanie bottom STANDARD (search_paging2) 

  • Lista produktów bez przeładowania strony STANDARD (search_promo_products) 

Lista wpisów bloga (blog-list): 

  • Blog lista (blog_list_display) 

  • Blog lista - stronicowanie STANDARD (blog_list_paging)

Lista wpisów w aktualnościach (news): 

  • Aktualności lista (news) 

  • Stronicowanie newsów STANDARD (news_paging)

Ustawienia subskrypcji (subscription):

  • Karta subskrypcji (subscription_settings)

Lista zgłoszonych, poszukiwanych produktów (products-requests):

  • Produkty zaproponowane - Lista (products_requests_list)

Lista produktów wirtualnych do pobrania (client-files):

  • Pliki do pobrania STANDARD (client_files_files)

Listy zakupowe (shoppinglist):

  • Lista zakupowa STANDARD (shoppinglist_manage)

  • Lista zakupowa STANDARD B2B (shoppinglist_manage)

Lista zamówień, lista zamówień do zwrotu (client-orders):

  • Zamówienia klienta STANDARD (client-orders)

  • Zamówienia klienta STANDARD B2B (client-orders)

  • Stronicowanie listy zamówień STANDARD (client_orders_paging)

Strona konto użytkownika (login):

  • Linki STANDARD (login)

  • Linki STANDARD B2B (login)

Strona z informacjami o rabatach i kartach stałego klienta (client-rebates):

  • Szczegóły STANDARD (client_rebates_info)

Lista wcześniej zakupionych produktów (products-bought):

  • Lista kupionych produktów STANDARD (products_bought_list)

Zwroty - wybór sposobu zwrotu produktu (returns-methods):

  • Sposoby zwrotu produktów STANDARD (returns_methods_form)

Zwroty - szczegóły zgłoszonego zwrotu (returns-details):

  • Szczegóły STANDARD (returns_details_form)

Zwroty - podsumowanie danych do zwrotu (returns-confirmation):

  • Zwroty potwierdzenie - STANDARD (returns_confirmation_form)

Zwroty - wybór formy zwrotu należności (returns-repayments):

  • Zwrot płatności STANDARD (returns_repayments_form)

Zwroty - lista adresów punktów do zwrotów (returns-sites):

  • Zwroty punkty STANDARD (returns_sites_form)

Zwroty - lista z wyborem produktów do zwrotu (returns-products):

  • Zwroty lista produktów STANDARD (returns_products_list)

Reklamacje - szczegóły zgłoszonej reklamacji, korespondencja dotycząca reklamacji (rma-details):

  • Szczegóły STANDARD (rma_details_form)

Reklamacje - lista adresów punktów do wysyłki reklamowanych produktów (rma-sites):

  • RMA punkty STANDARD (rma_sites_form)

Reklamacje - wybór sposobu wysyłki produktów do reklamacji (rma-methods):

  • Sposób dostarczenia reklamowanych produktów (rma_methods_form)

Reklamacje - wybór formy zwrotu należności za reklamowany produkt (rma-repayments):

  • Zwrot płatności RMA STANDARD (rma_repayments_form)

Reklamacje - lista z wyborem produktów do reklamacji (rma-products):

  • Lista produktów STANDARD (rma_products_list)

Wymagane działania w Układzie szablonu

Jeśli zaktualizujesz poniższe komponenty Układu (część z nich widoczna jest tylko w konkretnym szablonie Standard), zadbaj o to, aby dodać nowy komponent typu wrapper Układ topu (top_menu_wrapper) tuż pod Wyszukiwarką podpowiedzi STANDARD (menu_search) oraz komponent Przejdź do zawartości strony (menu_skip) pod elementem Sugerowany sklep dla języka - toplayer STANDARD

Struktura strony (envelope)

Struktura strony STANDARD DECOR (envelope)

Struktura strony STANDARD FASHION (envelope)

Struktura strony STANDARD 4 (envelope)

Układ strony (layout)

Układ strony STANDARD 2 (layout)

Układ strony STANDARD 3 (layout)

Układ strony STANDARD 4 (layout)

Menu kategorii STANDARD (menu_categories)

Menu kategorii kaskadowe (menu_categories)

Menu kategorii STANDARD 2 (menu_categories)

Menu kategorii STANDARD FASHION (menu_categories)

Menu kategorii STANDARD DECOR (menu_categories)

Menu kategorii 3 STANDARD 2 (menu_tree3)

Po przeprowadzeniu powyższej operacji usuń komponenty:

Menu ustawienia STANDARD (menu_settings)

Menu ustawienia STANDARD Fashion (menu_settings)

Menu ustawienia STANDARD B2B (menu_settings)

Koszyk rozwijany (menu_basket)

Koszyk rozwijany STANDARD FASHION (menu_basket)

Koszyk rozwijany STANDARD B2B (menu_basket)

Jest to potrzebne, dlatego że analogiczne komponenty zostały już osadzone we wrapperze Układ topu (top_menu_wrapper).

Nie znalazłeś odpowiedzi na pytanie?Skontaktuj się z Działem Wsparcia

Przejdź do Biura Obsługi Klienta i skontaktuj się z ekspertami IdoSell