mzambranaa
10/19/2017 - 7:58 AM

Custom / personalizar - Owl Carousel. Ej. 2 elementos por fila. https://www.drupal.org/node/2389827 #10

Custom / personalizar - Owl Carousel. Ej. 2 elementos por fila.

https://www.drupal.org/node/2389827 #10

/* Creamos una view 'Lista sin formato' y reescrivimos el tpl  */
/*   views-view-unformatted--MyList--block.tpl.php */

<?php
$group_nr = 1;                  // first group number
$last_row = count($rows) -1;    // last row
$wrapper  = 2;                  // put a wrapper around every 2 rows
?>
<?php foreach ($rows as $id => $row): ?>
    <?php if ($id % $wrapper == 0) {print '<div class="group group-'.$group_nr.'">'; $i = 0; $group_nr++; } ?>
    <div class="views-row-<?php print $id+1; ?>">
        <?php print $row; ?>
    </div>
    <?php $i++; if ($i == $wrapper || $id == $last_row) print '</div>'; ?>
<?php endforeach; ?>


/* Llamamos a la function del owlcarousel con la class de nuestra view 
  info configuration
  http://owlgraphic.com/owlcarousel/#how-to
*/

 $(".CLASS_OF_THE_VIEW.ANOTHER_CLASS_FOR_DISPLAY_IF_NEEDED .view-content").owlCarousel({
                items : 1,
                navigation: true,
                pagination: true
            });