Advertisement
oscarviedma

Código Bucle PHP Carrusel Swiper - OV DIVI

Aug 25th, 2023
2,199
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
PHP 1.79 KB | None | 0 0
  1. <?php
  2. $args = array(
  3.     'post_type' => 'testimonios',  // Nombre de la Custom Post Type
  4.     'posts_per_page' => 6,       // Mostrar todos los post
  5.     'order' => 'DESC',            // Ordenar del más reciente a más antiguo
  6. );
  7.  
  8. $testimonios_query = new WP_Query($args);
  9.  
  10. if ($testimonios_query->have_posts()) {
  11.     ?>
  12.     <div class="swiper ov-swiper-testimonios">
  13.         <div class="swiper-wrapper">
  14.             <?php while ($testimonios_query->have_posts()) : $testimonios_query->the_post(); ?>
  15.                 <div class="swiper-slide">
  16.                  
  17.                   <!-- Diseño card testimonio -->
  18.                   <div class="ov-card-testimonio">
  19.                     <div class="avatar">
  20.                       <img src="<?php the_field('imagen_de_perfil'); ?>" />
  21.                     </div>
  22.                     <div class="estrellas">
  23.                       <img src="https://ovdemos.com/wp-content/uploads/2023/08/5-estrellas.svg" />
  24.                     </div>
  25.                     <div class="descripcion">
  26.                       <p><?php the_field('descripcion'); ?></p>
  27.                     </div>
  28.                     <div class="nombre">
  29.                       <h3><?php the_field('nombre'); ?></h3>
  30.                       <p class="empresa"><?php the_field('empresa'); ?></p>
  31.                     </div>
  32.                   </div>
  33.                   <!-- Fin diseño card testimonio -->
  34.                  
  35.                   </div>
  36.             <?php endwhile; ?>
  37.         </div>
  38.         <!-- Agregar botones de navegación si lo deseas -->
  39.         <div class="swiper-button-next"></div>
  40.         <div class="swiper-button-prev"></div>
  41.     </div>
  42.  
  43.     <?php
  44.     wp_reset_postdata(); // Restablecer los datos del bucle
  45. } else {
  46.     echo "No se encontraron testimonios.";
  47. }
  48. ?>
  49.  
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement