product page header

  • Resolved violepat

    (@violepat)


    7 years, 3 months ago

    Hello
    Congratulations for your theme and your work!! I have a question that refers to the Woocommerce product pages and the Header.

    The Header of the product page is connected with the product image. This has as a result the picture of the product to appear on the header. This is something i would like to change. I want the header of the products to be the same as the Blog Archive Header Image.. is this possible to be done by editing ??

    https://santorinitraveltots.com/product-category/walk/

    thank you violeta

Viewing 3 replies - 1 through 3 (of 3 total)
  • Vinod Dalvi

    (@vinod-dalvi)

    7 years, 3 months ago

    Hi @violepat,

    I hope you are well today and thank you for your question.

    You can try achieving this by adding the following CSS code in the Custom CSS option of your theme on the below path.

    Admin Area -> Appearance -> Customize -> Additional CSS

    
.archive.tax-product_cat header#header {
    background-image: url(https://colorlib.com/illdy/wp-content/themes/illdy/layout/images/blog/blog-header.png) !Important;
}

    Please change the image URL in the above code to whatever you want to set on your shared page.

    Best regards,
    Vinod Dalvi

    • This reply was modified 7 years, 3 months ago by Vinod Dalvi.
    Thread Starter violepat

    (@violepat)

    7 years, 3 months ago

    thank you for your answer… but..

    i don’t want to change the category header image but the product.
    I upload the url to see how i want it to be shown…
    Now clicking on the product i can see as a background image (header) the product image…

    https://santorinitraveltots.com/product/duo-pushchair/
    on that expample we can see as a header the picture we choose as the product picture. What we need is in every individual product to have as a header image a standard image (the one appears on every page in general.

    the code you send me refers to the product CATEGORY … what i need is a code for individual product.

    So what i want is the product image not to be appeared as a header also. In contrary i want the header of each image to be the same as in every other page (the one i had chosen for Blog Archive Header Image).

    thank you one more time

    violeta

    Vinod Dalvi

    (@vinod-dalvi)

    7 years, 3 months ago

    You have to develop custom code to achieve this.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘product page header’ is closed to new replies.