Modul "INTELLIGENT SHOE" Modification

**GK User** Sun Oct 09, 2016 8:31 pm

1. Zdjęcia po lewej stronie - nie widać w całości ? Są obcinane.
2. Znaczniki , czarne kółka, brak znaku PLUS (krzyżyk)
3. Czy zamiast tego brzydkiego, czarnego kółka można wstawić np. własne logo ? po kliknięciu ruch jak w oryginalnym PLUS i loader (ostatecznie czarny jak jest , ale inny kolor byłby mile widziany

)

PS. Domyślam się, że ogarniacie ... polski

nie chce mi się męczyć z angielskim

**teitbite** Mon Oct 10, 2016 4:18 pm

Hi

1. Zdjecia sa dopasowywane w pionie, badz poziomie w zaleznosci ktora z wartosci jest mniejsza. Niestety obcina wtedy krawedzie. Juz bylem proszony o zmiany w tym miejscu, ale zawsze konczylo sie na powrocie do oryginaly. Po usunieciu kodu dopasowania, pod in nad zdjeciem zostaja wolne miejsca, co nie wyglada dobrze.

2. Przy edycji tego moduly bardzo wazny jest edytor, ktorego sie urzywa. A juz najlepiej go wogole wylaczyc w ustawieniach usera. Znak plusa jest tworzony z pustego a z racji tego, ze jest pusty edytory potrafia go wykasowac.

3. Try add this to override.css with a path to Your logo.

Code: Select all: .big-photo .big-photo-button .big-photo-button-preloader { background: rgba(0, 0, 0, 0) url("../images/blank.png") repeat scroll 0 0; }

**GK User** Mon Oct 10, 2016 7:15 pm

Oj, to koncepcja mi się psuje ...

1. Czy pomoże dokładne wymiarowanie zdjęcia, co do piksela ? Stałe ustawienie zdjęcia w tym module jest dla mnie dość istotne. Te czarne kropki muszą trafiać w konkretne miejsce (punkt) na zdjęciu.

2. No właśnie gdzieś widziałem na forum walkę z tym css "preloader" i faktycznie w moim obecnym kodzie nie widzę go. Gdzie i jak go dokładnie wstawić ? Mój obecny kod wygląda tak:

Code: Select all: <div class="big-photo"> <div class="big-photo-img"><img src="images/totalskjold/room1_big.jpg" alt="Czyste mieszkanie" /> <img src="images/totalskjold/spider1_m.png" alt="" /> Bez pająków Walczymy z problemem pająków i pajęczyn, systematyczna walka daje ogromne rezultaty ! <img src="images/totalskjold/stov_m.jpg" alt="" /> Usuwanie kurzu Usuwanie kurzu z mebli, półek, parapetów, listw przypodłogowych... <img src="images/totalskjold/tv_m.jpg" alt="" /> Sprzęt RTV szczególnie łatwo przyciąga kurz Usuwanie kurzu i czyszczenie telewizorów i miejsc ich ustawienia. <img src="images/totalskjold/gulve1m.jpg" alt="" /> Czyste podłogi Dokładne odkurzanie i mycie podłóg, skuteczne usuwanie kurzu. <img src="images/totalskjold/stov1m.jpg" alt="" /> Meble Tapicerowane Odkurzanie. W opcjach extra możliwość odświeżenia lub wyprania na mokro <img src="images/totalskjold/malerier_m.png" alt="" /> Obrazy / Lustra Odkurzanie ram, czyszczenie i mycie. </div> <div class="big-photo-desc"> <h2>Pokoje / Salony / Sypialnie</h2> Zakres prac gwarantuje czystość i bezpieczeństwo za każdym razem. Dokładne odkurzanie wielu miejsc, zmniejsza odczuwalne i widoczne osadzanie się kurzu. Kurz usuwany jest na mokro, na sucho i przy pomocy odkurzacza. Końcowe mycie podłóg dodatkowo zmniejsza ilość kurzu. Mamy jeden cel, utrzymać Twoje mieszkanie w doskonałym stanie, żeby Twoja Rodzina czuła się bezpiecznie i przyjemnie. <img src="images/demo/ecommerce/popup_img3.jpg" alt="" /> Kuchnia Mycie blatów, umywalki, usuwanie kamienia, czyste fronty mebli, lśniące sprzęty AGD .... <img src="images/demo/ecommerce/popup_img3.jpg" alt="" /> Łazienka Strefa bez kamienia, czyste i lśniące ubikacje, armatura, prysznice, wanny, fronty mebli ... bezpieczna i przyjemna kąpiel ! </div> </div>

