Polskie wsparcie PrestaShop
PrestaShop => Błędy => Wątek zaczęty przez: debiannet w Kwiecień 27, 2012, 09:52:30 pm
-
Obrazek w kategorii idzie do lewej krawędzi a powinien być na środku
(http://fotoo.pl//out.php/i216593_sklep-fotka-w-lewo-ucieka.jpg)
patrzyłem w: product_list.css i po zmianie z left na center, nic nie daje, jak to rozwiązać ? :-\
ul#product_list a.product_img_link {
float: left;
margin-right: 0.6em;
}
-
3 w nocy a ja nadal walczę.. ::)
ale już wywalczyłem trochę, ogólnie to trzeba trochę pododawać kodu do tej skórki..
np: napis acer pod zdjęciem żeby był na środku musiałem dodać:
margin-left: 70px;
w global.css:
/*#center_column .products_block li.last_item
Fotkę udało mi się przesunąć w product_list:
ul#product_list a.product_img_link {
float: left;
margin-right: 6.6em <------------- z 0.6em na 6.6em żeby było na środku...
}
Nadal jednak fotka nie jest na środku w categoriach i na razie nie mam pomysłu gdzie tego szukać..
(http://fotoo.pl//out.php/i216886_ddddddddd.jpg)
-
W css parametr float nie ma wartości center. Dziwny sposób centrowania wybrałeś ;) Generalnie sztywne nadawanie odległości w margin to nie jest dobry sposób na centrowanie. Sprawi Ci on kłopoty gdy obiekt będzie dłuższy niż oczekiwany.
Najlepiej będzie dodać do obiektu który chcesz wycentrować parametr width z określoną długością oraz margin:auto;. Ponad to rodzic obiektu (w Twoim przypadku zapewne DIV) musi mieć określoną wartość width - to właśnie w granicach tego DIV obiekt zostanie wycentrowany
-
Bo ja to tak trochę jak niewidomy przez ulicę :P
Byłbyś tak łaskaw wyjaśnić mi to tak łopatologicznie jak durniowi ;) Gdzie dokładnie dodać parametr width, w global css czy w product_list ?
to jest kod mojego product_list.css
/* product-list.tpl */
ul#product_list { margin-top: 2em; list-style-type: none }
ul#product_list li {
border: 1px solid #E3E0E0;
float: left;
margin-right: 10px;
margin-top: 10px;
padding: 0 0 1px;
width: 210px;
}
* html ul#product_list li {
height: auto !important;
height: 130px
}
ul#product_list li a {
color: #989898;
font-size: 12px;
font-weight: normal;
text-decoration: none;
}
ul#product_list a.product_img_link {
float: left;
margin-right: 6.6em
}
ul#product_list a.product_img_link img { vertical-align: bottom; display: block }
ul#product_list li h3 { margin: 1em 0; clear: both; }
ul#product_list li .new {
background: transparent url(../img/flag_new_bg.jpg) repeat-x scroll 0%;
border: 1px solid #488C40;
color: white;
font-size: 0.6em;
font-weight: bold;
margin: 0 1em 0 0;
padding: 0 0.4em;
text-transform: uppercase;
vertical-align: 0.3em
}
ul#product_list li p.product_desc {
margin-bottom: 0;
font-size: 0.92em
}
ul#product_list li div.center_block {
float: left;
text-align: center;
}
ul#product_list li div.right_block {
float: left;
margin-left: 5em;
margin-top: 0;
text-align: center;
width: 9em;
}
ul#product_list li .discount, ul#product_list li .on_sale, ul#product_list li .online_only {
color: #da0f00;
text-transform: uppercase;
font-weight: bold;
display: block
}
ul#product_list li .reduction {
display: block;
margin-bottom: 0.3em
}
ul#product_list li .price {
display: block;
margin-bottom: 0.2em;
color:#F3751F;
font-size:18px;
fon-weight:normal;
}
ul#product_list li span.availability {
color: #488c40;
font-size: 0.9em
}
ul#product_list li a.button { margin-top: 1.5em }
ul#product_list li p.compare input { vertical-align: text-bottom }
#center_column p.compare{
margin: 0.5em 0 0.5em -32px;
padding-left: 0;
width: 154px;
}
#category-image_shadow {
background: url("../img/category-image_shadow.png") no-repeat scroll 0 0 transparent;
height: 30px;
margin-top: 10px;
}
-
kurcze tak po omacku ciężko podać dokładnie gdzie i co wpisać - tym bardziej, że widzę dość konkretną modyfikację ;) Jest ten sklep gdzieś online?
najprościej rzecz ujmując w product_img_link usuwasz parametry: float i margin-right w zamian dajesz margin:auto; nie gwarantuję, że zadziała bo nie widzę źródła, ale jestem dobrej myśli ;)
-
Tak jest online:
http://www.debianne.webd.pl/presta/
A tu dokładnie gdzie jest problem z obrazkiem:
http://www.debianne.webd.pl/presta/category.php?id_category=7
na głównej stronie tak jak pisałem wcześniej już ustawiłem ale jak mówisz żeby nie robić na sztywno to też bym chętnie poprawił żeby to miało ręce i nogi.
Jak byś mógł rzucić okiem, będę dozgonnie wdzięczny ;)
-
do produktów:
http://www.debianne.webd.pl/presta/themes/clothetheme/css/product_list.css:42
ul#product_list li div.center_block {
float: left;
text-align: center;
margin: auto;
width: 129px;
}
do listy subkategorii:
http://www.debianne.webd.pl/presta/themes/clothetheme/css/category.css:4
media="all"
body#category div#subcategories .inline_list a img {
display: inline;
margin: auto;
clear: both;
}
rzeczy przekreśloną czcionką usuwasz, pogrubioną dodajesz :)
-
vekia.pl Wielkie Dzięki za pomoc, ja to niecierpliwy jednak i w między czasie wpadł znajomy i zrobił. Tak z czystej ciekawości możesz zerknąć jak to rozwiązał, ja to bym chętnie opisał tylko że robił tak szybko a dziś jeszcze sobota i tak zasiedliśmy że nie wiele zapamiętałem ;) W global.css na końcu dodał kod i w product.list.css również na końcu, również użył funkcji clear: both;