Element Help

Hi Riverman,

The category archive should only show products from that category. Can you share a link to a category page of your product?

Hi there,

Can you try modifying the code in the hook element to this?

<?php
$current_post_id = get_the_ID();
$category = get_the_category($current_post_id);
$category_id = isset($category[0]) ? $category[0]->term_id : 0;

echo '<div class="prev_next_buttons">';
$previous = previous_post_link('%link', '&larr;', true, '', 'category', $category_id);
$next = next_post_link('%link', '&rarr;', true, '', 'category', $category_id);
echo $previous;
echo $next;
echo '</div>';
?>

Can you share admin login credentials through the Private Information field?

Can you try this instead? It’s actually more complicated as I thought, here’s the updated code.

Or you can try creating a block element – post navigation, it has the built-in option to choose the same category.

<? echo '<div class="prev_next_buttons">';

// Get the current product
global $product;

// Get the product categories
$categories = wp_get_post_terms( get_the_ID(), 'product_cat', array( 'fields' => 'ids' ) );

// Query for the previous product
$previous_product = get_adjacent_product( 'previous', $categories );
if ( $previous_product ) {
    $previous_link = get_permalink( $previous_product->get_id() );
    echo '<a href="' . esc_url( $previous_link ) . '">&larr;</a>';
}

// Query for the next product
$next_product = get_adjacent_product( 'next', $categories );
if ( $next_product ) {
    $next_link = get_permalink( $next_product->get_id() );
    echo '<a href="' . esc_url( $next_link ) . '">&rarr;</a>';
}

echo '</div>';

/**
 * Get the adjacent product within the same category
 *
 * @param string $direction 'previous' or 'next'.
 * @param array $categories Array of category IDs.
 * @return WC_Product|false The adjacent product or false if not found.
 */
function get_adjacent_product( $direction, $categories ) {
    $product_id = get_the_ID();
    
    // Get the query arguments
    $args = array(
        'post_type'      => 'product',
        'posts_per_page' => 1,
        'post_status'    => 'publish',
        'orderby'        => 'menu_order',
        'order'          => 'ASC',
        'tax_query'      => array(
            array(
                'taxonomy' => 'product_cat',
                'field'    => 'term_id',
                'terms'    => $categories,
            ),
        ),
    );
    
    // Set the order direction based on previous or next
    if ( $direction === 'previous' ) {
        $args['order'] = 'DESC';
    }
    
    // Set the offset based on current product
    $current_key = array_search( $product_id, $categories );
    if ( $current_key !== false ) {
        if ( $direction === 'previous' ) {
            $offset = $current_key + 1;
        } else {
            $offset = $current_key - 1;
        }
        if ( isset( $categories[ $offset ] ) ) {
            $args['offset'] = $offset;
        }
    }
    
    // Query for the adjacent product
    $query = new WP_Query( $args );
    
    if ( $query->have_posts() ) {
        $query->the_post();
        $product = wc_get_product( get_the_ID() );
        wp_reset_postdata();
        return $product;
    }
    
    return false;
} ?>

I would definitely recommend trying creating a block element – post navigation instead of the code.

In that way, you can define your own style and functionality 🙂