wdrożenia PrestaShop

Modyfikacja nagłówka

  • 15 Odpowiedzi
  • 10887 Wyświetleń

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

*

Offline zajman

  • Użytkownik
  • **
  • 25
  • 0
Modyfikacja nagłówka
« dnia: Listopad 19, 2012, 12:57:19 pm »
Drodzy użytkownicy, ściągłem darmowego skina i chcę go troszkę przerobić, mam nadzieję, że mnie chociaż naprowadzicie jak to zrobić. Modyfikacja którą chcę wykonać miała być standardowym ficzerem tej skórki ale jak wiadomo, co darmowe zawsze jest do d.. Otóż chciałbym wstawić duży obrazek do nagłówka, znajdujący się zaraz pod paskiem kategorii(top) ale nad czerwonym paskiem z napisem home czyli tak jak na tym zdjęciu:



Zdjęcie ukazuje obrazek wyboru skórki w backoffice, oczywiście jak wybiorę skórkę to go tam nie ma i sklep  wygląda tak :




Próbowałem znaleźć tego jpga w plikach skórki ale gdzież, nic takiego nie ma. Teraz pytanie, w którym miejscu powinienem wstawić ten obrazek ?

*

Offline tyszek

  • Tubylec
  • ****
  • 185
  • 6
  • Płeć: Mężczyzna
    • Drogeria - Perfumeria FROCUS
  • PrestaShop: 1.4.x
  • Status: forum
Odp: Modyfikacja nagłówka
« Odpowiedź #1 dnia: Listopad 19, 2012, 01:50:14 pm »
Masz ten sklep na jakimś serwerze??
Jak tak to podrzuć link będzie szybciej.

*

Offline design4VIP

  • user
  • Mieszkaniec
  • *****
  • 3,866
  • 131
    • design4VIP z innej strony...
  • PrestaShop: PS
  • Status: Programista
Odp: Modyfikacja nagłówka
« Odpowiedź #2 dnia: Listopad 19, 2012, 01:55:54 pm »
ten obrazek co masz wgywany (iPody) to modul editorial (edytor tekstu strony glownej) i jest on standardowo umiejscowiony w hook 'home' a jezeli chodzi o umiejscowienie twojego wymarzonego obrazka to albo mzoesz zmodyfikowac plik .php tego modulu i przekierowac go w hook 'top' albo zastosowac jakis inny modul, np ktoregos ze sliderow, ktory musialby byc umiejscowiony wlasnie w hook 'top' pod bklockpermamentlinks. ewentualnym rozwiazniem, jezeli zalezy ci tylko na samym jednym zdjeciu mozesz przerobic blockadvert i tutaj w pliku .php w funkcji install dodac hooka 'top' oraz pozniej, ponizej dorzucic funkcje wykonawcza hooka czyli public funcktion hookTop () {}  np pobierajaca ustawienia hookHome (return)
design4VIP z innej strony...

*

Offline zajman

  • Użytkownik
  • **
  • 25
  • 0
Odp: Modyfikacja nagłówka
« Odpowiedź #3 dnia: Listopad 19, 2012, 02:15:00 pm »
@ Tyszek

Na serwerze mam zupełnie inną skórkę która ostatecznie się nie przyjęła i szef zażyczył sobie coś zupełnie innego, więc walczę na localhoscie.

@ deejay3

Editorial jest mało ważny dla mnie, usunąłem go ogólnie później, obrazek się wymarzył mojemu szefowi ( ;p) i zależy mi na jednym dużym obrazku (który będzie przedstawiał asortyment sklepu ). Slidera wolałem mieć osobno jednak, z najlepszymi produktami. Czyli nie da się po prostu wrzucić kodu html z obrazkiem do jakiegoś modułu, trzeba się bawić w te hook sy ? Spróbuję coś pokombinować w takim wypadku.

edit: Znalazłem na swoim kompie moduł z jakiejś innej skórki który wyświetla w sumie jeden duży obrazek, kiedy próbuje jednak umieścić ten moduł w top of pages wyskakuje "Ten moduł nie może być przeniesiony w to miejsce" .... gez a już myślałem, że się uda ;/

