رفتن به مطلب

مشکل با داینامیک کردن owl carousel


پست های پیشنهاد شده

سلام و درود

دوستان گرامی برای داینامیک کردن اسلایدر owl carousel بصورتی که در تصویر می بینید به مشکل خوردم. لطفا راهنمایی کنید.


سپاس و تشکر

Untitled.png.c08bd506bf91e74599f8c7566a282b78.png

 

<div class="row">
  <div class="col-lg-12">
    <div class="bg-white rounded px-3 pt-3">
      <h4 class="text-dark text-right">
        تازه ترین محصولات
      </h4>
      <div id="uxfix-owl-carousel-flex" class="my-4 owl-carousel owl-theme">
        <?php
        $args = array(
          'post_type'      => 'product',
          'posts_per_page' => 6,
          'product_tag' => 'my_tag',
        );

        ?>
        <?php
        $loop = new WP_Query( $args );
        if ( $loop->have_posts() ) { ?>
        <?php while ( $loop->have_posts() ) : $loop->the_post(); ?>
        <div class="item">
          <div class="card mb-3">
            <div class="row no-gutters">
              <div class="col-md-4">
                <?php woocommerce_template_loop_product_thumbnail(); ?>
              </div>
              <div class="col-md-8">
                <div class="card-body text-right">
                  <h5 class="card-title">
                    <a href="<?php the_permalink(); ?>" class="text-dark">
                      <?php echo wp_trim_words( get_the_title(), 5 ); ?>
                    </a>
                  </h5>
                  <p class="card-text card-title text-warning">
                    <?php woocommerce_template_loop_price(); ?>
                  </p>
                </div>
              </div>
            </div>
          </div>
        </div>
        <?php endwhile; ?>
        <?php wp_reset_query(); ?>
        <?php } else {
          echo "<p>با عرض پوزش محصولی جهت نمایش یافت نشد.</p>";
        }
        ?>
      </div>
    </div>
  </div>
</div>

 

با استفاده از کدهایی که خودم نوشتم نتیجه به صورت زیر درمیاد که غلطه.

local.png.2debe8bf38a08e9092dd1e96bd6636df.png

ویرایش شده توسط unid_user
لینک به ارسال

به گفتگو بپیوندید

هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .

مهمان
ارسال پاسخ به این موضوع ...

×   شما در حال چسباندن محتوایی با قالب بندی هستید.   حذف قالب بندی

  تنها استفاده از 75 اموجی مجاز می باشد.

×   لینک شما به صورت اتوماتیک جای گذاری شد.   نمایش به صورت لینک

×   محتوای قبلی شما بازگردانی شد.   پاک کردن محتوای ویرایشگر

×   شما مستقیما نمی توانید تصویر خود را قرار دهید. یا آن را اینجا بارگذاری کنید یا از یک URL قرار دهید.

×
×
  • اضافه کردن...