Polskie wsparcie PrestaShop
PrestaShop => Wygląd => Wątek zaczęty przez: f365446 w 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.
-
Widziałem kilka takich darmowych modułów.
Googluj pod hasłem prestashop manufacturer carousel na pewno coś znajdziesz.
-
polecam instalację darmowego modułu:
http://www.leotheme.com/download/viewcategory/79-lof-manufacture-carousel.html (http://www.leotheme.com/download/viewcategory/79-lof-manufacture-carousel.html)
-
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ą.
-
style .css ustawiasz jak ci potrzeba
-
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:
/* ************************************************************************************************
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}
-
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
-
ff robiąc zbadaj element daje coś takiego:
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);
}
Ja tutaj nie widzę ustawienia szerokości modułu.
-
Gotowe ;D Opcja transparent znajdowała się w skins.css
#wrap {
/*padding: 0 15px; */
background: transparent;
/*margin-bottom: 27px;*/
-
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 ?
-
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;}
-
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}
-
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