Edycja szablonu jm-service

[Programista{}]

Szanowni Grupowicze ,

Gdzie znajdę css i less od ww. szablonu.Czy ktoś pracował z tym szablonem?

[zwiastun]

less w katalogu /template/nazwaszablonu/less
Nie rób zmian w CSS, rób je w less. Jeśli jest plik custom.less, to najlepiej tylko w tym pliku, chyba że chcesz budowac włąsny szablon na tej podstawie, to wóczas warto ingerować w inne pliki less

[Programista{}]

Zwiastun a orientujesz się jakie wymiary ma logo w tym szablonie ewentualnie gdzie to sprawdzę ?

[alex51]

@Programista{}, obawiam się, by w pełni zasłużyć na swój nick a przy okazji poznać szablon JM Services i framework EF4 powinieneś zajrzeć do blogu Sławka Pieszczka (https://www.slawop.net/component/tags/tag/szablony).

[Programista{}]

@alex51 co sugerujesz?

[alex51]

Pobierz E-Book "Kurs Joomla! Jak stworzyć własny szablon do Joomla!", a po jego lekturze szablon oparty na frameworku EF4 nie będzie mieć przed Tobą żadnych tajemnic.

[Programista{}]

@alex51 programowanie a programowanie w cms to nie jest to samo zgodzisz się? Bo Jak piszę coś od podstaw i wspieram się np na symfony , zend to jest łatwiej. Więc proszę nie sugeruj ze nie zasługuje na swój nick.

Miłego weekendu:)

[zwiastun]

@Programista {}: i po co się przekomarzać :) ? Alex51 słusznie Ci podpowiada.
Wymiary logo w tym szablonie można sprawdzić, jak w każdym innym - badając logo za pomocą narzędzi przeglądarki (Zbadaj element).

[Programista{}]

Dzięki @alex51 @zwiastun

Macie racje chłopaki :) Chciałem skorzystać z tego szablonu i poprzerabiać go dostosowując go do potrzeb i nie chodzi mi o drobne poprawki lecz trochę grubsze sprawy

[damianprz]

Witam
Używam JM-Services
Po przeróbkach mam mały problem z Menu (DJ-MegaMenu)

Jak otwieram demo: http://demo.joomla-monster.pl/230-jm-services
to najeżdżając na menu jest
A - ikonka strzałki gdy najeżdżamy na nieaktywny element np. nagłówek menu, który nie jest odnośnikiem
B - ikonka łapki gdy najeżdżamy na element aktywny, który ma nas przenieść na inną stronę

Modyfikowałem w zasadzie tylko rozmiary menu i zauważyłem, że teraz oprócz opcji A i B mam jeszcze przypadek przy którym po najechaniu na element nieaktywny to w strefie poza napisem jest strzałka ale gdy najadę na napis to kursor zmienia się w kursor edycji (kształt dwuteownika) i można zaznaczyć tekst

[damianprz]

Dzisiaj tak nakombinowałem w templatce że musiałem ją odistalować i wgrywać od nowa
O dziwo na niby nowej templatce jest ten sam problem...

[Majster]

Witam,
widzę długi czas nikt nie opisywał tematu jm services. Mam pytanie - w jaki sposób mogę zwęzić menu poziome (Horizontal menu), ponieważ wykorzystuję logo mniejszego rozmiaru, nie są mi potrzebne ikonki nad nazwami pozycji tego menu, natomiast cały czas to jest takie "szerokie i toporne pole menu". Korzystając z funkcji Zbadaj w przeglądarce widzę, że menu (ograniczona belką z dziubkiem na górze i belką bez dziubka na dole) posiada wymiar 140 px. Jak mogę zwęzić tą belkę powiedzmy do 100 px. szerokości. W darmowej książce "Tworzenie własnych szablonów Joomla" niestety są opisane sposoby zmiany kolorków itp. Brak jest natomiast jak można zwęzić całe to menu horyzontalne. Proszę o pomoc.

[Majster]

... doprecyzowując chodzi mi aby pas menu horyzontalnego nie miał wysokości 140px tylko powiedzmy 100px, bo używając słowa "belka" mogłem zagmatwać :)

[siristru]

Ale wiesz, raczej nikt na pamięć nie zna wyglądu a tym bardziej struktury szablonu jm-service. Podaj link do strony.

[Majster]

strona demo tego szablonu jest dostępna pod adresem https://templates.joomla-monster.com/joomla30/jm-services/en/

mam nadzieję że wystarczy link do strony demo ze strony joomla-monsters.com

zamieszczam jpg gdzie zaznaczyłem o jaki wymiar mi chodzi
9962

[siristru]

No, można to zrobić bez problemu, modyfikując CSS w kilku miejscach:

http://prntscr.com/15ql9gf
http://prntscr.com/15qlc86
http://prntscr.com/15qle76
http://prntscr.com/15qlfl4

[Majster]

Właśnie o takie zwężenie mi chodzi. Czy można prosić o podpowiedź w jakich miejscach to należy zmienić? Bo chyba w Zapleczu tego nie da sie zrobić. Proszę o pomoc.

