Sản phẩm tương tự woocommerce How to customize woocommerce related products?

/home/lionel/woocommerce/single-product/related.php

https://vanesakorea.com/product/vanesa-cushion-kill-cover/

<?php
/**
 * Related Products
 *
 * This template can be overridden by copying it to yourtheme/woocommerce/single-product/related.php.
 *
 * HOWEVER, on occasion WooCommerce will need to update template files and you
 * (the theme developer) will need to copy the new files to your theme to
 * maintain compatibility. We try to do this as little as possible, but it does
 * happen. When this occurs the version of the template file will be bumped and
 * the readme will list any important changes.
 *
 * @see         https://docs.woocommerce.com/document/template-structure/
 * @package     WooCommerce/Templates
 * @version     3.9.0
 */

if ( ! defined( 'ABSPATH' ) ) {
	exit;
}

if ( $related_products ) : ?>

	<section class="related products">
		<h2 class="relatedproducts">sản phẩm liên quan</h2>
		<?php woocommerce_product_loop_start(); ?>
			<div uk-slider>
			  <div class="uk-position-relative">
			    <div class="uk-slider-container uk-light">
			      <ul class="uk-slider-items uk-child-width-1-4@m">
							<?php foreach ( $related_products as $related_product ) : ?>
							<?php
								$post_object = get_post( $related_product->get_id() );
								setup_postdata( $GLOBALS['post'] =& $post_object );
								wc_get_template_part( 'content', 'product' );
							?>
							<?php endforeach; ?>
						</ul>
					</div>
					<div class="ukvisible">
			      <a class="uk-position-center-left-out uk-position-small" href="#" uk-slidenav-previous uk-slider-item="previous"></a>
			      <a class="uk-position-center-right-out uk-position-small" href="#" uk-slidenav-next uk-slider-item="next"></a>
			    </div>
				</div>
			</div>
		<?php woocommerce_product_loop_end(); ?>

	</section>
	<?php
endif;

wp_reset_postdata();

Last updated