Produktliste und RockSolid Columns

[bastlwastl]

Hallo,

gerne würde ich die Produktliste mit RockSolid Columns ausgeben lassen.

Hierzu verwende ich in der iso_list_default.html5 folgende Code-Zeilen aus einem News-Template eines Rocksolid Themes.
Die Variable $this->count existiert im Isotope-Template nicht.

Hat jemand eine Idee wie ich in das Isotope-Template eine Funktion zum durchnummerieren der Produkte einfügen kann?

<?php
$config = array(
        'large' => array('-large-col-3-1 -large-first', '-large-col-3-1', '-large-col-3-1 -large-last'),
        'medium' => array('-medium-col-2-1 -medium-first', '-medium-col-2-1 -medium-last'),
        'small' => array('-small-col-1-1 -small-first -small-last'),
    );
    $classes = array('rs-column');
    foreach ($config as $name => $media) {
        $classes[] = $media[($this->count - 1) % count($media)];
        if ($this->count - 1 < count($media)) {
            $classes[] = '-' . $name . '-first-row';
        }
    }
    $this->colClass .= ' ' . implode(' ', $classes);
?>

<div class="<?php echo $this->colClass; ?>">
...
...
...
</div>

Gruß
Bastian

[Tastaturberuf]

Ist nicht getestet müsste aber

count($this->items) 

sein.

[thomasr]

Hallo bastlwastl
Bin zufällig auf Deinen Beitrag gestossen. Ich versuche in einem Rocksolid-Theme (ONEO) einen Isotope-Shop zu Integrieren und möchte für die Darstellung der Produkteliste, jeweils drei nebeneinander, die RockSolid Columns anwenden.

Dazu habe ich mal Deinen PHP-Code aus einem News-Template in die iso_list_default.html5 kopiert, um zu sehen was passiert. ;-)

<?php
$config = array(
        'large' => array('-large-col-3-1 -large-first', '-large-col-3-1', '-large-col-3-1 -large-last'),
        'medium' => array('-medium-col-2-1 -medium-first', '-medium-col-2-1 -medium-last'),
        'small' => array('-small-col-1-1 -small-first -small-last'),
    );
    $classes = array('rs-column');
    foreach ($config as $name => $media) {
        $classes[] = $media[($this->count - 1) % count($media)];
        if ($this->count - 1 < count($media)) {
            $classes[] = '-' . $name . '-first-row';
        }
    }
    $this->colClass .= ' ' . implode(' ', $classes);
?>

<div class="<?php echo $this->colClass; ?>">
...
...
...
</div>

Den Aufbau habe ich folgendermassen bemacht:
-Spaltenumschlag (Umschlag Anfang) 3/2/1
---Modul PRODUKTLISTE mitTemplate iso_list_default.html5
-Spaltenumschlag (Umschlag ende)

Resultat: alle Produkte werden nur in der ersten Spallte dargestellt.
Braucht es da noch entsprechende CSS?

Dank für einen Tipp :-)

[bastlwastl]

Hi...

$this->count gibt es nicht im isotope Produktlisten-Template.
Bau einfach einen eigenen Counter in das Template, dann sollte das wie folgt funktionieren.

<?php $count=''; ?>
<?php foreach ($this->products as $product): ?>
<?php $count++; ?>

<?php
$config = array(
        'large' => array('-large-col-3-1 -large-first', '-large-col-3-1', '-large-col-3-1 -large-last'),
        'medium' => array('-medium-col-2-1 -medium-first', '-medium-col-2-1 -medium-last'),
        'small' => array('-small-col-1-1 -small-first -small-last'),
    );
    $classes = array('rs-column');
    foreach ($config as $name => $media) {
        $classes[] = $media[($count - 1) % count($media)];
        if ($count - 1 < count($media)) {
            $classes[] = '-' . $name . '-first-row';
        }
    }
    $colClass .= ' ' . implode(' ', $classes);
?> 

<div class="<?php echo $colClass; ?>">
...
...
...
</div>

<?php endforeach; ?>

[thomasr]

Danke für die Antwort :-)
Es ging mir nicht um den Counter einzubauen.
Die Frage war wie ich für die Darstellung der Produkteliste, jeweils drei Produkte nebeneinander, die RockSolid Columns anwenden kann.
Mit dem PHP-Code aus RockSolid-News-Template werden die Produkte nur in der ersten Spallte dargestellt, nicht drei nebeneinander.
Ob es noch entsprechende CSS braucht.

Den Aufbau habe ich folgendermassen bemacht:
-Spaltenumschlag (Umschlag Anfang) 3/2/1
---Modul PRODUKTLISTE mitTemplate iso_list_default.html5
-Spaltenumschlag (Umschlag ende)

Resultat: alle Produkte werden nur in der ersten Spallte dargestellt.
Braucht es da noch entsprechende CSS?

[bastlwastl]

Ich habe dich schon verstanden...
Damit die CSS-Klasse richtig zusammengesetzt wird, benötigst Du den Counter.

Spaltenumschlag (Umschlag Anfang) und Spaltenumschlag (Umschlag Ende) darfst du nicht anlegen.
Die Spalten werden ja über die $colClass in der iso_list_default.html5 generiert.

[thomasr]

Hmm ...
Hab Dein PHP-Code ganz am Anfang in iso_list_default.html5 eingebaut.
Auch Umschlag Anfang/Ende ist deaktiviert. Die einspaltige Darstellung bleibt.