[siristru]

Ale ja Ci dałem odpowiedź w jakich miejscach - wszystko jest na zrzutach ekranu: nazwy klas i wartości. Widać też nazwy plików i numery linii.

[Majster]

A przepraszam, faktycznie nie zauważyłem. Będe kombinował :)

[Majster]

Jeszcze jedna kwestia, chciałbym uzyskać w widoku responsywnym na smartfonie menu w formie jak to pokazuje jmservices na Joomla-Monster:
9963
jednak nie wiem jak to osiągnąć. Zastosowałem do szablonu dodatek DJ Menu - ponieważ korzystam z kursów darmowych w tym z artykułów ze strony slawop.net. Czytając o darmowym szablonie jm-services na stronie joomla-monster.com to na dole w zakładce Dodatki widnieje informacja, że wykorzystano dodatek DJ-Menu-Mootools. Nie znam tego dodatku i nie moge go znaleźć na stronie dj-extensions. Stosując dodatek DJ Menu nie mogę osiągnąć takiego widoku Menu jak wyżej w smartfonie. Jedyny widok menu jaki uzyskuję to "nieresponsywny" co słabo wygląda oraz po zaznaczeniu w Zapleczu>Moduły> Moduł dot. DJ Menu>"Dispaly select for small screens" na TAK obraz jaki pokazany jest na stronie darmowego dodatku:
9964
Jeżeli darmowy dodatek DJ Menu nie pozwala na uzyskanie takiego efektu jak na stronie Joomla Monster (ja przynajmniej nie mogę uzyskac takiego efektu) to widnieje błąd w specyfikacji technicznej szablonu gdzie zawarto informację, że taki dodatek wykorzystano.

Proszę o pomoc, jak można uzyskać w widoku responsywnym (smartfon) taki wygląd menu jak to widać na pierwszym zdjęciu. Czy da się to osiągnąć dzięki DJ Menu to w takim razie co dodatkowo musze ustawić. A jeśli się nie da to czy jest jakis inny darmowy dodatek do zastosowania w darmowym szablonie aby mieć takie Menu.
Przepraszam że tak dużo napisałem, ale chciałem dobrze opisać mój problem.

[siristru]

Ja tez nie wiem jak to osiągnąć... to znaczy CO osiągnąć bo załączników na forum NIE widać.
Załącz je gdzieś i podlinkuj - zobaczymy :)

[Majster]

wklejałem zdjecia korzystając z edytora>Insert image, tutaj na forum ale już spróbuje inaczej:

1. chciałbym uzyskać efekt na smartfonie jaki możemy zobaczyć na stronie joomla monsters dla szablonu jm services
https://im.ge/i/XTzfS

2 natomiast wykorzystując DJ Menu ze strony dj-extensions jedynie mogę uzyskać efekt:
https://im.ge/i/XTprz

A co ciekawe chyba twórcy szablonu jm services też wykorzystali dodatek DJ Menu i stąd mój problem bo nie wiem jak to uzyskać (menu w smartfonie ja na obrazie w pkt. 1)

Proszę o podpowiedź :)

[siristru]

Zajrzyj do konfiguracji modułu http://prntscr.com/15ymroa

[Majster]

Ale to nie jest obraz DJ Menu, tylko jak sie domyślam Dj Mega Menu tak? Zakładam, tak w domyśle, że te funkcjonalności Modułu dot. menu to chodzi o darmową wersję - DJ Mega Menu Light, bo w darmowym szablonie jm services słabo by było jakby zastosowana była płatna wersja :)

Oto widok ustawień DJ Menu:
https://file.io/bCHI6zrYNKWM

[siristru]

Nie widzę zrzutu ekranu. Ja nie wiem co jest w tym szablonie - patrzyłem w (wydawało mi się) podobnym.

[Majster]

Proszę oto zrzut ekranu:
https://im.ge/i/XDfb1

[siristru]

Tam masz "Display select for small screens" co sie stanie jak dasz NIE?

[Majster]

gdy w opcji "Display select for small screens" wybiorę NIE to widok menu nie jest responsywny wogóle, na smartfonie wygląda tak samo jak na monitorze komputera:
https://im.ge/i/XIhw4

co słabo wygląda a w przypadku większej liczby opcji menu wogóle bez sensu.

[siristru]

Zatem jeśli nie ma tego ani moduł ani szablon - użyj innego modułu menu.
Ostatecznym rozwiązaniem jest kastomizacja.

[Majster]

Potwierdzam, że dodatek Dj-MegaMenu Light pozwala osiągnąć efekt o jaki mi chodziło.

@siristru
mam jeszcze prośbę o wyjaśnienie jednej kwesti, otóż badając załączone przez Ciebie zrzuty ekranowe pokazują:

http://prntscr.com/15ql9gf
- zwęża menu w szablonie

http://prntscr.com/15qlc86
- display: none - wyłącza ikonki widoczne w pozycjach menu. Mi się udało wyłączyć ikonki w menu z poziomu Zaplecza Joomli.

http://prntscr.com/15qle76
- modyfikuje położenie/wysokość nazw pozycji menu

