wdrożenia PrestaShop

Zmiana umiejscowienia i wielkości logo

  • 11 Odpowiedzi
  • 2888 Wyświetleń

0 użytkowników i 1 Gość przegląda ten wątek.

*

Offline farsta

  • Nowy
  • *
  • 10
  • 0
  • prestashop
  • PrestaShop: 1.6.1
  • Status: forum
Zmiana umiejscowienia i wielkości logo
« dnia: 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...

*

Offline design4VIP

  • user
  • Mieszkaniec
  • *****
  • 3,866
  • 131
    • design4VIP z innej strony...
  • PrestaShop: PS
  • Status: Programista
Odp: Zmiana umiejscowienia i wielkości logo
« Odpowiedź #1 dnia: Wrzesień 27, 2016, 07:24:33 pm »
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%
design4VIP z innej strony...

*

Offline farsta

  • Nowy
  • *
  • 10
  • 0
  • prestashop
  • PrestaShop: 1.6.1
  • Status: forum
Odp: Zmiana umiejscowienia i wielkości logo
« Odpowiedź #2 dnia: Wrzesień 27, 2016, 07:32:10 pm »
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.

*

Offline design4VIP

  • user
  • Mieszkaniec
  • *****
  • 3,866
  • 131
    • design4VIP z innej strony...
  • PrestaShop: PS
  • Status: Programista
Odp: Zmiana umiejscowienia i wielkości logo
« Odpowiedź #3 dnia: Wrzesień 27, 2016, 07:43:25 pm »
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?
design4VIP z innej strony...

*

Offline farsta

  • Nowy
  • *
  • 10
  • 0
  • prestashop
  • PrestaShop: 1.6.1
  • Status: forum
Odp: Zmiana umiejscowienia i wielkości logo
« Odpowiedź #4 dnia: Wrzesień 27, 2016, 08:14:22 pm »
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.

*

Offline west

  • Administrator
  • Mieszkaniec
  • *****
  • 5,292
  • 106
  • Płeć: Mężczyzna
  • Europasaz.pl
    • PrestaShop, Wordpress, SMF, Woocomerce
  • PrestaShop: 8.0
  • Status: Programista
Odp: Zmiana umiejscowienia i wielkości logo
« Odpowiedź #5 dnia: Wrzesień 27, 2016, 08:51:48 pm »
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 :)
MODUŁY | https://europasaz.pl |  SKLEPY INTERNETOWE | WSPARCIE TECHNICZNE | HOSTING | https://europasaz.pl 

*

Offline farsta

  • Nowy
  • *
  • 10
  • 0
  • prestashop
  • PrestaShop: 1.6.1
  • Status: forum
Odp: Zmiana umiejscowienia i wielkości logo
« Odpowiedź #6 dnia: Wrzesień 27, 2016, 10:00:48 pm »
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.



*

Offline endriu107

  • user
  • Mieszkaniec
  • *****
  • 1,197
  • 51
  • PrestaShop: PS
  • Status: forum
Odp: Zmiana umiejscowienia i wielkości logo
« Odpowiedź #7 dnia: Wrzesień 28, 2016, 05:31:56 am »
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.

*

Offline farsta

  • Nowy
  • *
  • 10
  • 0
  • prestashop
  • PrestaShop: 1.6.1
  • Status: forum
Odp: Zmiana umiejscowienia i wielkości logo
« Odpowiedź #8 dnia: Wrzesień 28, 2016, 09:18:45 am »
Co do hostingu to wiem, proces jest akurat w trakcie załatwiania :) zenbox pod prestę jest okay? 

*

Offline endriu107

  • user
  • Mieszkaniec
  • *****
  • 1,197
  • 51
  • PrestaShop: PS
  • Status: forum
Odp: Zmiana umiejscowienia i wielkości logo
« Odpowiedź #9 dnia: Wrzesień 28, 2016, 09:58:52 am »
Ja zawsze polecam linuxpl.com póki co się na nich nie zawiodłem.

*

Offline farsta

  • Nowy
  • *
  • 10
  • 0
  • prestashop
  • PrestaShop: 1.6.1
  • Status: forum
Odp: Zmiana umiejscowienia i wielkości logo
« Odpowiedź #10 dnia: Wrzesień 28, 2016, 02:44:52 pm »
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 ...

*

Offline endriu107

  • user
  • Mieszkaniec
  • *****
  • 1,197
  • 51
  • PrestaShop: PS
  • Status: forum
Odp: Zmiana umiejscowienia i wielkości logo
« Odpowiedź #11 dnia: Wrzesień 28, 2016, 05:06:36 pm »
W linii 702 masz niepotrzebny przecinek i to on powoduje niewczytanie klasy szerokości.