Niddy

Hi

As said whenever I try this it just takes me to elementor theme builder -> search results and thats no good as then we lose the default look that is there right now. Why is there no templates added to the builders panel to make life easier – as in the exact one we see on the shop archive page?

The archive (product) search results page is perfect, we do not want to touch this – the issue is that we need to show normal pages and posts as well and not via a shop page layout. Thats the issue here…

Thanks for any help / advice.

Hi

I have reversed it all – as it was clearly the issue as I posted above so do not have it – I could create a staging demo but what I posted above is factual as it occurs across 3 sites that use Xstore and since the update this error occurs which we captured in the debug log – see private for the debug log to help.

Thanks

Hi

thanks for looking at this again but it still does not work – when you click into the shop then select a sub category – it just spins away.

Please see private

Hi

thanks so much – this seems to have fixed it but will keep testing and see if we get any more reports – have added that file to the live site and all seems ok so far….

thanks again, will keep you updated 🙂

Can I ask, if this specific to this template or will it be the same on all xstore themes? If so, will you add it to future release updates?

Thanks

Hiya

Thanks for trying – but still the same sadly.

Please see video in private

thanks

Hi

It’s exactly the same? Nothing has changed. Still doing the same as earlier.

See private please.

Thanks

Hi it isn’t pages. It’s POSTS.

Edit a post with elementor. The bottom 2 in the list are set with elementor. You’ll see.

Thanks.

Hi

It is updated and I did copy the line you added to functions and copied the edited general.php file but feel free to check and everything is the same as previous login – this is just a staging site so it’s fine to play around with it.

If you do any edits please clarify what you do so I can mirror them into the live site.

Thanks as always 🙂

Hi

Please see private – thanks.

That’s not really entirely true now though is it? It is only the way you (Xstore) like to do this – here you go, took less than an hour to get it working like required –

1. Runs only on shop/product archive pages (is_shop() or is_product_taxonomy()).

2. Injects a small JavaScript snippet into the page after jQuery is loaded.

This function:

Listens for clicks on links inside any widget whose ID starts with etheme_product_categories_filter or etheme_brands_filter.

When a link is clicked, it reads the filter_cat or filter_brand parameter from the URL.

Instead of letting XStore handle it with AJAX, it redirects the browser to the real archive URL:

/product-category/{slug}/ for categories

/store/brand/{slug}/ for brands

Here is the snippet

function custom_xstore_filter_redirects() {
    if ( ! is_shop() && ! is_product_taxonomy() ) {
        return;
    }

    $script = <<<JS
document.addEventListener('click', function(e) {
    var link = e.target.closest('[id^="etheme_product_categories_filter"] a, [id^="etheme_brands_filter"] a');
    if (!link) return;

    var url = new URL(link.href);
    var cat = url.searchParams.get('filter_cat');
    var brand = url.searchParams.get('filter_brand');

    if (cat) {
        e.preventDefault();
        window.location.href = window.location.origin + '/product-category/' + cat + '/';
        return;
    }

    if (brand) {
        e.preventDefault();
        window.location.href = window.location.origin + '/store/brand/' + brand + '/';
        return;
    }
});
JS;

    wp_add_inline_script( 'jquery', $script );
}
add_action( 'wp_enqueue_scripts', 'custom_xstore_filter_redirects' );

Hiya

I ended up writing a snippet to do this for me using shortcode – details below for ease; maybe look to implement it as default as really, all categories should be visible within Meta.

Thanks again

Add this to child theme functions.php

// ==================================================================
// Display Product Categories with Singular/Plural Label
// ==================================================================

function custom_product_categories_list() {
    global $product;

    // Ensure we’re on a product page
    if ( ! is_product() || ! $product ) {
        return '';
    }

    // Get product categories
    $categories = wp_get_post_terms( $product->get_id(), 'product_cat' );

    if ( empty( $categories ) ) {
        return '';
    }

    // Build category links
    $category_links = array();
    foreach ( $categories as $category ) {
        $link = get_term_link( $category );
        if ( ! is_wp_error( $link ) ) {
            $category_links[] = '<a href="' . esc_url( $link ) . '">' . esc_html( $category->name ) . '</a>';
        }
    }

    // Determine label
    $label = count( $category_links ) > 1 ? 'Categories' : 'Category';

    // Output HTML
    $output  = '<div class="custom-product-categories">';
    $output .= '<strong>' . esc_html( $label ) . ':</strong> ';
    $output .= implode( ', ', $category_links );
    $output .= '</div>';

    return $output;
}

// === Shortcode to use in Elementor or Gutenberg ===
add_shortcode( 'product_categories_list', 'custom_product_categories_list' );

Then in elementor page builder, add this shortcode where you want them rendered (ie above meta block) – [product_categories_list]

Then it does what we need. At least I think it does. Just testing now.

Thanks 🙂

Perfect – thank you kindly 🙂

Ahh perfect – thank you so much 🙂

That sorted it.

Thanks for the support! My topic “Issue with product image slider breaking its container and actually loading into the product content” has been successfully resolved.

Awesome thanks as always – this works fine however on a mobile we need it to stretch 100% on mobiles – any idea how to achieve this incorporating the above css as this works for tablets.

Thanks again.