wdrożenia PrestaShop

slider z ikonami producentów

  • 12 Odpowiedzi
  • 3505 Wyświetleń

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

*

Offline f365446

  • Użytkownik
  • **
  • 22
  • 0
  • PrestaShop: 1.5.4
  • Status: forum
slider z ikonami producentów
« dnia: Lipiec 25, 2013, 08:16:28 pm »
Potrzebuję czegoś w rodzaju slidera, karuzeli. Całość ma się znajdować w stopce (to akurat wiem jak zrobić) i mają tam być małe ikonki (producenci produktów) , które będą się powoli przesuwać .
Najlepiej jakiś darmowy mod.

*

Offline Angar

  • Tubylec
  • ****
  • 190
  • 2
Odp: slider z ikonami producentów
« Odpowiedź #1 dnia: Lipiec 25, 2013, 08:37:20 pm »
Widziałem kilka takich darmowych modułów.
Googluj pod hasłem prestashop manufacturer carousel na pewno coś znajdziesz.
Presta-Portal.pl - Dokumentacja, funkcjonalność, szablony i usługi związane z PrestaShop.

*

Offline And63

  • Stały użytkownik
  • ***
  • 89
  • 3
Odp: slider z ikonami producentów
« Odpowiedź #2 dnia: Lipiec 25, 2013, 10:41:38 pm »

*

Offline f365446

  • Użytkownik
  • **
  • 22
  • 0
  • PrestaShop: 1.5.4
  • Status: forum
Odp: slider z ikonami producentów
« Odpowiedź #3 dnia: Lipiec 26, 2013, 08:55:44 am »
Sprawdziłem ten leo i mam pewne ale . Otóż gdy robię hook modułu do footer to coś się rozjeżdża . Dodatkowo muszę zrobić tło transparent tego modułu.



EDIT/// Już się nie rozjeżdża . Pozostaje sprawa tła transparent i zmniejszenie modułu o jakieś 100px ponieważ strzałki mam poza kolumną.

*

Offline design4VIP

  • user
  • Mieszkaniec
  • *****
  • 3,866
  • 131
    • design4VIP z innej strony...
  • PrestaShop: PS
  • Status: Programista
Odp: slider z ikonami producentów
« Odpowiedź #4 dnia: Lipiec 26, 2013, 09:25:42 am »
style .css ustawiasz jak ci potrzeba
design4VIP z innej strony...

*

Offline f365446

  • Użytkownik
  • **
  • 22
  • 0
  • PrestaShop: 1.5.4
  • Status: forum
Odp: slider z ikonami producentów
« Odpowiedź #5 dnia: Lipiec 26, 2013, 09:41:34 am »
style .css ustawiasz jak ci potrzeba

A nie w global czasami ?

dająć width na początku zmniejszy mi cały footer. Ja chcę zmniejszyć tylko ten moduł wewnątrz niego. Oto mój footer:


Cytuj
/* ************************************************************************************************
        FOOTER
************************************************************************************************ */
#footer {
   
    color:#000000;
    background:url(../img/footer_bg.jpg) no-repeat
}
    .blockcategories_footer,
    #footer .myaccount ,
    #block_various_links_footer,
    #social_block,
    #block_contact_infos {
        float:left;
        width:175px
    }
    .blockcategories_footer {margin-left:0}
#footer .title_block {
    padding-bottom: 10px;
    text-transform:uppercase
}
#footer .title_block ,
#footer .title_block  a {
    font-weight:normal;
    font-size:14px;
    color:#000000
}
#footer a {color:#000000}
#footer a:hover {text-decoration:underline}
#footer ul {list-style-type:none}
#footer li {padding:7px 0}
#footer li a {color:#000000}

#footer .myaccount {padding: 15px 10px}
#footer .myaccount .title_block, #footer .myaccount h4 {
    padding:0 0 10px 0;
    background:none;
    text-shadow:none
}
#footer .myaccount .favoriteproducts img,
#footer .myaccount .lnk_wishlist img {display:none}
« Ostatnia zmiana: Lipiec 26, 2013, 10:38:16 am wysłana przez f365446 »

*

Offline design4VIP

  • user
  • Mieszkaniec
  • *****
  • 3,866
  • 131
    • design4VIP z innej strony...
  • PrestaShop: PS
  • Status: Programista
Odp: slider z ikonami producentów
« Odpowiedź #6 dnia: Lipiec 26, 2013, 10:42:23 am »
po pierwsze global to tez .css po drugie co ma wspolnego szerokosc stopki z szegokoscia elementow modulu? zsmien tylko to co potrzrebujesz.... korzystaj z firebuga
design4VIP z innej strony...

*

Offline f365446

  • Użytkownik
  • **
  • 22
  • 0
  • PrestaShop: 1.5.4
  • Status: forum
Odp: slider z ikonami producentów
« Odpowiedź #7 dnia: Lipiec 26, 2013, 11:10:07 am »
ff robiąc zbadaj element daje coś takiego:

Cytuj
element {
    position: relative;
}
#mycarouselHolder .jcarousel-skin-tango .jcarousel-clip-horizontal {
    padding: 3px 0px;
}
#mycarouselHolder .jcarousel-clip {
    position: relative;
    overflow: hidden;
    margin: 0px;
    z-index: 2;
    padding: 0px;
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td {
    margin: 0px;
    padding: 0px;
}
#footer {
    color: rgb(0, 0, 0);
}
body {
    font: 11px/14px Arial,Verdana,sans-serif;
    color: rgb(34, 34, 34);
}
html {
    color: rgb(0, 0, 0);
}
Cytuj

