رفتن به مطلب

افزودن ابزار در صفحه وردپرس


Configer

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

سلام خدمت اساتید محترم
میخواستم توی وردپرس دوتا ابزار ایجاد کنم
ممنون میشم راهنمایی کنید
یکیش یه اسلایدر محصولات بصورت شبکه ای که دسته بندی خاصی رو نشون بده همانند عکس زیر
 

http://uupload.ir/files/ckvt_1.png


یه دونه هم بخش پیشنهادات ویژه میخواستم راه اندازی کنم که عکس هاش بصورت خودکار خودشون عوض بشن
میخواستم ببینم با چه افزونه ای یا طرحی میشه این دوتا ابزار رو ایجادش کرد؟


http://uupload.ir/files/6hoy_2.png

 
 
 
 
لینک به دیدگاه
به اشتراک گذاری در سایت های دیگر

درود.

برای مورد اول، شما می تونید از OWL Carousel در طراحیتون استفاده کنید و با کد زیر، مطالب دسته بندی خاصی از ووکامرس رو دریافت کنید. البته چون گفتید محصولات، فرض بر این گرفتم که از ووکامرس استفاده می کنید:

 

<ul class="products">
    <?php
        $args = array( 'post_type' => 'product', 'posts_per_page' => 1, 'product_cat' => 'software', 'orderby' => 'rand' );
        $loop = new WP_Query( $args );
        while ( $loop->have_posts() ) : $loop->the_post(); global $product; ?>

            <h2>نرم افزارها</h2>

                <li class="product">    

                    <a href="https://go.20script.ir/index.php?url=<?php echo get_permalink( $loop->post->ID ) ?>" title="<?php echo esc_attr($loop->post->post_title ? $loop->post->post_title : $loop->post->ID); ?>">

                        <?php woocommerce_show_product_sale_flash( $post, $product ); ?>

                        <?php if (has_post_thumbnail( $loop->post->ID )) echo get_the_post_thumbnail($loop->post->ID, 'shop_catalog'); else echo '<img src="'.woocommerce_placeholder_img_src().'" alt="Placeholder" width="300px" height="300px" />'; ?>

                        <h3><?php the_title(); ?></h3>

                        <span class="price"><?php echo $product->get_price_html(); ?></span>                    

                    </a>

                    <?php woocommerce_template_loop_add_to_cart( $loop->post, $product ); ?>

                </li>

    <?php endwhile; ?>
    <?php wp_reset_query(); ?>
</ul>

که در خط 3 کد بالا بجای software باید نامک دسته بندی مورد نظرتون رو وارد کنید.

OWL Carousel رو هم می تونید لینک ها تنها برای اعضای سایت قابل نمایش است. و کد بالا رو داخل کاروسل قرار بدید تا هم مطالب دسته بندی خاص رو نشون بدید هم نوع نمایشش به صورت اسلایدری باشه.

 

این کاروسل امکان تعیین تعداد اسلایدها در هر صفحه از نمایش رو داره. مثلا میشه تعیین کرد در هر اسلاید، 5 مطلب نمایش داده بشه. برای مورد دوم هم می تونیم تنظیم کنیم هر اسلاید فقط 1 مطلب نمایش بده و داخل اون کاروسل از کد مطالب تصادفی استفاده بشه. بجای مطالب تصادفی ، میشه از کد اول برای نمایش مطالب در دسته بندی خاص استفاده کرد، یا اینکه با فیلتر کردن یک زمینه دلخواه (برای تعیین مطالب ویژه) که فقط مطالب ویژه نمایش داده بشن. (یعنی استفاده از دستور شرطی if)

 

برای مثال کاروسلی که خودش اسلاید رو عوض کنه رو می تونیم لینک ها تنها برای اعضای سایت قابل نمایش است. کنیم. در هر صورت این موارد باید روی خود قالب پیاده بشه، نمیشه کد مجزا نوشت و روی قالب سوار کرد.

لینک به دیدگاه
به اشتراک گذاری در سایت های دیگر

بایگانی شده

این موضوع بایگانی و قفل شده و دیگر امکان ارسال پاسخ نیست.

مهمان
این موضوع برای عدم ارسال قفل گردیده است.
×
×
  • اضافه کردن...