Press "Enter" to skip to content

Niewidoczne drzewo kategorii w szablonach z TemplateMonster albo ThemeForest pod mobile

Admin 0

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):


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ą

Share This:

Dodaj komentarz

Twój adres email nie zostanie opublikowany. Pola, których wypełnienie jest wymagane, są oznaczone symbolem *