Return to previous page

Configure single product page layout - by JonathanWhite

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

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)

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.

#88744 Copied Theme version: 2.4 WooCommerce version: 2.4.7

7 Answers

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.

#88751 Copied

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.

#89041 Copied

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.

#89568 Copied

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.

#89930 Copied
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.
#90127 Copied
tasakaal

Participant

September 29, 2015 at 15:33

Hi,

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

Regards,
Peeter

#90243 Copied Theme version: woopress WooCommerce version: woocommerce

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.

#90255 Copied
Tagged: configure, customize, design, page layout, single product, woocommerce, wordpress
Viewing 8 results - 1 through 8 (of 8 total)