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ć.

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ą

Dodaj komentarz

Twój adres e-mail nie zostanie opublikowany.

Witryna wykorzystuje Akismet, aby ograniczyć spam. Dowiedz się więcej jak przetwarzane są dane komentarzy.

Zobacz także !
Dodatkowe koszty wysyłki dla danego produktu w Presta Shop W…