http://prntscr.com/15qlfl4
- modyfikuje jak się domyślam wysokość poszczególnego pola menu

Natomiast w Twoich zrzutach widzę, że w pozycji menu "wyróżnionej", gdzie pojawiają się dwie białe belki, jedna na górze druga na dole, to u Ciebie są one dopasowane do zwężonego menu. Ja wykonując na szablonie JMservices -demo w trybie Zbadaj, ustawienia z ww. zrzutów otrzymuję efekt częściowy bo jest problem (https://im.ge/i/XpLV9). Proszę o radę jak to osiągnąłeś efekt, że u Ciebie dolna belka nie odstaje.

[siristru]

A wybacz, jeszcze to: http://prntscr.com/168o83f .

[Majster]

Dziękuję, dzięki tym informacjom udało mi się zmodyfikować wygląd menu. Jako ciekawostkę podam, że edycja pliku css w FTPie dostępnym w panelu administracyjnym home.pl jest dość utrudniona. Edytowany plik wyświetla kod zapisany jakby w jednym wierszu, więc zanim zacznie się coś zmieniać chyba dobrze jest dokładnie prześledzić ten ciąg kodu i jak już się upewnimy że znamy miejsce gdzie należy zmienić, dopiero wówczas można próbować dokonywać zmian w FTPie. Ciekawy jestem jak wyglądałby ten plik css (z całym kodem zapisanym w jednym wierszu) wyedytowany w Notepad ++, ja nie instalowałem tego programu stąd pewnie moje utrudnienia.

Pozdrawiam

[siristru]

Używaj Filezilli by pobierać i edytować pliki.
Jako edytor polecam Bluefish albo Atom.
A jedna linia pliku może wynikać z tego, że został zminifikowany (uporządkowany by nie zawierał zbędnych linii a tym samym był mniejszy).

[Majster]

Witam, trochę odświeżę wątek szablonu "jm-services", bo pojawił się u mnie ciekawy problem. Otóż, mając artykuły wyróżnione, które wyświetlają mi się w projekcie na stronie głównej, chciałem zmniejszyć takie toporne przyciski "Czytaj więcej". W samym zapleczu, w ustawieniach poszczególnych artykułów mogę zastąpić formułkę "Czytaj więcej" np. słowem "więcej" ale i tak nadal przycisk jest wielki. Korzystając z funkcjonalności 'zbadaj" znalazłem miejsce w pliku template.9.css w wierszach 767 - 771 parametry do ustawienia. Zabawa zaczyna się wówczas, że jak drogą FTPa edytuje ten plik, zapiszę go to ładnie zmienia mi się wygląd (w kodzie znajduję te miejsce np. poprzez Ctrl+F frazy "a.btn"). Ale na drugi dzień znowu przyciski są toporne po staremu. Dodam, że hosting mam na home.pl. Od czego może zależeć, że na trwałe nie mogę zmienić wyglądu tych przycisków "czytaj więcej"? To się zmienia w innym miejscu szablonu czy problem może leżeć po stronie home.pl? Wcześniejsze zmiany dot. ustawienia menu również wróciły do poprzedniej wielkości - szerszej. To możliwe, że firma home.pl która oferuje w swoim pakiecie FTP i funkcję edycji i zapisu pliku, żeby to nie działało?

[siristru]

Może serwer cache'uje? Tak miałem na nazwa.pl - włączyli sobie globalny cache w KONCIE użytkownika a nie w ustawieniach serwera.
Może to cache przeglądarki albo w Joomli?
Może plik jest wynikiem scss?
Dodaj do szablonu plik custom.css i zrób w nim nadpisanie stylu łańcuchem klas.
Jak nie "złapie" pliku custom.css to dodaj ten plik do deklaracji stylów w head pliku index.php albo w szablonie (o ile pozwala na deklarowanie własnych).

[Majster]

"Dodaj do szablonu plik custom.css i zrób w nim nadpisanie stylu łańcuchem klas.
Jak nie "złapie" pliku custom.css to dodaj ten plik do deklaracji stylów w head pliku index.php albo w szablonie (o ile pozwala na deklarowanie własnych)."

Przepraszam ale to już jest poza moją wiedzą informatyczno-programistyczną :) Po pierwsze nie wiem, w którym miejscu miałym taki plik custom.css dodać, nie mówiąc o nadpisywaniu stylu łańcuchem klas, deklaracjach stylów itd... Spróbuje zgłosić się do home.pl, może wyłączą te cache'owanie.

Jeżeli to problem leży po stronie szablonu joomla, to słabe jest, bo uniemożliwia modyfikowanie szablonu ludziom, którzy nie są informatykami tak jak ja.

Ale dzięki za pomoc.

Pzdr.

[siristru]

w którym miejscu miałym taki plik custom.css dodać

Dodajesz w ROOT/templates/<twoj-szablon>/css

https://www.geeksforgeeks.org/how-to-override-the-css-properties-of-a-class-using-another-css-class/

https://www.netguru.com/blog/how-to-override-one-css-class-with-another