Polskie wsparcie PrestaShop
PrestaShop => Wygląd => Wątek zaczęty przez: farsta w Wrzesień 27, 2016, 06:54:31 pm
-
Dzień dobry,
próbuję osiągnąć efekt loga głównego jak w załączniku ewentualnie na www.fajerwerkilider.pl
Obecnie logo wyświetla się standardowo jak widać na www.pirotechnicy.com
Strona jest w budowie, szablon oczywiście bootstrap, wersja 1.6 w trakcie walk bojowych :)
Do tej pory jedyne co udało i się z tym logiem to "rozciąganie" go, ale niestety niosło to za sobą skutek taki, że okno wyszukiwarki schodziło pod spód na całą długość strony a koszyk uciekał jeszcze niżej i zajmował taki sam obszar jak zajmuje standardowo.
Z góry dziękuję za wszelką pomoc bo przyznam, że trochę już wojuje z tym tematem i nigdzie nie znalazłam rozwiązania...
-
musialbys troch epokombinowac, nie tyle z samym logo co i moduem wyszukiwarki i koszyka. ogolnie budowa jest taka w wierszu headera:
<#header_logo 33,3%> <#search_block_top col-sm-4> <.shopping_cart col-sm-4>
pierwsze proste == 1/3 strony, drugi i trzeci element col-sm-4 to ustawienia kolumnowe boostramp, czyli 100% na urzadzeniach malej rozdzielczosci.
razem trzymaja sie w kupie, ale jak tylko zabraknie jednego elementu to reszta glupieje i tak, jak zmienisz szerokosc logo na 100% to reszta tez wyszkoczy z szyku i zrobi sie balagan.
najprostsza metoda jaka przychodzi mi do glowy to zostawic diva #header_logo a jego zawartosc (czyli <a> i <img>) przeniesc powyzej 'row' albo nawet powyzej kontenera i to dopeiro ostylwoac na nowo dla szerokosci 100%
-
Pierwszą propozycję testowałam i niestety po dwóch dniach poległam.
Zaraz spróbuje z drugą. Ostylować na nowo to znaczy co konkretnie ? Odtwórstwo mi idzie, twórczo jednakże sobie niestety nie radzę jeszcze na tyle w preście.
-
ale tutaj nie mamy zandej "presta" to czyty HTML i CSS, podstawy jakiegokolwiek programowania.
ale tez nie rozumiem jednego. w pierwszym momencie myslalem, ze ten ades z dobrym logo to grafika, a tam masz przeciez zrobione poprawnie. wiec w czym problem?
-
Standardowo problem jest w tym, że wzór jest zrobiony na starym sklepie, postawionym na Click Shopie gdzie nie mam dostępu do żadnych plików a teraz stawiam nowy sklep na Preście i robię to po raz pierwszy.
Wydaje mi się natomiast, że nie zadaję banalnego pytania zważywszy na to, że na prawdę zrobiłam research w dwóch językach zanim napisałam ten post.
Więc jeśli byłbyś tak miły i mógł mi wskazać chociaż, w którym miejscu mam to potem "opisać" i czym konkretnie to byłabym wdzięczna. Jeśli natomiast nie, to rozumiem ponieważ jak widać ja też nie wszystko wiem.
-
zmień w global.css
linia 763
@media (min-width: 768px)
.col-sm-4, header .row #header_logo {
width: 33.33333%;
}
na
@media (min-width: 768px)
.col-sm-4 {
width: 33.33333%;
}
w global.css linia 5754 dodaj
header .row #header_logo {
padding-top: 15px;
width: 100%;
display: block;
margin: 0 auto;
background-color: #fff;
}
na końcu global.css dodaj
#header_logo .img-responsive {
display: table;
max-width: 100%;
height: auto;
text-align: center;
margin: 0 auto;
}
plik blocksearch.css linia 1
#search_block_top {
padding-top: 10px;
}plik blockcart.css linia 4
#header .shopping_cart {
position: relative;
float: right;
padding-top: 10px;
}
Wynik w załączniku.
p.s. Natomiast w dwa dni ile było sprzedaży fajerwerków? Zadajesz banalne pytania niestety nie znając podstaw - kolega starał się podpowiedzieć. To tak jak ja bym sprzedawał fajerwerki. Niezłe Ka-Bum by z tego było :)
-
1) Opis łopatologiczny za co bardzo dziękuję - oczywiście działa jak trzeba / z lekką modyfikacją linijek, ale to w ogóle poza tematem :) /
Logo wyświetla się pięknie, tak jak chciałam, co prawda nie obsługuje przeźroczystości, ale do tego się zaraz dokopie jak obejść :)
Rozwaliło mi natomiast jakimś cudem stopkę, co jest dziwne bo dzięki Twojemu opisowi nie musiałam robić nic na chybił trafił i żadne inne parametry nie zostały zmienione. Jakiś pomysł co mogło zawinić?
2) Na całe szczęście sklep na preście jest dopiero w budowie a ten na Clickshopie - mimo tego, że marny ze mnie informatyk - działa prężnie od kilku dobrych lat i nie zapeszając nie mam co narzekać - choć domyślam się, że to był sarkaźmik :) .
Zupełnie jednak pisząc poważnie - jak zaczniesz kiedyś sprzedawać fajerwerki (co serdecznie polecam) to mam nadzieję, że najpierw się kogoś zapytasz zanim zrobisz duże Ka-Bum ;D - dokładnie tak samo jak i ja właśnie zrobiłam pytając się zanim namieszałam w temacie, który jak przyznałam wcale nie jest moją mocną stroną i tego nie ukrywam ;)
3) Chociaż może moja odpowiedź na posta design4VIP nie została sformułowana najlepiej nie miałam nic złego na myśli. Z tonu i formy wypowiedzi odniosłam wrażenie, że mam to "ostylować" - co zabrzmiało jak pisanie całkowicie nowego kodu /czego nie umiem/ a nie poprawienie już istniejącego - do tego dotarłabym sama ( po kolejnych dwóch dniach, ale jednak ). Stąd była moja prośba o wskazanie konkretnego miejsca i sposobu.
-
Zacznijmy od tego ze popełniasz podstawowy błąd jakim jest uciekanie z deszczu pod rynnę, serwery na home.pl nie nadają sie w żadnym wypadku pod sklep na prestashop. Jeśli chcesz mieć sprawny sklep skorzystaj z usług innego hostingu. Po drugie wyłącz separacje serwisu w home ponieważ teraz blokuje Ci kilka plików css więc tak na prawdę nie wiesz jak sklep wygląda ponieważ część plików nie jest ładowana.
-
Co do hostingu to wiem, proces jest akurat w trakcie załatwiania :) zenbox pod prestę jest okay?
-
Ja zawsze polecam linuxpl.com póki co się na nich nie zawiodłem.
-
Czy kwestia rozjechanej stopki spowodowana jest tym, że to stoi na home.pl i nie wyświetla wszystkich plików?
Jak cofam zmiany w global.css to wszystko wraca do normy, ale oczywiście wtedy logo w nagłówku również wraca do wersji pierwotnej ...
-
W linii 702 masz niepotrzebny przecinek i to on powoduje niewczytanie klasy szerokości.