رفتن به مطلب

استفاده از carousel بوت استرپ در کوئری محصولات وکامرس


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

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

 

داشتم یه قالب مینوشتم که متاسفانه به یه مشکلی بر خوردم که نتونستم حل کنمش

 

برای صفحه ای از سایت نیاز است که آخرین محصولات وکامرس رو کوئری بگیریم و نمایش بدیم

قالب با بوت استرپ نوشته شده و خواستم از پلاگین carousel بوت استرپ استفاده کنم

اما مشکل اینجاست که فقط تونستم برای نمایش یک محصول بنویسم

اما من نیاز دام که چرخش برای هر 4 محصول یکبار اکشن بشه

 

قبلا با carousel WOW استفاده میکردم اما الان نیاز هست که قالب خیلی سبک باشه و مجبورم از قابلیت های بوت استرپ استفاده کنم

لطفا کدی در  زیر قرار میدم رو ببینید و جوری اصلاح کنید که 4 محصول نمایش داده بشه و بعد با اجرای carousel فقط یک محصول بچرخد مثل سایت های فروشگاهی 

 

		<div class="row">
<div id="carouselExampleSlidesOnly" class="carousel slide" data-ride="carousel">
	<div class="carousel-inner">
                                <?php
                                $params = array('posts_per_page' => 12, 'post_type' => 'product');
                                $wc_query = new WP_Query($params);
                                ?>

                                <?php if ($wc_query->have_posts()) : ?>
                                    <?php
                                    while ($wc_query->have_posts()) :
                                        $wc_query->the_post();
                                        ?>
										
                                        <div class="carousel-item <?php echo 'item ';
                                            if ($i == 1) {
                                                echo 'active';
                                            }?>"><div class="col-md-20">
                                            <a href="<?php the_permalink(); ?>">
                                                <?php the_post_thumbnail( 'shop_catalog' ); ?>
                                            </a> 
                                            
                                            <div class="margin-top-10">
                                                <a href="<?php the_permalink(); ?>">
                                                    <h4>
                                                        <?php the_title(); ?>
                                                    </h4>
                                                </a>                                            
                                                <p>
                                                    <?php
                                                        $product = new WC_Product(get_the_ID());
                                                        echo wc_price($product->get_regular_price());                                                        
                                                        echo wc_price($product->get_sale_price());
                                                        $product = get_product(get_the_ID());
                                                    ?>
                                                </p>
                                            </div>
                                            
                                           
                                        
                                        </div>
                                        </div>

                                <?php $i++; endwhile; ?>
                                    <?php wp_reset_postdata(); ?>
                                <?php endif; ?>
	</div>
</div>
</div>

 

 

چیزی که در ذهن من هست :

 

12Untitled.thumb.jpg.cc1b4738cbd09cf4c4be9e22d7440dc5.jpg

لینک به ارسال

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

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

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

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

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

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

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

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

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