Ja tutaj nie widzę ustawienia szerokości modułu.

*

Offline f365446

  • Użytkownik
  • **
  • 22
  • 0
  • PrestaShop: 1.5.4
  • Status: forum
Odp: slider z ikonami producentów
« Odpowiedź #8 dnia: Lipiec 26, 2013, 11:27:18 am »
Gotowe  ;D Opcja transparent znajdowała się w skins.css

Cytuj
#wrap {
    /*padding: 0 15px; */
    background: transparent;
    /*margin-bottom: 27px;*/

*

Offline f365446

  • Użytkownik
  • **
  • 22
  • 0
  • PrestaShop: 1.5.4
  • Status: forum
Odp: slider z ikonami producentów
« Odpowiedź #9 dnia: Lipiec 26, 2013, 01:24:36 pm »
Znowu utknąłem, po raz kolejny problem z zlokalizowaniem wartości odpowiedzialnych za rozmiar obrazka (robi wszystko w kwadrat) . Chcę aby obrazek  był skalowany tylko na wysokość , proporcja szerokości ma zostać. Dodatkowo jak usunąć nazwę producenta obok logo ?



*

Offline design4VIP

  • user
  • Mieszkaniec
  • *****
  • 3,866
  • 131
    • design4VIP z innej strony...
  • PrestaShop: PS
  • Status: Programista
Odp: slider z ikonami producentów
« Odpowiedź #10 dnia: Lipiec 26, 2013, 01:37:19 pm »
wszystko ustalasz stylami.... nie ma czegos w stylach, trzeba bo dopisac. zazwyczajujete w plikach .css sa tylko klasy potrzebne danemu programiscie do ustalenia czegos wedlug jego widzimisie. jezeli chcesz cos przerobic to musisz dipisac tak <div> jak i odpowienie wartosci klas do plikow. nie ma tak pieknie, zeby bylo wszystko i tylko podstawiac swoje wartosci. w firebug masz dokladnie podana klase, tag oraz jego lokalizacje. jezeli nie masz dokladnej lokalizacji to masz w bug podane tylko jako element{} czyli rzeczy dopisane do danego taga. oj, widze, ze jeszcze dalega droga naukowawa przed Toba z tym "nieszczesnym" firebugiem. ale uwierz mi. spedzone godziny czy dni, pozniej przedloza sie na skrocenie czasu pracy w ustalaniu wygladu o okolo 90%, wiec warto chwile poswiecic.

do "niewyswietlania" w stylu elementu dodaj {display:none;}
design4VIP z innej strony...

*

Offline f365446

  • Użytkownik
  • **
  • 22
  • 0
  • PrestaShop: 1.5.4
  • Status: forum
Odp: slider z ikonami producentów
« Odpowiedź #11 dnia: Lipiec 26, 2013, 02:10:52 pm »
Dobra to powiedz mi chociaż w którym dokładnie miejscu dać ten  display:none;

/* ************************************************************************************************
        FOOTER
************************************************************************************************ */
#footer {
   
    color:#000000;
    background:url(../img/footer_bg.jpg) no-repeat
}
    .blockcategories_footer,
    #footer .myaccount ,
    #block_various_links_footer,
    #social_block,
    #block_contact_infos {
        float:left;
        width:175px
    }
    .blockcategories_footer {margin-left:0}
#footer .title_block {
    padding-bottom: 10px;
    text-transform:uppercase
}
#footer .title_block ,
#footer .title_block  a {
    font-weight:normal;
    font-size:14px;
    color:#000000
}
#footer a {color:#000000}
#footer a:hover {text-decoration:underline}
#footer ul {list-style-type:none}
#footer li {padding:7px 0}
#footer li a {color:#000000}

#footer .myaccount {padding: 15px 10px}
#footer .myaccount .title_block, #footer .myaccount h4 {
    padding:0 0 10px 0;
    background:none;
    text-shadow:none
}
#footer .myaccount .favoriteproducts img,
#footer .myaccount .lnk_wishlist img {display:none}

*

Offline design4VIP

  • user
  • Mieszkaniec
  • *****
  • 3,866
  • 131
    • design4VIP z innej strony...
  • PrestaShop: PS
  • Status: Programista
Odp: slider z ikonami producentów
« Odpowiedź #12 dnia: Lipiec 26, 2013, 03:08:14 pm »
dokladnie np. w pliku skins.css w classie odpowiedzialnej za wysweitlanie tego elementu. jaki to element, w jakiej klasie, albo w najlepszym wydaku o jakiej classie to juz podpowie ci firebug, wystarczy na niego kliknac prawym przyciskiem i odczytac to co podaje w prawej kolumnie. albo inaczej... czytaj to co sie do ciebie pisze....

co chcesz zmienic? uparles sie tej stopki.... pisalem juz, stopka nei ma nic do tego... jezeli wrzucicsz sobie wyswietlanei produktu w stopce zamiast prawej kolumnie to tez go bedziesz zmienial w #footer????? co ma do tego modulu stylowanie stopki???? ustawiajac w lewej kolumnie poszczegolne boksy tez kurczliwie trzymasz sie #left_column????? zostaw ta stopke w spokoju i jeszcze raz pomijac stopke a skupiajac sie na elemncie modulu przeanalizuj co podaje firebug.


PS. gotowce tylko w dziale Rynek
design4VIP z innej strony...