edit2: Wstawiłem taki kod do tego modułu :

/**
* Returns module content for header
*
* @param array $params Parameters
* @return string Content
*/
function hookTop($params)
{
    return $this->hookHome($params);
}

I udało się go podpiąć pod top of pages, teraz problem z ustawieniem, bo sam obrazek zupełnie nie pasuje do reszty.


edit3: Dobra, tak to wygląda mniej więcej, gdzie można edytować parametry ustawienia pozycji tego modułu ? Bo w plikach modułu nigdzie tego nie mogę znaleźć (mogę wstawić jak co kod).


« Ostatnia zmiana: Listopad 19, 2012, 03:09:06 pm wysłana przez zajman »

*

Offline design4VIP

  • user
  • Mieszkaniec
  • *****
  • 3,866
  • 131
    • design4VIP z innej strony...
  • PrestaShop: PS
  • Status: Programista
Odp: Modyfikacja nagłówka
« Odpowiedź #4 dnia: Listopad 19, 2012, 03:15:41 pm »
na tym obrazku 'happycord' kliknij sobie w przegladarce FF prawym klawiszem i wybierz "zbadaj elemnent". w prawej kolumnie wyswietli ci sie pelen parametr co i gdzie edytowac, ewentualnie z dolnej listwy mozesz wybrac konkretny div. i juz masz dokladna nazwe diva (class lub id), nazwe pliku w ktorym jest jego styl, i co by zaa duzo nie szukac dokladna linijke ;) tutaj pozostaje juz tylko wejsc w plik, odszukac nr linijki i kombinowac z ustawieniami position, margin, padding, width, height..... i po bolu ;)

PS. jak sie chce to sie znajdzie, apstac***ac do wprowadzenia odpowidniej funcji hooka modulu ;)
design4VIP z innej strony...

*

Offline zajman

  • Użytkownik
  • **
  • 25
  • 0
Odp: Modyfikacja nagłówka
« Odpowiedź #5 dnia: Listopad 19, 2012, 03:38:52 pm »
Dzięki wielkie, jak na razie sporo ciekawych rzeczy się dowiedziałem i uważam, że jednak warto pytać i dziękuję ci za pomoc ;] Mimo wszystko dalej jest problem, bo obrazek jest przypisany do header_right i jakakolwiek modyfikacja ciągnie za sobą również pozostałe rzeczy które są tam przypisane (czyli wyszukiwarka, wybór języka i top cms) jakieś pomosły co z tym fantem zrobić ?

*

Offline zajman

  • Użytkownik
  • **
  • 25
  • 0
Odp: Modyfikacja nagłówka
« Odpowiedź #6 dnia: Listopad 19, 2012, 06:08:28 pm »
Nie wiem, gdzieś mi zniknęła opcja edit. Panowie tyle nad tym siedzę i dalej nic, zwariuje zaraz przy tym a klawiaturę chyba zjem :D Próbowałem na wiele sposobów ale chyba jedynym sensownym rozwiązaniem była by edycja top horizontal menu (tego paska czarnego paska na górze strony z wysyłką, stroną startową, o nas itd.)  i wstawienie tam jakoś tego obrazka). Chyba tak jutro spróbuję zrobić, bo już mi się pomysły skończyły ;///

*

Offline design4VIP

  • user
  • Mieszkaniec
  • *****
  • 3,866
  • 131
    • design4VIP z innej strony...
  • PrestaShop: PS
  • Status: Programista
Odp: Modyfikacja nagłówka
« Odpowiedź #7 dnia: Listopad 19, 2012, 07:17:05 pm »
tak bez linka do strony ciezko bedzie pomoc, ale kombinun ze stylami positon i display. zacznij od:

{position:relative (lub lepiej absolute); display:block; width:XXpx; height:YYpx; margin-top:ZZpx; margin-left:WWpx;.......}

napwno cos ci sie rozjedzie i bedziesz musial poprawic kolejne elementy, ale przez badanie elemntu FF to sprawa do zalatwienia prawie od reki ;)

