Anzahl und Anordnung der Artikel auf Startseite

[Knitte]

Hallo,

 

erstmal großes Kompliment an das Forum - hat mir als Newbie schon wirklich viel geholfen - DANKE DAFÜR!

 

Jetzt habe ich aber keine Lösung gefunden. Und Google konnte mir auch nicht helfen:

 

Folgende Frage (verwende das Standard-Template)

Habe auf der Startseite ja neue oder beliebte Artikel.

Dies sind immer 4 Stück nebeneinander, danach gibt es einen Umbruch und der nächste, fünfte Artikel wird in einer neuen Zeile angeordnet.

Ich würde gerne

a.) die Größe der Bilder und der Rahmen verkleinern (Bildergrößen kriege ich hin, aber die Rahmen bleiben in der Breite gleich groß)

b.) die Anzahl der Bilder in einer Reihe von 4 auf 5 bzw. 6 erhöhen

 

Wo kann ich die Einstellungen finden?

 

Vielen Dank im voraus!

[Whiley]

Du mußt dazu die class der Spalten ändern(boostrap)

 

Um besispielsweise die Anzahl der pro Zeile angezeigten Artikel von 4 auf 6 zu erhöhen öffnest du die Datei:

/themes/default-bootstrap/product-list.tpl

in der sehr langen Zeile 49 findest du

  Quote

 

...col-xs-12 col-sm-4 col-md-3...

dort änderst du md-3 auf md-2

  Quote

 

col-xs-12 col-sm-4 col-md-2

 

Dann mußt du natürlich noch die Anzahl der Artikel pro Zeile auf 6 festlegen. ca bei Zeile 31

  Quote

 

{else}
        {assign var='nbItemsPerLine' value=4}

das änderst du in:

  Quote

 

{else}
        {assign var='nbItemsPerLine' value=6}

 

Das Ergebnis sieht dann so aus (Demoshop)

http://quintilius-varus.de/

 

Grüsse

Whiley

[Knitte]

Hallo Whiley,

 

vielen Dank für die schnelle Antwort.

Ich war da wohl sogar mal auf der richtigen Spur, aber geschaftt habe ich es nicht.

 

So wie es in deinem Beispielshop aussieht - genau so soll es sein, aber ... trotz der Änderungen nach deiner Anleitung, passiert bei mir nichts...

 

Im Anhang mein Code - hab ich was falsch gemacht?

 

[Whiley]

Änderungen scheinen ok zu sein.

 

Löschen den smarty-cache und stelle im BO unter Leistung auf "Smarty immer kompillieren" -->Speichern

und lösche die Datei /cache/class_index.php

 

Und natürlich auch den Browsercache löschen.

 

Grüsse

Whiley

[Knitte]

Hi Whiley,

 

einfach TOP!

Hat alles funktioniert.

Kannst Du mir auch noch sagen wie ich die Schriftgröße in den Boxen der einzelnen Artikeln verkleinern kann?

 

VIELEN DANK!!!

[rictools]

  On 9/22/2016 at 6:25 PM, Knitte said:

Kannst Du mir auch noch sagen wie ich die Schriftgröße in den Boxen der einzelnen Artikeln verkleinern kann?

Rechtsklick auf die Schrift, "Untersuchen" oder ähnlich, dann siehst du, in welcher CSS-Datei und in welcher Zeile die Schriftgröße etc. definiert werden.

[Knitte]

Danke für die Antworten!

Hat mir schon sehr geholfen.

 

Eine letzte Frage habe ich noch - eher allgemeiner Natur.

 

Wie finde ich heraus (ob mit Firebug o.ä.) welche .tpl bei entsprechender Markierung gerade aktiv bzw. geändert werden muss?

Gibt es das?

Zum Beispiel:
Möchte den "Zustand" komplett aus meinem Shop bei der Produktdetailseite eleminieren.

Ist sicherlich Bestandteil einer .tpl - aber welcher? Wie kreigt man das raus?

 

Vielen Dank im voraus!

[rictools]

  On 9/25/2016 at 4:30 PM, Knitte said:

Wie finde ich heraus (ob mit Firebug o.ä.) welche .tpl bei entsprechender Markierung gerade aktiv bzw. geändert werden muss?

Meines Wissens geht das nicht, da dies nicht aus der erstellten htm-Seite ersichtlich ist, bei Modulen helfen oft die css-Anweisungen. Die Produkt-Detailseite findet sich im Theme-Ordner in der product.tpl. Diesen Bereich (ca. Zeile 180) mußt du auskommentieren:

 

{if !$product->is_virtual && $product->condition} 
<p id="product_condition">
<label>{l s='Condition:'} </label>
{if $product->condition == 'new'}
<link itemprop="itemCondition" href="https://schema.org/NewCondition"/>
<span class="editable">{l s='New product'}</span>
{elseif $product->condition == 'used'}
<link itemprop="itemCondition" href="https://schema.org/UsedCondition"/>
<span class="editable">{l s='Used'}</span>
{elseif $product->condition == 'refurbished'}
<link itemprop="itemCondition" href="https://schema.org/RefurbishedCondition"/>
<span class="editable">{l s='Refurbished'}</span>
{/if}
</p> 
{/if}

Edited September 26, 2016 by rictools (see edit history)

[pwerginz]

Hab jetzt alles durchprobiert aber kein Erfolg. Was und wie muss man ändern, wenn man nur auf der mobile site/view die Anzahl der angezeigten Produkte pro Line auf 2 erhöhen will ?

 

Hoffe mir kann da jemand weiterhelfen ....

[rictools]

  On 4/11/2017 at 6:57 AM, pwerginz said:

Hab jetzt alles durchprobiert aber kein Erfolg. Was und wie muss man ändern, wenn man nur auf der mobile site/view die Anzahl der angezeigten Produkte pro Line auf 2 erhöhen will ?

 

Hoffe mir kann da jemand weiterhelfen ....

Das geht alles über css, es gibt ja Anweisungen, die für bestimmte Auflösungsbereiche gelten. Dann mußt du dich mit dem 12er-Raster von Bootstrap beschäftigen. Am besten du nutzt Firebug o. ä. Webmastertools / Untersuchen-Funktion und testest die Auswirkungen der Einstellungen. Bei mir werden die Produkte auf der Startseite je nach Bildschirmbreite in 4er, 3er, 2er-Reihen oder einzeln angezeigt, hier würde es schon reichen, die Einstellung für die 2er-Reihe auch für den Auflösungsbereich der Einzelanzeige gelten zu lassen.