ROZWIĄZANE problem z modułem info

Dyskusja w 'Zmiana wyglądu sklepu i edycja zaawansowana' rozpoczęta przez użytkownika majsteronline, 2 Maj 2016.

  1. majsteronline

    majsteronline Kandydat

    Wiadomości:
    103
    Docenione treści:
    3
    Cześć,

    mój problem dotyczy modułu info. W jaki sposób mogę zmienić ikony w tym module?

    I dlaczego teraz wyświetla mi się "podwójny rząd"???

    Proszę o pomoc.

    blad.png
     
  2. Grzesiek

    Grzesiek Centrum Pomocy home.pl

    Wiadomości:
    3 659
    Docenione treści:
    331
    W module Info masz/miałeś wstawiony jeden <div> z dużo. Tworzył on jakby 5 kolumnę informacji, stąd podwójna ikona widoczna pod infolinią. Odświeżone, problem rozwiązany. Edycji możesz dokonać w sekcji Konfiguracja --> wygląd --> Aktywny styl graficzny --> Moduły i edytując moduł Info. Koniecznie trzeba wyłączyć edytor na czas edycji.

    Jeśli chodzi o zmianę ikon, przejdź do Własny styl CSS i odszukaj:

    /*---------------banery informacyjne na stronie głównej--------------------*/

    Tam są podane linki do odpowiednich ikon, np.: #info_box .s-row .infolinia{ background: url("../images/user/kontakt.png") no-repeat left top ;}

    Analogicznie te .s-row .infolinia masz podane we wcześniej wskazanej lokalizacji w module, więc możesz "kombinować"

    Nowe ikony wstawiasz poprzez sekcję Pliki graficzne. Gdy dodasz plik i wejdziesz w jego szczegóły, pokaże się ścieżka dostępu do pliku, którą trzeba podmienić we własym stylu CSS. Pamiętaj, aby wcześniej zrobić sobie kopię skórki
     
  3. majsteronline

    majsteronline Kandydat

    Wiadomości:
    103
    Docenione treści:
    3
    Dzięki.
    brzmi skomplikowanie, ale mam nadzieję, że sobie poradzę.
    Kinga
     
  4. Grzesiek

    Grzesiek Centrum Pomocy home.pl

    Wiadomości:
    3 659
    Docenione treści:
    331
    1. Konfiguracja --> wygląd --> Aktywny styl graficzny --> Moduły --> szukasz modułu Info i przechodzisz do edycji, po prawej klikasz Wyłącz edytor. Zobaczysz poszczególne "kolumny" opisane jako .s-row... COŚ

    2. Konfiguracja --> wygląd --> Aktywny styl graficzny --> Własny styl CSS --> szukasz pozycji "Banery informacyjne na stronie głównej" każdy baner opisany jest jak wyżej, a więc wskazuje (pisząc wprost, bez zagłębiania się w szczegóły) s-row + informacja czego dotyczy np. infolinia i w nawiasie link do obrazka, który będziesz edytowała.

    3. Konfiguracja --> wygląd --> Aktywny styl graficzny --> Pliki graficzne. Dodajesz nową ikonę i przechodzisz do jej edycji, pojawi się link do tego obrazka który podmieniasz w pkt. 2.

    Punkt 1 praktycznie można pominąć chyba, że modyfikujesz zawartość.
     
  5. majsteronline

    majsteronline Kandydat

    Wiadomości:
    103
    Docenione treści:
    3
    moduł info.png

    Hej,
    mam jeszcze jeden problem.
    ostatni opis idzie do prawej strony.

    Jak zrobić żeby wszystkie napisy były równe?

    Kinga
     
  6. TheL

    TheL @Lider VIP Beta-tester

    Wiadomości:
    2 403
    Docenione treści:
    535
    popraw z
    Kod:
    <span style="font-size: 8pt;">
    <strong>
    <span style="color: #ff0000;">regularnie szkolonych</span>
    </strong>
    </span>
    
    na
    Kod:
    <strong>
    <span style="color: #ff0000;font-size: 8pt;">regularnie szkolonych</span>
    </strong>
    
     
  7. majsteronline

    majsteronline Kandydat

    Wiadomości:
    103
    Docenione treści:
    3
    a ja mam takie coś?

    <div class="s-row">
    <div class="s-grid-3 infolinia">
    <h4><span style="font-size: 8pt;"><strong>Infolinia</strong></span></h4>
    <h4><span style="color: #ff0000; font-size: 8pt;">87 737 15 81</span></h4>
    </div>
    <div class="s-grid-3 dostawa">
    <h4><span style="font-size: 8pt;">14 dni na zwrot</span></h4>
    <h4><span style="color: #ff0000; font-size: 8pt;">zakupionego towaru</span></h4>
    </div>
    <div class="s-grid-3 wysylka">
    <h4><span style="font-size: 8pt;">Wysyłka do 24 h</span></h4>
    <h4><span style="color: #ff0000; font-size: 8pt;">dostawa od 17 zł</span></h4>
    </div>
    <div class="s-grid-3 bezpieczenstwo">
    <h4><span style="font-size: 8pt;">Kadra doradców</span></h4>
    <h4><span style="font-size: 8pt;"><strong><span style="color: #ff0000;">regularnie szkolonych</span></strong></span></h4>
    </div>
    </div>
     
  8. TheL

    TheL @Lider VIP Beta-tester

    Wiadomości:
    2 403
    Docenione treści:
    535
    dokładnie.
    zastąp
    Kod:
    <h4><span style="font-size: 8pt;"><strong><span style="color: #ff0000;">regularnie szkolonych</span></strong>
    
    tym:
    Kod:
    <h4><span style="color: #ff0000; font-size: 8pt;">regularnie szkolonychł</span></h4>
    
    mała różnica a robi u Ciebie dużo złego
     
    majsteronline lubi to.
  9. majsteronline

    majsteronline Kandydat

    Wiadomości:
    103
    Docenione treści:
    3
    Dziękuję.
    działa już poprawnie.
    Kinga
     

Poleć forum znajomym