Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • February 25, 2018 at 8:15 pm #917570
    ddmarsden

    Hi,
    I have an issue with the template when used in conjunction with woocommerce.

    The layout doesn’t look right and i would like to make changes.

    1. The header (which should be tansparent) overlays the product. See example.
    2. I would like to set the background listed below as the standard BG for all single page products.

    Can you help ?

    Thanks in advance

    Darren

    February 26, 2018 at 9:40 am #917708
    Victoria

    Hey Darren,

    Transparency header is meant for pages with sliders or graphics on top. It will not work for product pages, since it drags the main container to the top of the page and you already have content there that should be visible and not under the menu.

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
.html_header_transparency #top.product-template-default.single-product  #main {
    padding-top: 148px !important;
}
.html_header_transparency #top.product-template-default.single-product #header {
  background-color: #000;
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    March 3, 2018 at 12:31 am #920591
    ddmarsden

    Thank you so much.
    As you see, that worked like a charm.

    I still need to set the background for the product page.(like this example: https://www.draftineu.com/products/)

    Is this possible ?

    THANKS

    March 3, 2018 at 12:07 pm #920758
    Victoria

    Hi ddmarsden,

    I see you have background on the product page already. Did you get it working for you?

    Best regards,
    Victoria

    January 24, 2020 at 11:21 pm #1178229
    smarta-brett

    Hey ddmarden

    would you mind sharing how you go the background image onto the woo commerce single product page please

    your site looks great!

    January 26, 2020 at 6:22 am #1178434
    Rikard

    Hi smarta-brett,

    As far as I can see ddmarden has used a regular Color Section, please try that out :-)

    Best regards,
    Rikard

    January 26, 2020 at 6:25 am #1178435
    smarta-brett

    thanks Rikard

    – but you can’t use Colour Sections on the woocommerce template pages

    I have worked out how to do and posted the info in this post

    January 28, 2020 at 8:33 pm #1179162
    Victoria

    Hi smarta-brett,

    Glad you got it working for you! :)

    If you need further assistance please let us know.

    Best regards,
    Victoria

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Product Page Woocommerce layout and background’ is closed to new replies.