3. Okazuje się, że łączy się z punktem "2". Wstawiłem kod , ale obecnie bez rezultatu

No i dodatkowe problemy, pytania.

Patrzyłem jak to wygląda na Androidzie i smartfonie.

A - Fotki w header i w module "inteligentne buty" zachowują się jak chcą

Czy można to jakoś opanować ?
B - Kropki czarne ... w zasadzie się nie skalują i są OGROMNE na telefonie !
C - PopUp z kropek ... nie pokazują się jakoś centralnie, są poza "wyświetlaczem" nie da się ich przeczytać.

A wszystko wyglądało tak ładnie

**teitbite** Tue Oct 11, 2016 12:51 pm

Hi

1. Niestety nie. Jak widac na demie jest tam uzyte jakies zamazane tlo, bo niestety przy mniejszych ekranach, wszystko ulegnie przemieszczeniu/znieksztalceniu, wiec przypisanie kropki do jakiegos konkretnego miejsca nie jest mozliwe. Zalecalbym wymiane tego modulu na jakis inny, niestety nie przychodzi mi do glowy nic podobnego.

2. Zaraz po odwarciu tagu "big-photo-button":

Code: Select all: Mamy jeden cel, utrzymać Twoje mieszkanie w doskonałym stanie, żeby Twoja Rodzina czuła się bezpiecznie i przyjemnie. <img src="images/demo/ecommerce/popup_img3.jpg" alt="" /> Kuchnia Mycie blatów, umywalki, usuwanie kamienia, czyste fronty mebli, lśniące sprzęty AGD .... <img src="images/demo/ecommerce/popup_img3.jpg" alt="" /> Łazienka Strefa bez kamienia, czyste i lśniące ubikacje, armatura, prysznice, wanny, fronty mebli ... bezpieczna i przyjemna kąpiel ! </div> </div>

3. Prosze na wszelki wypadek podac mi url to strony, to sprawdze.

A. W zalozeniu to nie mialy byc fotki, ale jak poznam url do strony to moze zobaczyc co da sie zrobic.

B. Prosze dodac css:

Code: Select all: @media only screen and (max-width:850px) { .big-photo .big-photo-button, .big-photo .big-photo-button .big-photo-button-preloader { height: 32px; width: 32px; } .big-photo .big-photo-button .big-photo-button-preloader::before { left: 4px; top: 16px; } .big-photo .big-photo-button .big-photo-button-preloader::after { left: 16px; top: 5px; } }

C. Wyglada na demie ok, sprawdze jak wyswietla sie ja panskiej stronie.

**GK User** Tue Oct 11, 2016 1:33 pm

www.totalskjold.dk

Hmm ... to muszę to teraz jakoś przemyśleć ... szkoda, że są te problemy bo właśnie te kropki na fotce bardzo mi się podobały jako rozwiązanie funkcjonalne ...

Nie da się "przerobić" tego modułu na bardziej "statyczny" i bardziej pod kontrolą ?

Mam wrażenie, że taka była intencja autora tego fajnego pomysłu, ale coś jakby nie do końca się udało

**teitbite** Wed Oct 12, 2016 11:57 am

Hi

Strona jest offline, wiec nie moge sprawdzic.

Nie wiem jakie bylo zalozenie ale w kodzie nie widze zadnego skryptu wyliczajacego pozycje kropek po zmianie rozmiaru okna, wiec nie sadze, zeby taki byl zamysl. Oczywiscie zawsze istnieje opcja rozbudowy, ale to niestet nie podlega pod nasz support. Zalecalbym uzycie innego modulu, ktory juz ma taka funkcje.

**GK User** Wed Oct 12, 2016 2:53 pm

jest gkadmin, myślałem, że zadziała

OK, strona online
totalskjold.dk

Po kodzie zapewne nie było takiej intencji, ale po zastosowaniu nawet w Demo myślę, że o coś takiego chodziło

No ale co autor miał na myśli jest rozważaniem czystko filozoficznym.

Oczywiście jeśli jest taki moduł co ma podobne działanie to chętnie bym zastąpił

Tylko nie za bardzo wiem gdzie go szukać ?

**teitbite** Sat Oct 15, 2016 8:52 am

HI

Niestety nie moge znalesc podobnego modulu na extensions.joomla.org ale pamietam, ze takiego uzywalem jakis rok temu przy projekcie. Mozna zapytac developerow tego: http://www.unitecms.net/joomla-extensio ... responsive czy spelnialo by takowa funkcje. Widze ze kod kalibracji pozycji jest tam dostepny.