no, bez linka to za wiele nie da sie pomoc wiec wrzucaj jak najszybciej gdzies to na serwerka i rzucaj linka.

design4VIP z innej strony...

*

Offline zajman

  • Użytkownik
  • **
  • 25
  • 0
Odp: Modyfikacja nagłówka
« Odpowiedź #8 dnia: Listopad 23, 2012, 12:22:06 pm »
Zapomniałem podziękować koledze deejay (ksywa związana z postacią z street fighter ? ) , case solved, umieściłem w nagłówku edytor tekstowy jednak, powiększyłem rozmiar loga i efekt jest taki jak chciałem.

*

Offline design4VIP

  • user
  • Mieszkaniec
  • *****
  • 3,866
  • 131
    • design4VIP z innej strony...
  • PrestaShop: PS
  • Status: Programista
Odp: Modyfikacja nagłówka
« Odpowiedź #9 dnia: Listopad 23, 2012, 12:57:08 pm »
milo, ze udalo mi sie bez zadnych wiekszych informacji i tak pomoc.

co do ksywki... to raczej zwiazana ze stylem zycia w mlodosci (lata 90)
a to juz sie tak rozpisze, jezeli temat i tak zamkniety. deejay to nie to samo co DJ. mianowicie deejay to zasadnicze okreslenie prezentera radiowo-dyskotekowego a DJ to tworca. i taka w tej calej grze polslowek logika.
design4VIP z innej strony...

*

Offline zajman

  • Użytkownik
  • **
  • 25
  • 0
Odp: Modyfikacja nagłówka
« Odpowiedź #10 dnia: Listopad 26, 2012, 04:04:38 pm »
Co by nowego tematu nie zakładać, zadam pytanie tutaj. Mianowicie w jednej kategori nie pokazuje mi produktów, a właściwie pokazuje je pół przeźroczyste po czym znikają.

Link :

http://dlamechanika.eu/category.php?id_category=9

Nie mam pojęcia, czym to jest spowodowane. Druga sprawa, jak przeniosłem się na serwer (z localhota) to znowu mam problemy z tym logiem, zastanawiam się, czy nie lepiej by mi było zrobić jedno zdjęcie (z logiem i bannerem) jako tło header zamiast kombinowania z header_right ? Na tym głównym zdjęciu umieściłbym logo i obrazek z asortymentem. Pytanie tylko, który header powiększyć do 100% (right czy zwykły ?) Ogólnie nad header cały czas pracuję, te zdjęcia (logo i banner) są na razie testowe, na pewno to tak nie będzie wyglądało.


Trzeci error mam związany z tłumaczeniem, mianowicie nie pokazuje mi polskich znaków w jednym miejscu:




Teraz nie wiem, bo zrobiłem dziś polskie tłumaczenie, tylko czemu w każdym innym miejscu są polskie znaki, a tutaj nie ma? Teraz przeszukam tłumaczenia ale to chyba będę musiał gdzieś w pliku ustawić ?

*

Offline tyszek

  • Tubylec
  • ****
  • 185
  • 6
  • Płeć: Mężczyzna
    • Drogeria - Perfumeria FROCUS
  • PrestaShop: 1.4.x
  • Status: forum
Odp: Modyfikacja nagłówka
« Odpowiedź #11 dnia: Listopad 26, 2012, 05:20:58 pm »
co od loga sklepu w header to łatwiej lepiej i szybciej jak to będzie jeden obrazek.

ustawiasz wielkość logo na 910px na 250 potem takie logo wstawiasz i jest :)
(kasujesz to co wstawiłeś z fotami urządzeń)

Wtedy zmienić ten nagłówek możesz również poprzez PA.

Jeśli chodzi o znikające produkty to nie wiem dlaczego ale tylko w tej jednej kategorii znikają. W footer jak masz rożne linki np Wysyłka to tez prowadzą do tej znikającej kategorii. Może coś to ma wspólnego.

*

Offline design4VIP

  • user
  • Mieszkaniec
  • *****
  • 3,866
  • 131
    • design4VIP z innej strony...
  • PrestaShop: PS
  • Status: Programista
