Configure single product page layout - by JonathanWhite

This topic has 8 replies, 3 voices, and was last updated 9 years, 2 months ago ago by Jack Richardson

  • Avatar: JonathanWhite
    JonathanWhite
    Participant
    September 23, 2015 at 08:37

    I’m currently configuring the single product page for a new web site but can’t get all of the elements to display as I would like. Here’s a screenshot of the desired design (with some notes by me in blue)

    Screenshot of single page design required

    I have used the ‘Single Product Page’ editor in ‘Theme Options’ but there appears to be some issues. I selected the sidebar position to be left, the product layout to be in the middle, and location of product tabs to be next to the image. Unfortunately the image is aligned left, to the right of the image is a constant loading icon and the product tabs are below the image! I’m sure there is a simple fix for this but I don’t know what it is.

    Can you please provide instructions on how to configure the single product layout so that it matches the screenshot above?

    Please, contact administrator
    for this information.
    7 Answers
    Avatar: JonathanWhite
    JonathanWhite
    Participant
    September 23, 2015 at 08:48

    Screenshot of how the single product page looks at the moment:

    Note – as I’m working from a laptop I zoomed out in the browser to show all elements of the page.

    Avatar: JonathanWhite
    JonathanWhite
    Participant
    September 24, 2015 at 12:48

    Update:
    I have fixed the issue with the bugged layout by copying across two PHP files from the woopress install that were missing from the “woopress\woocommerce” directory on the server.

    Still working on configuring the single product page layout to match the first screenshot above. Still haven’t been able to do it.

    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    September 28, 2015 at 10:38

    Hello,

    We can’t log in to your WP Dashboard. Please check the credentials.

    Best regards,
    Jack Richardson.

    Avatar: JonathanWhite
    JonathanWhite
    Participant
    September 28, 2015 at 16:54

    Hi Jack,

    Sorry about the confusion. Please see in the Private Content for the correct credentials.

    Please, contact administrator
    for this information.
    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    September 29, 2015 at 11:06

    Hello,

    Sorry, but your queries requires a lot of customization in php files, we can only help you to modify page style in Theme Options > Custom CSS > Custom CSS for Desktop. Please use this css code:

    .reviews-position-outside .tabs {
        width: 100% !important;
    }

    Best regards,
    Jack Richardson.

    Avatar: tasakaal
    tasakaal
    Participant
    September 29, 2015 at 15:33

    Hi,

    Is it possible to hide product review on single product page?

    Regards,
    Peeter

    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    September 29, 2015 at 16:00

    Hello,

    You need edit a product and disable reviews in Advanced tab:
    http://storage9.static.itmages.com/i/15/0929/h_1443538845_5811964_f49f47f64d.png

    Best regards,
    Jack Richardson.

  • Viewing 8 results - 1 through 8 (of 8 total)

You must be logged in to reply to this topic.Log in/Sign up

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.