Maak voor mijn hobby websites, maak ze nu vooral in Joomla.
Ik ben bezig met een WP website voor een vriendin. dit is mijn 2e WP website die ik maak.
Ik heb een woocommerce (wp plugin) winkelmandje toegevoegd en op de homepage (met veel moeite) met behulp van php (en google) een section "beste verkochte producten" toegevoegd
eiegenlijk wil ik gewoon een wp shortcode ([products limit="6" columns="3" best_selling="true"]) via php toevoegen aan de pagina maar dit kreeg ik niet voor elkaar.
maar als ik de homepage op mijn mobiel bekijk staan die producten niet netjes onder elkaar zoals ik graag zou willen.
Hebben jullie een goede tip waardoor ik dit voor elkaar kan krijgen?
hier is mijn code (Waarschuwing:is dus beetje knutsel werk;-)
<?php
/**
* Courses Section
*
* @package Rara Academic Pro
*/
$section_title = get_theme_mod( 'rara_academic_courses_section_title' );
$section_content = get_theme_mod( 'rara_academic_courses_section_description' );
$post_one = get_theme_mod( 'popular_course_course_one' );
$post_two = get_theme_mod( 'popular_course_course_two' );
$post_three = get_theme_mod( 'popular_course_course_three' );
$post_four = get_theme_mod( 'popular_course_course_four' );
$post_five = get_theme_mod( 'popular_course_course_five' );
$post_six = get_theme_mod( 'popular_course_course_six' );
$view_all = get_theme_mod( 'courses_viewall_label', __( 'View All Courses', 'rara-academic-pro' ) );
$link = get_theme_mod( 'courses_viewall_link' );
$course_posts = array( $post_one, $post_two, $post_three, $post_four, $post_five, $post_six );
$course_posts = array_diff( array_unique( $course_posts ), array('') );
if( $section_title || $section_content || $course_posts ){
?>
<section id="courses-section" class="popular-courses">
<div class="container">
<?php
if( $section_title ) echo '<h2 class="section-title">' . esc_html( $section_title ) . '</h2>';
?>
<article >
<a href="<?php the_permalink(); ?>" class="post-thumbnail">
<?php
if ( ! function_exists( 'wc_get_products' ) ) {
return;
}
echo '<div class="woocommerce">'; // needed for default styles
$top_selling_products = wc_get_products( array(
'meta_key' => 'total_sales', // our custom query meta_key
'return' => 'ids', // needed to pass to $post_object
'orderby' => array( 'meta_value_num' => 'DESC', 'title' => 'ASC' ), // order from highest to lowest of top sellers
) );
if ( $top_selling_products ) {
do_action( 'woocommerce_before_shop_loop' );
woocommerce_product_loop_start();
foreach ( $top_selling_products as $top_selling_product ) {
$post_object = get_post( $top_selling_product );
setup_postdata( $GLOBALS['post'] =& $post_object );
do_action( 'woocommerce_shop_loop' );
wc_get_template_part( 'content', 'product' );
}
wp_reset_postdata();
woocommerce_product_loop_end();
do_action( 'woocommerce_after_shop_loop' );
} else {
do_action( 'woocommerce_no_products_found' );
}
echo '</div><!-- .woocommerce -->';
do_action( 'woocommerce_after_main_content' );
do_action( 'woocommerce_sidebar' );
?>
<div class="btn-holder"><a href="https://rarathemesdemo.com/rara-academic-pro/courses/" class="btn">Bekijk alle trainingen</a></div>
</div>
</a>
<header class="entry-header">
</a>
</h3>
</header>
<div class="entry-content">
</div>
</article>
</div>
<?php
}
wp_reset_postdata(); ?>
</div>
<?php
?>
</div>
</section>
<?php