Odp: Modyfikacja nagłówka
« Odpowiedź #12 dnia: Listopad 26, 2012, 08:02:09 pm »
najprostsze to tlumaczenia..., a tak naprawde to zastosowane fonty. 'Trebuchet MS' nie ma sam w sobie "ogonkow" i tyle. zamiana fonta rozwiazuje caly dylemat.

co do logo to nie dokonca widac zamierzony cel.
tutaj nie polecalbym rozwizania kolegi z pietra wyzej, bo zazwyczaj podlinkowane pod strone glowna powinno byc tylko logo a nie caly header, a taki wlasnie bedzie efekt zrobienia tak duzego "logo".
 ale tak na pierwszy rzut oka logo wyglada na umiejscowione w dobrym miejscu ale za male [300px × 200px (przeskalowany do 230px × 75px)] a tak z obierznego badania kodu "twarde" wymiary masz wpisane w header.tpl

co do zmikajacych przedmiotow to zapewne Twoja wersja jest ponizej 1.4.6.2 i masz uruchomiony blocklayered (blok filtrow nawigacyjnych) [KATALOG]?


Ps. linki w stopce maja href="" wiec odwoluja sie do obecnie widniejacej strony wiec to nie ma nic wspolnego.
design4VIP z innej strony...

*

Offline zajman

  • Użytkownik
  • **
  • 25
  • 0
Odp: Modyfikacja nagłówka
« Odpowiedź #13 dnia: Listopad 27, 2012, 11:45:57 am »
Człowieku, jaką ty masz wiedzę o prestashop- SZOK :O !!!

1.Znikające kategorie- dokładnie tak jak napisałeś, już naprawione.

2. Wielkość loga- header.tpl, miałem taki kod:

Cytuj
<div id="header">
            <a id="header_logo" href="{$base_dir}" title="{$shop_name|escape:'htmlall':'UTF-8'}">
               <img class="logo" src="{$img_ps_dir}logo.jpg?{$time}" alt="{$shop_name|escape:'htmlall':'UTF-8'}" {if $logo_image_width}width="{$logo_image_width}"{/if} {if $logo_image_height}height="{$logo_image_height}" {/if} />

{$logo_image_width}
{$logo_image_height}

Wymazałem te dwie linijki i wpisałem wartości w pixelach, załatwiło sprawę.


3.Zmiana fonta nic nie daje, owszem, czcionka się zmienia, ale w tym jednym miejscu jest dalej bez polskich znaków. Jak robię nową kategorię to również polskich znaków brak w problematycznym miejscu. Chyba, że w złym miejscu ją zmieniam, bo robię to w global.css.

*

Offline zajman

  • Użytkownik
  • **
  • 25
  • 0
Odp: Modyfikacja nagłówka
« Odpowiedź #14 dnia: Listopad 27, 2012, 02:17:17 pm »
Nie wiem, nie da się edytować postów po jakimś czasie czy o co biega, raz mogę edytować, innym razem nie ? W każdym razie, chciałem dopisać, że przeglądem wszystkie tłumaczenia, i nigdzie nie ma możliwości wyedytowania tego problemu, także muszę szukać w plikach źródłowych ? Zastanawiam sie czy zmiana kodowania w product list nie pomoże ?

*

Offline design4VIP

  • user
  • Mieszkaniec
  • *****
  • 3,866
  • 131
    • design4VIP z innej strony...
  • PrestaShop: PS
  • Status: Programista
Odp: Modyfikacja nagłówka
« Odpowiedź #15 dnia: Listopad 28, 2012, 12:59:09 pm »
NIE RUSZAJ KODOWANIA! bron Cie  Panie.... posypiesz czalosc.

czcionke masz wpisana w 11 linijce global.css

body {
    font-size: 12px;
    font-family: "Trebuchet MS",Verdana,Arial,Helvetica,Sans-Serif;
    color: rgb(68, 68, 68);
    text-align: center;
}


czerwone do wywalenia.

przesledz jeszcze wyszukiwareczka cale globala i zobacz, czy gdzies jeszcze nie siedzi 'Trebuchet MS'
design4VIP z innej strony...