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ć.
Modyfikacja JS.
W pliku (gdzie themeXXXXX – nazwa naszego szablonu):
|
1 |
themes/themeXXXXX/js/global.js |
Znajdujemy 2 linijki w okolicach linii 300:
|
1 2 |
$(leftColumnBlocks).remove(); $(leftColumnBlocks).insertAfter('#center_column').find('#categories_block_left ul.block_content').slideToggle('fast'); |
następnie je komentujemy:
|
1 2 |
// $(leftColumnBlocks).remove(); // $(leftColumnBlocks).insertAfter('#center_column').find('#categories_block_left ul.block_content').slideToggle('fast'); |
Modyfikacja CSS.
W pliku (gdzie themeXXXXX – nazwa naszego szablonu):
|
1 |
themes/themeXXXXX/css/modules/blockcategories/blockcategories.css |
Znajdujemy regułę RWD:
|
1 |
@media (max-width: 767px) { |
W niej następnie kod postaci:
|
1 2 |
#categories_block_left { display: none; } |
Który także komentujemy:
|
1 2 |
#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ą
