Jeśli posiadasz sklep z zainstalowanym szablonem z tych serwisów, lub z jego modyfikacją natknąłeś/aś się zapewne na ten dość irytujący problem. Na smartphonie nie można zupełnie zobaczyć drzewa kategorii. Co gorsze podczas analizy elementów HTML przez np. asystent kodu w Google Chrome lub przez FireBug w Mozilla Firefox – nie widać zupełnie bloku kategorii w kodzie. Ogólnie marny to sklep, gdzie nie można przeglądać jego kategorii…
Możemy się zagłębić w ustawienia szablonu, jednak jeśli chcemy na szybko przywrócić kategorie pod mobile poniżej informacja jak to zrobić.
Zawartość artykułu
Modyfikacja JS.
W pliku (gdzie themeXXXXX – nazwa naszego szablonu):
themes/themeXXXXX/js/global.js
Znajdujemy 2 linijki w okolicach linii 300:
$(leftColumnBlocks).remove();
$(leftColumnBlocks).insertAfter('#center_column').find('#categories_block_left ul.block_content').slideToggle('fast');
następnie je komentujemy:
// $(leftColumnBlocks).remove();
// $(leftColumnBlocks).insertAfter('#center_column').find('#categories_block_left ul.block_content').slideToggle('fast');
Modyfikacja CSS.
W pliku (gdzie themeXXXXX – nazwa naszego szablonu):
themes/themeXXXXX/css/modules/blockcategories/blockcategories.css
Znajdujemy regułę RWD:
@media (max-width: 767px) {
W niej następnie kod postaci:
#categories_block_left {
display: none; }
Który także komentujemy:
#categories_block_left {
/*display: none;*/ }
Ta modyfikacja powinna naprawić ten problem.
Dla pewności wyczyśćmy jeszcze pamięć podręczną:
Zaawansowane -> Wydajność -> Wyczyść pamięć podręczną
