Editing product page layout

  • Resolved pbengou

    (@pbengou)


    3 years, 8 months ago

    Hi, I have the ‘Go’ theme and am having problems with the default layout of the product page.

    I currently have a lot of drop down boxes on the right side for people to optimise their order. I’ve made a demo page: https://laserandgrain.co.uk/product/demo-product-page/

    This has pushed the main description, which holds important info, very far down (which means people likely won’t read it) and has left a big blank gap on the left. I would like to edit the layout to adjust this but can’t find out how. Can you advise me please? All I want is for the long description to be in same col as the gallery, appearing directly below the images.

    I’ve had a look at the short code options and all there is for the product page is… [product_page id=”99″]

    We can’t use the storefront power pack as it’s not compatible with our theme and elementor is out of my price bracket. I’m trying to find the template php to edit, which one should I be looking for? And does anyone have any examples of how they’ve edited theirs?

    Cheers

    The page I need help with: [log in to see the link]

Viewing 5 replies - 1 through 5 (of 5 total)

  • Hello,

    All I want is for the long description to be in same col as the gallery, appearing directly below the images.

    You can use the following code to change the location of the description tabs.

    remove_action( 'woocommerce_after_single_product_summary', 'woocommerce_output_product_data_tabs', 10 );
add_action( 'woocommerce_product_thumbnails', 'woocommerce_output_product_data_tabs', 10 );

    I would recommend using a plugin like?Code Snippets?to add the snippet to your site.

    Thread Starter pbengou

    (@pbengou)

    Thanks @maykato

    That solution works perfectly if there isn’t a product gallery (see https://laserandgrain.co.uk/product/demo-product-page-2/) but if there is a product gallery, the long description isn’t shown (https://laserandgrain.co.uk/product/demo-product-page/) Any idea how I can have both the long description and the gallery under the product image?

    Thanks for suggesting Code Snippets, it works really well!

    Hi,

    OK, I can see that the action “woocommerce_product_thumbnails” doesn’t work when you have gallery thumbnails – in which case you can use “woocommerce_single_product_summary” and customize it with CSS. This Visual Hook Guide can help you understand the location of the hooks.

    If you are up for customizing, here is a similar topic you can look into.

    If you are not comfortable with coding, you can either change the theme to the one that works better or have a web developer customize it for you.

    laceyrod

    (@laceyrod)

    Automattic Happiness Engineer

    Hi @pbengou –

    I hope that information helped.

    Since we haven’t heard back from you, and this thread has been inactive for a bit, I’m going to mark it as Resolved now for the overall health of the forums. Please feel free to open a new one if you have any further questions.

    Cheers!

    Thread Starter pbengou

    (@pbengou)

    Thank you, sorry I missed the reply. I’ll have a crack at it and post another thread if it doesn’t work out. Cheers

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