Hallo Leute,
gibt es eine möglichkeit beim zk-produkts, die produkte nebeneinander anzeigen zu lassen, ähnlich wie beim tt-produkts. Wenn ja, was und wo muß ich was eintragen.
wenn nein, was muß man ändern damit es es machbar währe.
mfg,
RChristian
Hallo Leute,
gibt es eine möglichkeit beim zk-produkts, die produkte nebeneinander anzeigen zu lassen, ähnlich wie beim tt-produkts. Wenn ja, was und wo muß ich was eintragen.
wenn nein, was muß man ändern damit es es machbar währe.
mfg,
RChristian
das geht auf jedenfall ... du musst jedeglich das Template anpassen.
Suche nach dem Marker: ###ITEM_LIST_TEMPLATE###
ab dem Marker: <!-- ###ITEM_LIST### begin --> beginnt die normale auflistung....
Das Problem ist das das ganze statisch mit Tables aufgebaut ist ... das heisst das du entweder den php Code ändern müsstest -> wenn anzahl produkte = deine gewünschte Anzahl nebeneinander stehender Produkte dann neue Zeile ... ist aber etwas umständlich ... besser: nutze das Boxenmodell (DIVS) ... und im CSS kannst du einfach float left angeben ..damit werden die nachfolgenden Produkte rechts gerendert, und wenn kein platz mehr da ist wird eine neue Zeile genutzt.
Habe das schon umgeschrieben:
Habe aber die Marker ###GW2E### etc. entfernt (Einstellungen für Textfarbe, FETT etc in Typo3) da ich alles komplett in CSS steuern wollte.
<!-- ###ITEM_LIST_TEMPLATE### begin
This subpart is used to display the regular list of products. It's also used by search-results.
-->
<div class="shop_navigation">
<table class="shop_NP"><tr>
<td class="prev"><!--###LINK_PREV###--><img src="fileadmin/templates/cr/gfx/shop/button_left.gif" alt="" /><!--###LINK_PREV###--></td>
<td class="next"><!--###LINK_NEXT###--><img src="fileadmin/templates/cr/gfx/shop/button_right.gif" alt="" /><!--###LINK_NEXT###--></td>
</tr></table>
<div id="browse"><!--###LINK_BROWSE###-->###BROWSE_LINKS###<!--###LINK_BROWSE###--></div>
</div>
<!-- ###ITEM_CATEGORY_AND_ITEMS### begin -->
<!-- ###ITEM_CATEGORY### begin -->
<!-- ###ITEM_CATEGORY### end -->
<!-- ###ITEM_LIST### begin -->
<!-- ###ITEM_SINGLE### begin-->
<div id="shop_div_listItem">
<form method="post" action="###FORM_URL###" name="###FORM_NAME###">
<div id="shop_div_Pic"><!--###LINK_ITEM###-->###PRODUCT_IMAGE###<!--###LINK_ITEM###--></div>
<div id="shop_div_Title">
<div id="shop_Title_field"><!--###LINK_ITEM###-->###PRODUCT_TITLE###<!--###LINK_ITEM###--></div>
<div id="shop_subTitle_field">###PRODUCT_SUBTITLE###</div>
<div id="shop_booklet_field">Heft: ###PRODUCT_BOOKLETNR###</div>
<div id="shop_note_field">###PRODUCT_NOTE###</div>
</div>
<div id="shop_div_price">
<div id="shop_price_field">###PRICE_TAX### €</div>
<div id="shop_count_input"><input maxlength="4" type="text" name="###FIELD_NAME###" value="1" /></div>
<div id="shop_basket_field"><input type="image" name="order" src="fileadmin/templates/cr/gfx/shop/basket.gif" value="in den Warenkorb" onclick="if (!document.forms['###FORM_NAME###']['###FIELD_NAME###'].value!=''){document.forms['###FORM_NAME###']['###FIELD_NAME###'].value=1;};" /></div>
</div>
</form>
</div>
<!-- ###ITEM_SINGLE### end -->
<!-- ###ITEM_LIST### end -->
<!-- ###ITEM_CATEGORY_AND_ITEMS### end -->
<div class="shop_navigation">
<table class="shop_NP"><tr>
<td class="prev"><!--###LINK_PREV###--><img src="fileadmin/templates/cr/gfx/shop/button_left.gif" alt="" /><!--###LINK_PREV###--></td>
<td class="next"><!--###LINK_NEXT###--><img src="fileadmin/templates/cr/gfx/shop/button_right.gif" alt="" /><!--###LINK_NEXT###--></td>
</tr></table>
<div id="browse"><!--###LINK_BROWSE###-->###BROWSE_LINKS###<!--###LINK_BROWSE###--></div>
</div>
<!-- ###ITEM_LIST_TEMPLATE### end -->
Und hier der CSS code ... der allerdings nicht umbricht ... müsstest dann nur noch anpassen:
#shop_div_listItem {border-top: 5px solid #8b4141; height: 82px; margin: 0px 20px 0 20px; background-color: #e0cccc;}
#shop_div_Pic{margin: 0 0 0 0px; float: left; width: 50px; }
#shop_div_Title{margin: 0 0 0 20px; float: left; width:300px;}
#shop_Title_field{font-size: 10pt; font-weight: bold; padding: 10px 0 15px 0;}
#shop_subTitle_field{}
#shop_note_field{}
#shop_booklet_field{font-size: 9pt; font-weight: bold;}
#shop_div_price{float: right; width: 111px;}
#shop_price_field{text-align: right; color: white; font-weight: bolder; font-size: 10pt; padding: 5px 5px 0 0; margin: 3px 0 3px 0; background: url(gfx/shop/price_backgr.gif) no-repeat; height: 23px;}
#shop_count_input input{text-align: center; font-size: 10pt;float:left; width: 50px; height:18px;}
#shop_basket_field{width: 30px; float:right;}
Gruss
aNj
Hallo anj,
danke für den code es klappt wunderbar.
mfg,
RChristian