**GK User** Mon Oct 17, 2016 2:29 pm

Hmm ... no szkoda

Szybciej zmienię chyba własną opcję realizacji koncepcji , lepsze to i szybsze niż upieranie się przy tym rozwiązaniu

Dzięki na razie za pomoc i chęci

Przejrzę jeszcze inne templatki, zaciekawiła mnie też templatka "Hotel" ze względu na możliwość rezerwacji.

**teitbite** Thu Oct 20, 2016 2:46 pm

Hi

Mozliwosc rezerwacji daje komponent Solidres, ktory mozna zainstalowac bez wzgledu na template. Oczywiscie moze nie wygladac wtedy najlepiej, bo jedynie Hotel dolancza styl do niego jak narazie.

**GK User** Thu Oct 20, 2016 4:08 pm

Tak wiem

Jednak miałem 4 lata przerwy zabawy z Joomla , nie jestem programistą, a bardziej grafikiem i fotografem

Więc walka z kodami jest dla mnie męcząca i czasochłonna

Zostanę na ten czas przy Quarku, zmienię koncepcje wykorzystania tego "inteligentnego" modułu

Więc tak:

1. Plusy się pojawiły w tych kropkach. Jednak nie działa za bardzo opcja pokazywania zamiast "plusów" - logotypu.
2. Opcja na telefon:

A - kropki się zmniejszyły, "plusy" są choć troszkę za duże ...
B - PopUp-y : pojawiają się "wszędzie" byle nie na środku , czasem z boku wyświetlacza, nie da się ich zobaczyć w całości, czasem te kropki widoczne są na wyskakującym pop-up. Nie wiem, może zmniejszenie rozmiarów by pomogło i wyświetlanie "centralne" ... ?

**teitbite** Sun Oct 23, 2016 10:13 am

Hi

Co do popupow, to nie za bardzo jest gdzie je wyswietlic. Proponuje "odpiac" je od tych plusow na mniejszych ekranach:

Code: Select all: @media only screen and (max-width:650px) { .big-photo .big-photo-button.clicked .big-photo-button-popup { bottom: auto; display: block; left: 50% !important; margin-left: -100px !important; position: fixed; top: 25%; } }

Kod do ikon dziala, ale prowadzi do http://www.totalskjold.dk/templates/gk_ ... ts_ico.png ktorego nie ma.

Co do zmniejszenia plusow, to dalem przykladowe wartosci:

Code: Select all: @media only screen and (max-width:850px) { .big-photo .big-photo-button, .big-photo .big-photo-button .big-photo-button-preloader { height: 20px; width: 20px; } .big-photo .big-photo-button .big-photo-button-preloader::before { left: 4px; top: 9px; width: 10px } .big-photo .big-photo-button .big-photo-button-preloader::after { left: 9px; top: 4px; height: 10px; } }

**GK User** Mon Oct 24, 2016 8:07 pm

OK
No tak, grafika była zamieszczona, ale w Images Joomli, a tu trzeba było w Images templatki

OK , logo jest na miejscu. Był mały problem, bo grafika zdefiniowana jest jako tło, więc trzeba przygotować obrazek dokładnie na 65 pixseli. Nawet oryginalny krzyżyk pasuje do loga z tą obrotową animacją więc jest OK !

1. Na telefonie jednak te 65 pixeli (logo) jest za duże i widać tylko fragment grafiki
2. Na telefonie animacja "ładowania" czarne koło , też teraz trzeba jakoś zmniejszyć proporcjonalnie do zmniejszenia kropek ? Teraz animacja ładowania popup jest tak duża jak oryginalna wielkość

3. Zamieściłem ten kod dokładnie jak podałeś. Chyba działa. Przynajmniej jest odczuwalnie lepiej.
Lokalizację kropek i tak będę zmieniał. Jak kropki nie będą za blisko krawędzi powinno być OK

**teitbite** Thu Oct 27, 2016 2:07 pm

Hi

1. Mozna dopasowac tlo do wielkosci tym kodem:

Code: Select all: .big-photo .big-photo-button .big-photo-button-preloader { background-size: cover; }

2. Animacje otwarcia popupu mozna zmienic kodem:

Code: Select all: @media only screen and (max-width:850px) { .big-photo .big-photo-button .gk-circle-loader { height: 40px; left: -4px; top: -4px; width: 40px; } }