Ergebnis 1 bis 13 von 13

Thema: Spaltenausgabe im Produktlister

  1. #1
    Contao-Nutzer
    Registriert seit
    17.01.2012.
    Ort
    Ennepe-Ruhr-Kreis
    Beiträge
    112

    Standard Spaltenausgabe im Produktlister

    Hi @all,

    In den Template-Einstellungen des Moduls "Produktliste" kann man ja angeben, wieviele Spalten man bei der Ausgabe angezeigt haben möchte. Leider funktioniert das nicht - kann es sein, dass im template: iso_list_default dieses Parameter nicht berücksichtigt wird?

    Falls dem so ist - hat das schon jemand von euch realisiert?

    LG, Pete

  2. #2
    Contao-Nutzer
    Registriert seit
    25.09.2010.
    Ort
    Dortmund
    Beiträge
    166

    Standard

    Hallo,

    das funktioniert schon.

    Bei der Angabe von Spalten werden dir die entsprechenden Klassen im Quelltext generiert:
    .col_first und .col_last für die jeweiligen Spalten.

    Der Rest ist CSS :-)

    Gruß Michael

  3. #3
    Contao-Nutzer
    Registriert seit
    17.01.2012.
    Ort
    Ennepe-Ruhr-Kreis
    Beiträge
    112

    Standard

    Zitat Zitat von scroll Beitrag anzeigen
    Hallo,

    das funktioniert schon.

    Bei der Angabe von Spalten werden dir die entsprechenden Klassen im Quelltext generiert:
    .col_first und .col_last für die jeweiligen Spalten.

    Der Rest ist CSS :-)

    Gruß Michael
    Hallo Michael,

    danke für die schnelle Antwort. Angenommen, ich wollte nur 2 Spalten haben - die erste und letzte - wie würde das dann aussehen (müssen)?

    Leider bin ich nicht so fit in CSS und PHP - wäre nett, wenn du mir mal die entsprechenden Änderungen posten könntest.

    LG, Pete

  4. #4
    Contao-Nutzer
    Registriert seit
    25.09.2010.
    Ort
    Dortmund
    Beiträge
    166

    Standard

    Zum Beispiel für zwei Spalten:
    Code:
    .product_list .product {
    width:47%;
    float:left;
    margin-right:6%;
    }
    
    .product_list .product.col_last {
    margin:0;
    }
    Gruß Michael

  5. #5
    Contao-Nutzer
    Registriert seit
    17.01.2012.
    Ort
    Ennepe-Ruhr-Kreis
    Beiträge
    112

    Standard

    Zitat Zitat von scroll Beitrag anzeigen
    Zum Beispiel für zwei Spalten:
    Code:
    .product_list .product {
    width:47%;
    float:left;
    margin-right:6%;
    }
    
    .product_list .product.col_last {
    margin:0;
    }
    Gruß Michael
    Hi Michael,

    danke - das ist der CSS code für das template, gell? Aber was passe ich denn wie im template an?

    das sieht bei mir so aus:

    PHP-Code:
    <form action="<?php echo $this->action?>" id="<?php echo $this->formId?>" name="iso<?php echo rand(); ?>" method="post" enctype="<?php echo $this->enctype?>">
    <div class="formbody">
    <input type="hidden" name="FORM_SUBMIT" value="<?php echo $this->formSubmit?>">
    <input type="hidden" name="REQUEST_TOKEN" value="{{request_token}}">
    <input type="hidden" name="AJAX_PRODUCT" value="<?php echo $this->product_id?>">
    <input type="hidden" name="AJAX_MODULE" value="<?php echo $this->module_id?>">
    <h3><a href="<?php echo $this->href?>" title="<?php echo $this->label_detail?>"><?php echo $this->generateAttribute('name'); ?></a></h3>

    <?php echo $this->getGallery('images')->generateMainImage(); ?>
    <?php 
    if ($this->teaser): ?>
    <div class="teaser"><?php echo $this->generateAttribute('teaser'); ?></div><?php endif; ?>
    <div class="price"><?php echo $this->generatePrice(); ?></div><?php if($this->baseprice): ?>
    <div class="baseprice"><?php echo $this->generateAttribute('baseprice'); ?></div><?php endif; ?>
    <div class="details"><a href="<?php echo $this->href?>" title="<?php echo $this->label_detail?>"><?php echo $this->label_detail?></a></div>

    <?php if($this->buttons): ?>
    <div class="submit_container">
    <?php if($this->hasOptions): ?>
    <div class="options">
    <?php foreach( $this->options as $arrOption ): echo $arrOption['html']; endforeach; ?>
    </div>
    <?php endif; ?>
    <?php 
    if ($this->useQuantity): ?>
    <div class="quantity_container">
    <label for="quantity_requested_<?php echo $this->raw['id']; ?>"><?php echo $GLOBALS['TL_LANG']['MSC']['quantity']; ?>:</label> <input type="text" class="text" id="quantity_requested_<?php echo $this->raw['id']; ?>" name="quantity_requested" placeholder="<?php echo $this->minimum_quantity?>" maxlength="10">
    </div>
    <?php endif; ?>
    <?php 
    foreach( $this->buttons as $name => $button ): ?>
        <input type="submit" class="submit <?php echo $name?>" name="<?php echo $name?>" value="<?php echo $button['label']; ?>">
    <?php endforeach; ?>
    </div>
    <?php endif; ?>

    </div>
    </form>
    und "variabel" ist das dann ja auch noch nicht - das o.g. Beispiel funzt für 2 Spalten - aber für entsprechend andere Anzahlen nicht...

    LG, Pete

  6. #6
    Contao-Nutzer
    Registriert seit
    04.02.2014.
    Beiträge
    41

    Standard

    Ich hab das auch so gemacht, aber das CSS unter Templates -> CSS und dann dort entweder bei einem vorhandenen Stylesheet eintragen oder ein neues erstellen.
    Falls du ein neues erstellst, vergiss nicht bei dem Seitenlayout dein zusätzliches Stylesheet einzubinden.

  7. #7
    Contao-Nutzer
    Registriert seit
    25.09.2010.
    Ort
    Dortmund
    Beiträge
    166

    Standard

    Hallo Pete,

    im Template brauchst du nichts anpassen.

    Um flexibel zu bleiben und mehrere Varianten (2-spaltig, 3-spaltig ...) zur Verfügung zu haben könntest du das Template kopieren und umbenennen, z.B. iso_list_two-cols_default.html5, iso_list_three-cols_default.html. usw.

    Im Modul Produktliste stehen dir dann diese Templates zur Verfügung.


    Sorry, völliger Quatsch ...
    Du kannst doch im Modul jeder Produktliste eine Klasse vergeben und hast dann im CSS die Möglichkeit diese getrennt zu formatieren.

    Gruß Michael
    Geändert von scroll (03.03.2014 um 08:49 Uhr) Grund: Ohne Kaffee geht nix ...

  8. #8
    Contao-Nutzer
    Registriert seit
    17.01.2012.
    Ort
    Ennepe-Ruhr-Kreis
    Beiträge
    112

    Gesicht zeigt die Zunge Grübel ...

    Hey Junx,

    vielen Dank - aber noch bin ich nicht dahintergestiegen.... also:

    Ich habe ein neues StyleSheet "E-Shop" erstellt. Dieses habe ich im Seitenlayout auch eingebunden. Das funzt.

    Innerhalb des Stylesheets habe ich zwei Einträge:

    .product_list .product {
    width:47%;
    float:left;
    margin-right:6%;
    }

    .product_list .product.col_last {
    margin:0;
    }

    die werden auch herangezogen, sehe ich daran, dass - wenn ich z.b. den margin-right verändere, die entsprechenden Einträge sich verschieben (links-rechts).

    Aber die Produkte werden mir immer noch untereinander angezeigt!

    Woran liegt's?

    LG, Pete

  9. #9
    Contao-Nutzer
    Registriert seit
    25.09.2010.
    Ort
    Dortmund
    Beiträge
    166

    Standard

    Hast du auch bei Spalten 2 angegeben?

    Link zur Seite?

  10. #10
    Contao-Nutzer
    Registriert seit
    17.01.2012.
    Ort
    Ennepe-Ruhr-Kreis
    Beiträge
    112

    Standard

    Zitat Zitat von scroll Beitrag anzeigen
    Hast du auch bei Spalten 2 angegeben?

    Link zur Seite?
    Jep, hab ich.

    Link: 80.152.238.167 - läuft lokal auf meinem PC ...

    LG, Pete

  11. #11
    Contao-Nutzer
    Registriert seit
    25.09.2010.
    Ort
    Dortmund
    Beiträge
    166

    Standard

    Ich finde nur:
    Code:
    .product_list {
        float: left;
        margin-left: 3%;
        width: 47%;
    }
    Das kann nicht funktionieren. Verwende denn geposteten CSS-Code.

  12. #12
    Contao-Nutzer
    Registriert seit
    17.01.2012.
    Ort
    Ennepe-Ruhr-Kreis
    Beiträge
    112

    Daumen hoch

    Zitat Zitat von scroll Beitrag anzeigen
    Ich finde nur:
    Code:
    .product_list {
        float: left;
        margin-left: 3%;
        width: 47%;
    }
    Das kann nicht funktionieren. Verwende denn geposteten CSS-Code.
    Aaaaaaaaaahhhhhhhh - JETZT klappts !!!

    Und wenn ich das nun 3-spaltig haben will, brauche ich nur den CSS-Wert für "margin" auf entsprechend weniger einzustellen!

    DANKE !

    Lg, Pete

  13. #13
    Contao-Nutzer
    Registriert seit
    25.03.2014.
    Beiträge
    47

    Standard

    Moin!

    Ich habe dasselbe Problem wie hier in diesem Thema behandel, nämlich bekomme ich es nicht hin, die Produktliste (in meinem Fall) zweispaltig anzeigen zu lassen.
    Als Produktlisten im Modul hatte ich schon die 3 Möglichkeiten ohne, "iso_list_default" und "iso_list_variants" mit jeweils 2 Spalten ausprobiert.
    In den jeweiligen Layouts habe ich ein Stylesheet mit dem in diesem Threat angegebenen Code angelegt und aktiviert.

    Im Quelltext zeigt sich das folgendermaßen:

    <div class="product_list">

    <div class="product new product_0 product_even product_first row_0 row_even row_first col_0 col_even col_first">

    ....

    <div class="product new product_1 product_odd row_0 row_even row_first col_1 col_odd col_last">

    Hier der Link, ab Zeile 176: http://www.damra.lu/index.php/damra-de-jackets.html

    Angezeigt wird trotzdem nur eine Spalte.

    Kann jemand weiterhelfen? Dankeschön

Aktive Benutzer

Aktive Benutzer

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)

Lesezeichen

Lesezeichen

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •