Our support team is on holiday from January 1st to 7th. Responses may be delayed, but we'll be back on January 8th. Happy Holidays!

Okay
  Public Ticket #3771480
Unable to Change Header Template for Shop Page
Closed

Comments

  • suzanka started the conversation

    Hello!

    I have made a custom header for the shop pages, where it will have a cart displayed.

    I have managed to change the header for all products (i only have a few products and it works), but as much as i am trying, i am not able to change the header of the shop page, even when i try to override the setting in the Shop page.

    Can you please help!


    Attached files:  Screenshot 2024-11-25 at 10.57.59 PM.png
      Screenshot 2024-11-25 at 10.57.52 PM.png
      Screenshot 2024-11-25 at 10.57.45 PM.png

  •  949
    Neuron replied

    Hi,

    In the theme you can either use the header that comes as default where you can upload the logo from Customizer and manage it from there or via Elementor where you can create headers and assign them to different pages, so please hover onto button Edit with Elementor and see if there appears a header template. https://prnt.sc/ppaaad

    Click onto the template and the editor for that template will be opened where you can easily edit it.

    - Video Tutorials about header builder.

    Feel free to ask for anything you need.

    Kind Regards


  • suzanka replied

    Thank you,

    I understand what you said 100%. My problem is beyond that.

    When i hoover, it shows 'Grey Header' (see screenshot)

    but actually i want it to show 'Shop Header'. i have tried to over ride it in the settings of the shop page, but it is not applying. So how can i make it apply please?

    Attached files:  Screenshot 2024-11-26 at 2.41.35 PM.png
      Screenshot 2024-11-26 at 2.41.41 PM.png

  • suzanka replied

    Hi! please help! My client is in an exhibition and the site is now live.

    The credentials are the same to login, but the website is now 

    https://twelvedeg.com/shop/


    1) the header still not showing (the one which i made for the shop section with cart on it), can you help me? i believe its taking the template which is chosen as default and not allowed to override in page settings.

    2) in responsive/mobile, can we make the widget area show first? I tried to edit the page using elementor but it would not let me. i want the widget area which says: 'welcome to our store' to show first, then the products. Help!

    Attached files:  Screenshot 2024-11-29 at 8.38.25 AM.png
      Screenshot 2024-11-29 at 8.38.20 AM.png

  •   suzanka replied privately
  •  949
    Neuron replied

    Hi,

    1) Please check the display conditions now, I can set them on your site.

    2) I've just changed their orders by adding the following CSS at Appearance > Customize > Additional CSS.

    @media (max-width: 900px) {
    		.woocommerce-shop .l-woocommerce-wrapper .flex-row-reverse {
    			flex-direction: column-reverse !important;	
    	}
    	
    	.woocommerce-shop .l-woocommerce-wrapper .flex-row-reverse .col-lg-4 {
    		padding-bottom: 48px;
    	}
    }

    Feel free to ask for anything you need.

    Kind Regards


  • suzanka replied

    LIsten there is a big error in the shop page, especially when you select the page to be the SHOP page in woocommerce settings. 

    It will take default header selected for the website, no matter which override i did in that page, and also it will show archives of products and not my design.

    I have found a hack. 

    I have designed my Shop page using elementor, and i have configured a custom overide for the header template.

    But i have not selected any page for the store main shop page in woocommerce settings. 

    Just for you to know for your theme.

  •  949
    Neuron replied

    Hi,

    Glad to know you found a workaround.

    Can I still take a look at your site and check the issue when you select your shop page?

    Feel free to ask for anything you need.

    Kind Regards


  • suzanka replied

    Yes you can take a look. you already have the login from before.

  •  949
    Neuron replied

    Hi,

    I am very sorry for the late reply, we were not working on the weekend.

    As you're using Elementor Pro, you can set the header to display using the display conditions feature, and I can see that you've already done it, so everything seems alright.

    • https://prnt.sc/udsG_K9kot2w

    Feel free to ask for anything you need.

    Kind Regards