productlist.css - pytanie

[syngress]

category.tpl odprowadza mnie grzecznie do product-list.tpl, ten z kolei do swojego arkusza stylów.

 

Interesuje mnie:

 

/* #product_list li {
 margin-bottom: 14px;
 padding: 12px 8px;
 border: 1px solid #eee;
 -moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px
} */

 

Czy mam się tutaj spodziewać jakiejś treści ? Wyświetla mi pustą tabelę z obramowaniem..

 

Edited August 27, 2013 by syngress (see edit history)

[syngress]

I kolejny raz 7 krasnoludków odwiedziło natychmiast topic, następnie schowało się za szafę :-D

[wzr1one]

może jakbyś podal adres strony to by było łatwiej

[vekia]

mi to wygląda na prosty problem z CSSami dla głównego bloka.

do każego elementu <li> w listingu produktów <ul> dodaj kod:

 

display: block;
clear: both;
overflow: hidden;

[netss-design.pl]

Po prostu tło "li" nie podąża poprawnie za treścią. Jeżeli sposób @vekia nie podziała, spróbuj także nadać float:left; elementowi listy.

[syngress]

Ten element z border dawał oryginalnie obramowanie dla compare i sort by czy obramował każdy produkt z osobna ?

Edited August 28, 2013 by syngress (see edit history)

[vekia]

nie bardzo rozumiem o co pytasz w tym momencie.

jezeli chcesz aby lista produktow wygladala tak:

 

to daj wspomniane wyzej style do:

#product_list li {
margin-bottom: 14px;
padding: 12px 8px;
border: 1px solid #eee;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
clear: both;
overflow: hidden;
display: block;
}

[syngress]

vekia global.css wymieszany jest totalnie z moim arkuszem, dlatego robią się straszne rozjazdy, ale dziękuje, właśnie o to pytałem, obramuje każdy produkt z osobna. W moim przypadku wprowadzę prostą zmianę, z border: 1px solid zrobię border-top: 1px

 

efekt ?

 

 

Przy okazji zapytam o button (compare) pojawia się u mnie 2 razy.

To tak w oryginale być miało ?

[vekia]

a jak masz więcej produktów, to kazdy produkt ma swój własny compare button?

[syngress]

Myślę, że powinien być jeden na samej górze, i checklistą zaznaczam produkty do porównania .. ?

[vekia]

ok, sprawdziłem, pojawia Ci się dodatkowy button niezależny od produktów, związany on jest z dolną paginacją (pagination.tpl)

 

z category .tpl musiałbyś usunąć tę dolną paginację - dodawana ona jest poleceniem include, powinieneś z łatwością zauważyc

[syngress]

Dzięki wielkie ...

 

Uuuuu ale przy 2 produktach i tak mi się wszystko rozjeżdża ..

 

 

Będę musiał to jeszcze raz poukładać, pewnie wspomogę się tabelami ..

[vekia]

mi tam cały czas brakuje display:block; clear:both i overflow:hidden;

[syngress]

mi tam cały czas brakuje display:block; clear:both i overflow:hidden;

 

Zgadza się, bez większych modyfikacji się wszystko poukładało.

[syngress]

Elementem czego jest ta żółta linia, na której widnieje napis ATIV One 7 ?

Styl odpowiedzialny: product.css z szablonu.

 

Edited September 1, 2013 by syngress (see edit history)

[vekia]

global.css

klasa .idTabs

.idTabs {
list-style-type: none;
margin-top: 20px;
border-bottom: 8px solid #f7b900;
}

 

domyślnie jest to element zakładek takich jak "more info"

[syngress]

Super, dziękuje.

Kurcze, chrome nie chciało mi tego znaleźć

[syngress]

Jeszcze zapytam o żółty button (moreinfo), rozumie że mogą się tam pojawić inne opcje:

Ten kod (chyba) jest odpowiedzialny za wyświetlanie dodatkowych opcji:

 

<!-- description and features -->
{if (isset($product) && $product->description) || (isset($features) && $features) || (isset($accessories) && $accessories) || (isset($HOOK_PRODUCT_TAB) && $HOOK_PRODUCT_TAB) || (isset($attachments) && $attachments) || isset($product) && $product->customizable}
<div id="more_info_block" class="clear">
<ul id="more_info_tabs" class="idTabs idTabsShort clearfix">
 {if $product->description}<li><a id="more_info_tab_more_info" href="#idTab1">{l s='More info'}</a></li>{/if}
 {if $features}<li><a id="more_info_tab_data_sheet" href="#idTab2">{l s='Data sheet'}</a></li>{/if}
 {if $attachments}<li><a id="more_info_tab_attachments" href="#idTab9">{l s='Download'}</a></li>{/if}
 {if isset($accessories) AND $accessories}<li><a href="#idTab4">{l s='Accessories'}</a></li>{/if}
 {if isset($product) && $product->customizable}<li><a href="#idTab10">{l s='Product customization'}</a></li>{/if}
 {$HOOK_PRODUCT_TAB}
</ul>

 

 

 

Tutaj również zmiana wyglądu będzie w global'u ?