Width of Content on Product Page

Support
#1

I have another issue with the product page. It’s showing as full width, but I want it boxed. The site is set in full width in site settings as on pages I want full width content. I’d actually still want full width content on the product and archive pages, I just want woo-commerce part of the page to be boxed

Adding Components to pages across the site
#2

Hello @simonwr1976,

Thanks for writing to us.

To help you with your concerns we need to check your settings, I would request please share the admin login details meanwhile I would suggest you troubleshoot a few of the common issues before we investigate your settings. Please share your details in a secure note. Please provide the following details

  • WordPress Login URL
  • Admin-level username and password
  • Exact page URL

You can find the Secure Note button at the bottom of your posts

secure-note
secure-note1040×250 15.3 KB

Thanks

#3

Hi @simonwr1976,

It seems that you are using the older version of Pro i.e. 6.2.3 whereas the latest version is 6.5.16. I would suggest you update the Pro version, and create a WooCommerce Single Layout with the width you wanted and assign it to the products.
I would suggest you go through the following documentation on layout builder.

Hope it helps.
Thanks

#4

Thanks for this. I’ve created a woocommerce single template and assigned it to all products, but now the woocommerce content isn’t showing, just the other sections I’ve added to the product

#5

Hi @simonwr1976,

It seems that you have not added the product related elements. I have added an example WooCommerce Single Layout and assigned it to All Products. You can check and replicate the same.

Thanks

#6

thank you for this. I also wanted to add product cross sells underneath the product info, but I’m not understanding how to do it

#7

Thank you for the update.

We created a custom shortcode for the upsells products in the functions.php:

function x_custom_upsell_shortcode() {
    if ( ! class_exists( 'WooCommerce' ) ) {
        return 'WooCommerce is not active.';
    }

    if ( ! function_exists( 'woocommerce_upsell_display' ) ) {
        return 'Upsell display function not available.';
    }

    if ( ! is_singular( 'product' ) ) {
        return 'This shortcode can only be used on single product pages.';
    }

    ob_start();
    woocommerce_upsell_display();
    return ob_get_clean();
}

add_shortcode( 'x_custom_upsell', 'x_custom_upsell_shortcode' );

Then use this shortcode the in single product layout.

[x_custom_upsell]

If you need more help with custom modifications like this, you can check out our One service.

Warm regards.

#8

Thanks again. You added the shop notices component. Was that just in case it is needed at some point in time. Is it serving any purpose at the moment?

#9

Hey @simonwr1976,

The shop notice element is useful and has some purpose. It was explain it here on how it works.

Hope that helps.

#10

great thanks

#11

I’ve now tried creating the content for the category page. I’ve added the bottom sections that I want to add, but it’s overwritten the products, I need to add the products back to the template. https://wordpress-1368127-5047106.cloudwaysapps.com/product-category/tables-england/ is the only category with products at the moment

#12

Hello @simonwr1976,

You can need to edit your layout and make sure to place a design for the product items as well. You can use the Looper Consumer to display the products. I would highly recommend that you start by using the prefab Woo archive layouts and add your sections.

Screenshot 2025-01-30 at 1.06.58 PM
Screenshot 2025-01-30 at 1.06.58 PM1056×1772 140 KB

Hope this makes sense.

#13

thanks for this

#14

Hi @simonwr1976,

You are most welcome.