How to add a link to menu words “all products”?

This topic has 2 replies, 2 voices, and was last updated 3 days, 13 hours ago ago by Jack Richardson

  • Avatar: Howie
    Howie
    Participant
    December 1, 2025 at 16:49

    I wish to add a link to the shop page within the “All Products” section of the menu. Clicking “All Products” should take users directly to the shop page. Where should I add this link, or how might I achieve this? Could you kindly guide me through the process? Thank you.

    Files is visible for topic creator and
    support staff only.
    1 Answer
    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    December 1, 2025 at 18:19

    Hello @Howie,

    This widget is not designed to include a link in the requested area, and such functionality cannot be implemented using available PHP hooks or filters. The only possible solution is to create a custom JavaScript script that inserts the desired href link into that area.

    Please note that additional customization is beyond the scope of our basic support. However, as we value our customers and wish to assist you, you may use the following PHP snippet by adding it to your xstore-child/functions.php file (https://prnt.sc/2YkylakewnDZ):

    add_action('wp_footer', function() { ?>
    	<script type="text/javascript">
    		jQuery(document).ready(function($) {
    			let all_departments = $('.elementor-widget-theme-etheme_departments_menu');
    			if ( all_departments.length < 0 ) return; 
    			let text = all_departments.find('.etheme-elementor-nav-menu--main > ul > li > .etheme-elementor-nav-menu-item-parent > .elementor-item .etheme-elementor-nav-menu-item-element + span');
    			let url = 'your_custom_url.com';
    			text.html('<a href="'+url+'">'+text.text()+'</a>');
    		});
    	</script>
    	<style type="text/css">
    		.elementor-widget-theme-etheme_departments_menu .etheme-elementor-nav-menu--main > ul > li > .etheme-elementor-nav-menu-item-parent > .elementor-item .etheme-elementor-nav-menu-item-element + span a {
    		    color: currentColor;
    		    transition: none;
    		}
    	</style>
    <?php });

    Best regards,
    Jack Richardson
    8Theme Team

  • Viewing 2 results - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.Log in/Sign up

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.