Enhanced related products functionality on WooCommerce single product pages

Option 2: Customized code implementation (precise control)

1. Override the default related goods logic

Fully customize the source of related products through code, e.g. manually specify related products based on custom fields.

// Add the following code to the theme's functions.php
add_filter('woocommerce_related_products', 'custom_related_products', 10, 3);

function custom_related_products($related_posts, $product_id, $args) {
    // Get the specified related product ID from the custom_field of the current product.
    $custom_related_ids = get_post_meta($product_id, 'custom_related_products', true);

    if (!empty($custom_related_ids)) {
        // Convert to an array and make sure the products exist
        $related_ids = array_map('intval', explode(', ',', $custom_related_ids));
        $related_ids = array_filter($related_ids, 'wc_get_product');

        // Return custom related product IDs (overriding default logic)
        return $related_ids;
    }

    // If no custom associations are set, keep the default related products
    return $related_posts; // If no custom association is set, keep the default related posts.
}

2. Adding back-end custom fields

Add fields to the product edit page to allow manual entry of associated product IDs (comma separated):

// Add custom fields to the product edit page
add_action('woocommerce_product_options_related', 'add_custom_related_products_field');

function add_custom_related_products_field() {
    woocommerce_wp_text_input(array(
        'id' => 'custom_related_products', 'label' => 'specify
        
        'description' => 'Enter the IDs of the products to be related, multiple IDs separated by commas', 'desc_tip' => 'Description' => 'Enter the IDs of the products to be related.
        'desc_tip' => true, .
    ));
}

// Save the custom field data
add_action('woocommerce_process_product_meta', 'save_custom_related_products_field');; // Save custom field data.

function save_custom_related_products_field($product_id) {
    $custom_related = isset($_POST['custom_related_products']) ? sanitize_text_field($_POST['custom_related_products']) : '';
    update_post_meta($product_id, 'custom_related_products', $custom_related);
}

Option 3: Use plugins (recommended for non-developers)

1. YITH WooCommerce Related Products Premium

• functionality::
  • Specify associated products manually or by rule.
  • Supports multiple association logics (tags, categories, attributes, custom rules).
  • Exclusion rules and display priority can be set.
• official website::YITH Related Products

2. Custom Related Products for WooCommerce

• Free plug-ins::
  • Select the associated product directly on the product edit page.
  • Override the default related commodity logic.
• mounting: WordPress Plugin Library Search Name Installation.

Option 4: Enhanced display (template overlay)

Modify the template of the related commodity module to optimize the display style:

1. make a copy of wp-content/plugins/woocommerce/templates/single-product/related.php to the subtopic of the woocommerce/single-product/related.phpThe
2. Modify the looping logic in the template (e.g. increase the number of columns, add buttons, etc.):

// Example: Changing the number of columns to 4
$columns = 4; // originally 3
woocommerce_product_loop_start();
while ($related_products->have_posts()) : $related_products->the_post();
    wc_get_template_part('content', 'product');
endwhile;
woocommerce_product_loop_end();

caveat

1. Fixed Link Conflicts::
   • If the product URL contains a date (e.g. /2023/product-name/), modifying the association logic may cause the old link to be invalidated, you need to make sure the fixed link is in "article name" mode.
2. cache processing::
   • When using a caching plugin (e.g. WP Rocket), you need to clear the cache for the changes to take effect.
3. SEO optimization::
   • Avoid over-associating unrelated items or you may be seen by search engines as manipulating rankings.

summarize

• Precision control: Priority use Option 2 (customized code), directly specify the associated product via the backend field.
• Rapid realization: Optional for non-developers Program III (YITH plug-in)It is powerful and supports visual configuration.
• Display Optimization: Combined Option IV (template override) Enhance the visualization of the Associated Commodities module.