Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • December 7, 2014 at 8:59 am #364254
    Steven_Haines

    Hi, I would like my single product pages to have the Description and other tabs to start at the left hand side of the image rather than under the short description.

    In other words, I’d like to have this:
    http://ielts-practice-tests.com/product/ielts-practice-tests-academic-16/

    rather than this:
    http://elemen.com.au/product/court-readiness-skills/

    Most of the existing advice seems to be about sidebars but I am not using one on my single product pages.

    Many thanks for your help.

    December 8, 2014 at 5:25 am #364445
    Steven_Haines

    Following your reply of last night to another ticket, I found the suggested changes to functions.php in the child theme to work. See https://kriesi.at/support/topic/woocommerce-product-page-2/

    The only remaining problem is that this change creates a lot of white space between the bottom of the image and the tabs.

    Is there any way to reduce that gap?

    Also, the Sale! badge on single product pages floats to the right of the window. Is it possible for it to be just to the right of the product heading?

    Many thanks for Enfold and for your ongoing help.

    December 8, 2014 at 7:30 pm #364891
    Elliott

    Hey!

    Try adding this to your custom CSS.

    .single-product-main-image.alpha {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

    Regards,
    Elliott

    December 9, 2014 at 8:27 am #365222
    Steven_Haines

    Thanks, that helped a little bit. It reduced the whitespace by the width of the tab headings. It would be great if it could narrow a bit further. Is there similar padding at the top of the tabs?

    Also, do you have any thoughts on having the sale badge appearing to the immediate right of the product name rather than floating to the right hand side of the window?

    I appreciate the help.

    December 9, 2014 at 10:44 pm #365692
    Elliott

    Hey!

    Add this.

    .woocommerce-tabs {
    padding-top: 1px !important;
}

    Not sure if there is an easy fix for the badge. It displays on top of the images in the source code but it’s set to an absolute position. It would be possible if you could add it inside the title.

    Or if you would rather have it on top of the image then add this to your custom CSS.

    .single-product-main-image.alpha { position: relative !important; }

    Cheers!
    Elliott

    December 10, 2014 at 8:35 am #365871
    Steven_Haines

    Both worked beautifully. Many thanks.

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Single product page layout’ is closed to new replies.