Guten tag
wie bekomme ich die Produkte nebeneinander als wie untereinander
Aktuell führen wir noch einige Anpassungen durch, das Forum wurde jedoch bereits live geschaltet.
-
-
boxen mit float:left und einer fixen Breite erstellen oder Tabellen mit Spalten
-
wo stell ich das ein bzw wo muss es rein dieses float:left
-
In das template nehme ich mal an welches du erstellst
-
/themes/.../templates/store_category.tpl <- dort sind es div boxen diesen einfach eine größe von z.b. 33% geben und float:left; oder den code mal hier posten.
-
also das ist momentan drine
PHP
Alles anzeigen<!-- store_category_1 START --> <?php if ($box_prodcounter > 0) { echo '<div class="dataspace"></div> <div class="dataspace_line"></div>'; } echo '<table border="0" cellpadding="0" cellspacing="0" width="33%"> <tr><td rowspan="2" width="70" align="left" valign="top"><img src="images/shop/icon/'.$box_prodicon.'" border="0" alt="" title="'.$box_prodtitle.'"></td> <td valign="top"><div class="productlist"><b>'.$box_prodtitle.'</b><br>'; if ($box_prodshort) { echo ''.$box_prodshort.'<br>'; } echo ''._SHOPCODE.' '.$box_prodcode.'<br><br> <!-- ONLY FOR PRODUCTS WITHOUT VARIATIONS --> <!-- <b>'._SHOPPRICE.' '.$box_prodprice.' '._TAX.'</b><br><br> --> '.$box_proddescription.'</div> </td></tr> <tr><td><br><div class="buttonlist">'; if (file_exists("themes/$sitetheme/images/$language/button-details.png")) { echo '<a href="'.$storedetails.''.$box_prodid.'"><img src="themes/'.$sitetheme.'/images/'.$language.'/button-details.png" border="0" alt="" title="'._SHOPDETAILS.'"></a>'; }elseif (file_exists("themes/$sitetheme/images/button-details.png")) { echo '<a href="'.$storedetails.''.$box_prodid.'"><img src="themes/'.$sitetheme.'/images/button-details.png" border="0" alt="" title="'._SHOPDETAILS.'"></a>'; }else{ echo '<a href="'.$storedetails.''.$box_prodid.'" class="button_form">'._DETAILS.'</a>'; } echo '</div> </td></tr> </table>'; ?> <!-- store_category_1 END --> -
Wenn dann eher so.
PHP
Alles anzeigen<!-- store_category_1 START --> <?php if ($box_prodcounter > 0) { echo '<div class="dataspace"></div> <div class="dataspace_line"></div>'; } echo '<div style="float:left;wdith:33%;"> <table border="0" cellpadding="0" cellspacing="0"> <tr><td rowspan="2" width="70" align="left" valign="top"><img src="images/shop/icon/'.$box_prodicon.'" border="0" alt="" title="'.$box_prodtitle.'"></td> <td valign="top"><div class="productlist"><b>'.$box_prodtitle.'</b><br>'; if ($box_prodshort) { echo ''.$box_prodshort.'<br>'; } echo ''._SHOPCODE.' '.$box_prodcode.'<br><br> <!-- ONLY FOR PRODUCTS WITHOUT VARIATIONS --> <!-- <b>'._SHOPPRICE.' '.$box_prodprice.' '._TAX.'</b><br><br> --> '.$box_proddescription.'</div> </td></tr> <tr><td><br><div class="buttonlist">'; if (file_exists("themes/$sitetheme/images/$language/button-details.png")) { echo '<a href="'.$storedetails.''.$box_prodid.'"><img src="themes/'.$sitetheme.'/images/'.$language.'/button-details.png" border="0" alt="" title="'._SHOPDETAILS.'"></a>'; }elseif (file_exists("themes/$sitetheme/images/button-details.png")) { echo '<a href="'.$storedetails.''.$box_prodid.'"><img src="themes/'.$sitetheme.'/images/button-details.png" border="0" alt="" title="'._SHOPDETAILS.'"></a>'; }else{ echo '<a href="'.$storedetails.''.$box_prodid.'" class="button_form">'._DETAILS.'</a>'; } echo '</div> </td></tr> </table></div>'; ?> <!-- store_category_1 END --> -
habe ein problem
habe bei den produkten noch strichte schwartze drine die bekomme ich nicht weg
so sieht das aus das ganze
-
Firebug für Firefox nutzen, Rechtsklick auf den Bereich und untersuchen. Die Linie ist ein border in der style.css wo genau erfährst du mit Firebug und anderen Tools.
-
danke für die info jetzt ist die line weg
-
Aloa, also die Striche sind nun weg, aber dennoch taucht ein anderes Problem auf, nämlich das die erste reihe versetzt nach unten geht.
-
Frei heraus würde ich sagen da fehlt ein "float:left". Genau dies passiert nämlich dann.
-
Hi,
also das float:left habe ich in der CSS drin stehen, wird mir auch in der css angezeigt soweit,
-
Man muss überall floaten, wo etwas nebeneinander soll.
-
Wunderbar. Ja, sollte mich mal in CSS einlesen. Danke
-
float:left; und nach den zwei drei boxen ein <div class="clear"></div> einfügen, damit sozusagen eine Line eingefügt wird und die Produkte darunter sich nicht in die obere dreier Reihe reinschiebt. Dazu in dem Template eine if Anweisung einfügen mit
if ($mycounter == 2) { echo '<div class="clear"></div>';$mycounter=0; }else{ $mycounter++;}
-
Hallo, und Guten Morgen
Habe das Forum mal durchstöbert, und diesen netten Beitrag hier gefunden - wollte deshalb keinen neuen eröffnen.
Ich habe ziemlich genau das gleich Problem, und habe bereits den Code, so wie er dort ist (den fehler in der width korrigiert
) kopiert, und eingefügt.
Jedoch hab sich garnichts geändert. Kann mir vielleicht da jemand kurz helfen? -
Hallo nochmal, ich hab mittlerweile etwas rumprobiert, und derzeit sieht die ganze Sache bei mir wie folgt aus :
Und dazu die store_category_1:
HTML
Alles anzeigen<!-- store_category_1 START --> <?php if ($box_prodcounter > 0) { echo '<div class="dataspace"></div> <div class="dataspace_line"></div>'; } echo '<div style="float:left;width:33%;"> <table border="0" cellpadding="0" cellspacing="0"> <tr><td rowspan="2" width="70" align="left" valign="top"><img src="images/shop/icon/'.$box_prodicon.'" border="0" alt="" title="'.$box_prodtitle.'"></td> <td valign="top"> <div class="productlist"><b>'.$box_prodtitle.'</b><br>'; if ($box_prodshort) { echo ''.$box_prodshort.'<br>'; } echo ''._SHOPCODE.' '.$box_prodcode.'<br><br> <!-- ONLY FOR PRODUCTS WITHOUT VARIATIONS --> <!-- <b>'._SHOPPRICE.' '.$box_prodprice.' '._TAX.'</b><br><br> --> '.$box_proddescription.'</div> </td></tr> <tr><td><br> <div class="buttonlist">'; if (file_exists("themes/$sitetheme/images/$language/button-details.png")) { echo '<a href="'.$storedetails.''.$box_prodid.'"><img src="themes/'.$sitetheme.'/images/'.$language.'/button-details.png" border="0" alt="" title="'._SHOPDETAILS.'"></a>'; } elseif (file_exists("themes/$sitetheme/images/button-details.png")) { echo '<a href="'.$storedetails.''.$box_prodid.'"><img src="themes/'.$sitetheme.'/images/button-details.png" border="0" alt="" title="'._SHOPDETAILS.'"></a>'; }else{ echo '<a href="'.$storedetails.''.$box_prodid.'" class="button_form">'._DETAILS.'</a>'; } echo '</div> </td></tr> </table></div>'; if ($mycounter == 2) { echo '<div class="clear"></div>';$mycounter=0; }else{ $mycounter++;} ?> <!-- store_category_1 END -->
Allerdings will das einfach nicht grade in eine Reihe einrücken
Kann mir bitte jemand sagen, was ich falsch mache?
-
Das sieht danach aus, dass eine der div´s nicht geschlossen wird pro Produkt und daher es immer weiter verschachtelt. Am besten mal den direkt Link zum Design/Shop senden via Email, dann kann ich dort mal drübersehen.
-
also ich bekomme die striche da nicht raus http://lvps83-169-33-226.dedic…e=store&op=category&ids=1
