Take your website
To the next level
Discover our newly launched customization services and elevate your web projects to new heights.
Delegate tasks, save time, and unlock the power of professional WordPress outsourcing.
Hire Us

Okay
  Public Ticket #1838816
Woocomerce shop header
Closed

Comments

  • firefoods started the conversation
    January 2, 2019 at 1:07pm

    Hi i would like to add a header to the woocommerce shop page, any ideas on css?

  •  7,095
    Oliver replied
    January 3, 2019 at 6:40am

    Hi,

    pls. add screenshots how it should look like.

    Please note if you comment on your ticket before we reply, your ticket will be pushed down of the tickets list. 

    Regards, Oliver

  • firefoods replied
    January 3, 2019 at 8:08am

    Hi Gregor,

    My homepage is https://www.firefoods.co.uk I would like that header on all pages if possible.

    Cheers

    Nick

  •  7,095
    Oliver replied
    January 3, 2019 at 8:16am

    pls. provide the wp-admin access

    Please note if you comment on your ticket before we reply, your ticket will be pushed down of the tickets list. 

    Regards, Oliver

  •   firefoods replied privately
  •  7,095
    Oliver replied
    January 3, 2019 at 10:50am

    Hi,

    Can't login with the data you provided.

    Please note if you comment on your ticket before we reply, your ticket will be pushed down of the tickets list. 

    Regards, Oliver

  •   firefoods replied privately
  •  7,095
    Oliver replied
    January 4, 2019 at 7:26am

    Hi,

    pls. check now, I've added this css in the theme options:

    .post-type-archive-product div#page-title {
    padding-bottom: 420px !important;
    background: #000000 url(https://www.firefoods.co.uk/wp-content/uploads/unleash-.jpg?id=33030) !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
}
.post-type-archive-product  #site-header-wrapper {
    position: absolute;
    z-index: 1000;
    width: 100%;
    background-color: transparent !important;
}
.post-type-archive-product  #page #site-header:not(.animated-header) {
    z-index: 7;
    background-color: transparent;
    box-shadow: none;
}
.post-type-archive-product  .page-title-block .breadcrumbs-container {
    display: none;
}
.post-type-archive-product  .page-title-title {
    display: none;
}
.post-type-archive-product  .block-content {
    padding-top: 30px;
}

    Please note if you comment on your ticket before we reply, your ticket will be pushed down of the tickets list. 

    Regards, Oliver

  • firefoods replied
    January 4, 2019 at 7:34am

    Thanks Gregor,

    Works great in shop page, how do I get it on all other pages?

    Thanks for all your help.

  •  7,095
    Oliver replied
    January 4, 2019 at 10:59am

    pls. give me link to the page where you need to set it

    Please note if you comment on your ticket before we reply, your ticket will be pushed down of the tickets list. 

    Regards, Oliver

  • firefoods replied
    January 4, 2019 at 2:28pm

    Hi Gregor,

                      would it be possible to have it on all pages and products?

    regards

    Nick

    Fire foods

    sorry for all the extra work!

  •  7,095
    Oliver replied
    January 4, 2019 at 2:30pm

    HI,

    Add this one:

    .product-template-default  div#page-title {
    padding-bottom: 420px !important;
    background: #000000 url(https://www.firefoods.co.uk/wp-content/uploads/unleash-.jpg?id=33030) !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
}
.product-template-default   #site-header-wrapper {
    position: absolute;
    z-index: 1000;
    width: 100%;
    background-color: transparent !important;
}
.product-template-default   #page #site-header:not(.animated-header) {
    z-index: 7;
    background-color: transparent;
    box-shadow: none;
}
.product-template-default  .page-title-block .breadcrumbs-container {
    display: none;
}
.product-template-default  .page-title-title {
    display: none;
}
.product-template-default   .block-content {
    padding-top: 30px;
}

    Please note if you comment on your ticket before we reply, your ticket will be pushed down of the tickets list. 

    Regards, Oliver

  • firefoods replied
    January 4, 2019 at 2:38pm

    Hi Gregor,

                      that works great for products but its missing from blog, about us, events, my account, delivery.

    any ideas

  •  7,095
    Oliver replied
    January 4, 2019 at 3:06pm

    add this:

    body div#page-title {
    padding-bottom: 420px !important;
    background: #000000 url(https://www.firefoods.co.uk/wp-content/uploads/unleash-.jpg?id=33030) !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
}
body #site-header-wrapper {
    position: absolute;
    z-index: 1000;
    width: 100%;
    background-color: transparent !important;
}
body  #page #site-header:not(.animated-header) {
    z-index: 7;
    background-color: transparent;
    box-shadow: none;
}
body .page-title-block .breadcrumbs-container {
    display: none;
}
body .page-title-title {
    display: none;
}
body .block-content {
    padding-top: 30px;
}

    Please note if you comment on your ticket before we reply, your ticket will be pushed down of the tickets list. 

    Regards, Oliver

  • firefoods replied
    January 4, 2019 at 3:15pm

    Cheers Gregor, its not working on two pages, blog and events

    https://www.firefoods.co.uk/events/

    https://www.firefoods.co.uk/blog/

    everything else is fine? 

  • firefoods replied
    January 5, 2019 at 7:12pm

    Update.

    Ive sorted the events page (plugin problem) but the blog doesn't show the new header https://www.firefoods.co.uk/blog/

    I also would like the header on my product categories

    https://www.firefoods.co.uk/sauces/

    https://www.firefoods.co.uk/chilli-pickles/

    https://www.firefoods.co.uk/snacks/

    https://www.firefoods.co.uk/three-sauces-10-deal/

    https://www.firefoods.co.uk/chilli-gifts/

    many thanks gregor

  •  7,095
    Oliver replied
    January 8, 2019 at 7:55am

    Hi,

    pls. provide the wp-admin access

    Please note if you comment on your ticket before we reply, your ticket will be pushed down of the tickets list. 

    Regards, Oliver

  •   firefoods replied privately
  •  7,095
    Oliver replied
    January 8, 2019 at 11:44am

    Hi,

    1. You don't need to specify the blog page in the reading options. I've removed the page form there, now you need to create any page and put there shortcode "News and Blog" and set the blog style you wish to use. 

    2. In the categories pages you need to set checkbox "Use custom page options" and enable page title in the category settings, attach 

    Please note if you comment on your ticket before we reply, your ticket will be pushed down of the tickets list. 

    Regards, Oliver

  •  7,095
    Oliver replied
    January 8, 2019 at 11:44am

    Forgot an attach

    Please note if you comment on your ticket before we reply, your ticket will be pushed down of the tickets list. 

    Regards, Oliver

  • firefoods replied
    January 8, 2019 at 12:44pm

    Hi Gregor, product categories all done, thanks!

    I dont understand what you mean for short code on blog, im struggling to get the header on the blog page

  •  7,095
    Oliver replied
    January 8, 2019 at 12:46pm

    Just create the page with permalink blog and put there shortcode news and blog. 

    Please note if you comment on your ticket before we reply, your ticket will be pushed down of the tickets list. 

    Regards, Oliver

  • firefoods replied
    January 8, 2019 at 12:59pm

    Sorry mate, i'm really struggling to get this

  • firefoods replied
    January 8, 2019 at 1:29pm

    All sorted, thanks a million Gregor, ill leave you alone now :)

    cheers

  •  7,095
    Oliver replied
    January 8, 2019 at 1:31pm

    You're welcome!

    Please note if you comment on your ticket before we reply, your ticket will be pushed down of the tickets list. 

    Regards, Oliver