با سلام خدمت شما

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

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

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

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

آموزش نمایش محصولات ووکامرس

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

<?php
$arg = array(
    'post_type' => 'product',
    'posts_per_page' => '10',
    'offset' => 0,
    'order' => 'DESC',
    'post_status' => 'publish',
    'meta_query'     => array(
        'relation' => 'OR',
        array( // Simple products type
            'key'           => '_sale_price',
            'value'         => 0,
            'compare'       => '>',
            'type'          => 'numeric'
        ),
        array( // Variable products type
            'key'           => '_min_variation_sale_price',
            'value'         => 0,
            'compare'       => '>',
            'type'          => 'numeric'
        )
    )
<div style="clear:both; margin-top:1.5em; margin-bottom:1.5em;"><a href="https://7reply.com/how-to-create-a-landing-page-in-wordpress/" target="_blank" rel="dofollow" class="IRPP_ruby"><!-- INLINE RELATED POSTS 1/3 //--><style> .IRPP_ruby , .IRPP_ruby .postImageUrl , .IRPP_ruby .centered-text-area { height: 130px; position: relative; } .IRPP_ruby , .IRPP_ruby:hover , .IRPP_ruby:visited , .IRPP_ruby:active { border:0!important; } .IRPP_ruby .clearfix:after { content: ""; display: table; clear: both; } .IRPP_ruby { display: block; transition: background-color 250ms; webkit-transition: background-color 250ms; width: 100%; opacity: 0.7; transition: opacity 250ms; webkit-transition: opacity 250ms; background-color: #C0392B; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.17); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.17); -o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.17); -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.17); } .IRPP_ruby:active , .IRPP_ruby:hover { opacity: 1; transition: opacity 250ms; webkit-transition: opacity 250ms; background-color: #E74C3C; } .IRPP_ruby .postImageUrl { background-position: center; background-size: cover; float: right; margin: 0; padding: 0; width: 31.59%; } .IRPP_ruby .centered-text-area { float: left; width: 65.65%; padding:0; margin:0; } .IRPP_ruby .centered-text { display: table; height: 130px; right: 0; top: 0; padding:0; margin:0;float: left;width: 100%; } .IRPP_ruby .IRPP_ruby-content { display: table-cell; margin: 0; padding: 0 0px 0 74px; position: relative; vertical-align: middle; width: 100%; } .IRPP_ruby .ctaText { border-bottom: 0 solid #fff; color: #000000; font-size: 13px; font-weight: bold; margin: 0; padding: 0; } .IRPP_ruby .postTitle { color: #ECF0F1; font-size: 16px; font-weight: 600; margin: 0; padding: 0; } .IRPP_ruby .ctaButton { background: url(https://7reply.com/wp-content/plugins/intelly-related-posts-pro/assets/images/next-arrow.png)no-repeat; display: inline-block; height: 130px; width: 54px; } .IRPP_ruby .ctaButton { background-color: inherit; margin-left: 10px; position: absolute; left: 0; top: 0; } .IRPP_ruby:after { content: ""; display: block; clear: both; } </style><div class="postImageUrl" style="background-image:url(https://7reply.com/wp-content/uploads/2018/03/page-tempoate-image.png);"></div><div class="centered-text-area"><div class="centered-text"><div class="IRPP_ruby-content"><div class="ctaText">دوست عزیز پیشنهاد میشه این مطلب را هم ببینید </div><div style="clear:both"></div><div class="postTitle">ساخت صفحه اختصاصی در وردپرس - wordpress همراه فیلم آموزشی</div></div></div><div class="ctaButton"></div></div></a></div>
);
$posts = new WP_Query( $arg ); ?>
<?php if ( $posts->have_posts() ) : ?>
    <?php while ( $posts->have_posts() ) : $posts->the_post(); ?>

        <div>
            <?php if(has_post_thumbnail()){
                the_post_thumbnail('thumbnail');
            } ?>
            <br>
            <a href="<?php the_permalink(); ?>"><?php the_title(); ?></a>
            <br>
            <?php woocommerce_template_loop_price() ?>
        </div>

    <?php endwhile; ?>
    <?php wp_reset_postdata(); ?>
<?php endif; ?>
?>

<?php

$arg = array(

'post_type' => 'product',

'posts_per_page' => '10',

'offset' => ,

'order' => 'DESC',

'post_status' => 'publish',

'meta_query' => array(

'relation' => 'OR',

array( // Simple products type

'key' => '_sale_price',

'value' => ,

'compare' => '>',

'type' => 'numeric'

array( // Variable products type

'key' => '_min_variation_sale_price',

'value' => ,

'compare' => '>',

'type' => 'numeric'

)

);

$posts = new WP_Query( $arg ); ?>

<?php if ( $posts->have_posts() ) : ?>

<?php while ( $posts->have_posts() ) : $posts->the_post(); ?>

<div>

<?php if(has_post_thumbnail()){

the_post_thumbnail('thumbnail');

} ?>

<br>

<br>

<?php woocommerce_template_loop_price() ?>

</div>

<?php endwhile; ?>

<?php wp_reset_postdata(); ?>

<?php endif; ?>

توضیح در مورد کد بالا

1: مشخص کردن نوع محصول ‘post_type’ => ‘product’

دوست عزیز پیشنهاد میشه این مطلب را هم ببینید

کد نمایش جدید ترین مطالب وردپرس +بدونه افزونه

2 : برای مشخص کردن تعداد نمایش محصولات ‘posts_per_page’ => ’10’

3: برای نمایش تمام محصولات ‘offset’ => 0, باید صفر باشه

4: برای این که محصولات انتشار داده شده باشه ‘post_status’ => ‘publish’

برای نمایش محصولات مثل تصویر قیمت عنوان و غیره باید داخل حلقه قرار بدید طبق کد زیر

<?php while ( $posts->have_posts() ) : $posts->the_post(); ?>

        <div>
            <?php if(has_post_thumbnail()){
                the_post_thumbnail('thumbnail');
            } ?>
            <br>
            <a href="<?php the_permalink(); ?>"><?php the_title(); ?></a>
            <br>
            <?php woocommerce_template_loop_price() ?>
        </div>

    <?php endwhile; ?>

<?php while ( $posts->have_posts() ) : $posts->the_post(); ?>

<div>

<?php if(has_post_thumbnail()){

the_post_thumbnail('thumbnail');

} ?>

<br>

<br>

<?php woocommerce_template_loop_price() ?>

</div>

<?php endwhile; ?>

ما اینجا فقط گفتیم که عنوان و قیمت را نمایش بده

دوست عزیز پیشنهاد میشه این مطلب را هم ببینید

آموزش نمایش مطالب مرتبط وردپرس بدونه افزونه به صورت فیلم

این آموزش هم همین جا به پایان رسید امید وارم که برای شما مفید بوده باشه اگه دوست داشتید به دوستان خود به اشتراک بزارید

موفق پیروز باشید توی زندگی

میانگین امتیازات ۵ از ۵

از مجموع ۳ رای

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

توضیح در مورد کد بالا

موفق پیروز باشید توی زندگی

آموزش نمایش تعداد بازدید مطالب وردپرس بدون افزونه

آموزش نمایش تعداد بازدید مطالب وردپرس wp postviews

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

نظر یا سوال شما در این مورد چیست؟ انصراف