[bastlwastl]

Nein... das muss in die mod_iso_productlist.html5

[thomasr]

Habs gemacht, das gleiche Resultat:

<?php $count=''; ?>
<?php foreach ($this->products as $product): ?>
<?php $count++; ?>

<?php
$config = array(
        'large' => array('-large-col-3-1 -large-first', '-large-col-3-1', '-large-col-3-1 -large-last'),
        'medium' => array('-medium-col-2-1 -medium-first', '-medium-col-2-1 -medium-last'),
        'small' => array('-small-col-1-1 -small-first -small-last'),
    );
    $classes = array('rs-column');
    foreach ($config as $name => $media) {
        $classes[] = $media[($count - 1) % count($media)];
        if ($count - 1 < count($media)) {
            $classes[] = '-' . $name . '-first-row';
        }
    }
    $colClass .= ' ' . implode(' ', $classes);
?> 

<div class="<?php echo $colClass; ?>">
...
...
...
</div>

<?php endforeach; ?> 



<?php $this->extend('block_searchable'); ?>

<?php $this->block('content'); ?>

<?php if($this->message): ?>

<p class="<?php echo $this->type; ?> message"><?php echo $this->message; ?></p>
<?php endif; ?>
<?php if(!empty($this->products)): ?>

<div class="product_list">

<?php foreach ($this->products as $product): ?>
<div<?php echo $product['cssID']; ?> class="<?php echo $product['class']; ?>">
<?php echo $product['html']; ?>
</div>
<?php endforeach; ?>
</div>
<?php echo $this->pagination; ?>
<?php endif; ?>

<?php $this->endblock(); ?>

[bastlwastl]

<?php $this->extend('block_searchable'); ?>

<?php $this->block('content'); ?>

<?php if($this->message): ?>

<p class="<?php echo $this->type; ?> message"><?php echo $this->message; ?></p>
<?php endif; ?>
<?php if(!empty($this->products)): ?>

<div class="product_list">
 <?php $count=''; ?>
<?php foreach ($this->products as $product): ?>
<?php $count++; ?>
<?php
$config = array(
        'large' => array('-large-col-3-1 -large-first', '-large-col-3-1', '-large-col-3-1 -large-last'),
        'medium' => array('-medium-col-2-1 -medium-first', '-medium-col-2-1 -medium-last'),
        'small' => array('-small-col-1-1 -small-first -small-last'),
    );
    $classes = array('rs-column');
    foreach ($config as $name => $media) {
        $classes[] = $media[($count - 1) % count($media)];
        if ($count - 1 < count($media)) {
            $classes[] = '-' . $name . '-first-row';
        }
    }
    $colClass .= ' ' . implode(' ', $classes);
?> 
<div<?php echo $product['cssID']; ?> class="<?php echo $colClass; ?>">
<?php echo $product['html']; ?>
</div>
<?php endforeach; ?>
</div>
<?php echo $this->pagination; ?>
<?php endif; ?>

<?php $this->endblock(); ?>

[thomasr]

Danke :-)
Die Produkte haben jetzt folgende Klassen:

<div class=" rs-column -large-col-3-1 -large-first -large-first-row -medium-col-2-1 -medium-first -medium-first-row -small-col-1-1 -small-first -small-last -small-first-row">

Aber sie stehen noch nicht drei Produkte nebeneinander.
Ich weiss nicht woran das liegen kann.

[klimeck]

Irgendwie wird anscheinend nicht das richtige CSS geladen. Ich sehe in der Kombination ONEO und Isotope auch alle Produkte untereinander in der Listenansicht.

Hat jemand mittlerweile eine Lösung dazu?

[sgei]

Hallo,

ich habe auch gerade Isotope in das Tao-Theme integriert.
Hier ist das funktionierende Template für die Produktliste in Verwendung mit rocksolid-columns:

mod_iso_productlist.html5

<?php $this->extend('block_searchable'); ?>


<?php $this->block('content'); ?>


<?php if($this->message): ?>
<p class="<?= $this->type ?> message"><?= $this->message ?></p>
<?php endif; ?>


<?php if(!empty($this->products)): ?>


<div class="product_list">
    <?php $count = ''; ?>
    <?php foreach ($this->products as $product): ?>
        <?php $count++; ?>


        <?php
        $config = array(
            'large' => array('-large-col-3-1 -large-first', '-large-col-3-1', '-large-col-3-1 -large-last'),
            'medium' => array('-medium-col-2-1 -medium-first', '-medium-col-2-1 -medium-last'),
            'small' => array('-small-col-1-1 -small-first -small-last'),
        );
        $classes = array('rs-column');
        foreach ($config as $name => $media) {
            $classes[] = $media[($count - 1) % count($media)];
            if ($count - 1 < count($media)) {
                $classes[] = '-' . $name . '-first-row';
            }
        }
        $colClass .= ' ' . implode(' ', $classes);
        ?>


        <div <?= $product['cssID'] ?> class="<?= $product['class'] ?>,<?php echo $colClass; ?>">
            <?= $product['html'] ?>
        </div>
        
        <?php $colClass = ''; ?>
        
    <?php endforeach; ?>
</div>


<?= $this->pagination ?>


<?php endif; ?>
<?php $this->endblock(); ?>