Docs

[AK49 Logan 907]

Hi, I’m trying to make my shop page full width. I added the widget bar on the right and everything got really small. It’s not really taking advantage of the full page available. Can we see about expanding it so it can look something like the image below? Already tried the layout full width template and there was no change.

Also since I posted this got another question. It’s been a while since I messed with these and can’t remember how to add another one and cant remember the real name unless you call them product descriptions or something. How do I add more and I downloaded the Yutpo review plugin and it and want to put it on the right side of the design process tab. Added an images for it.

Thanks!

[Rupok]

Hi there,

Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

[AK49 Logan 907]

Ah okay I’ll remember that next time!
http://212studios.online/

[Lely]

Hi There,

Thank you for site URL. If you want to maximize the space available on left and right of the shop page, please adjust site max-width and site width on Appearance > Customize > Layout and Design >Site Max-width and Max-width.

Hope this helps.

[AK49 Logan 907]

It did but now my widgets are gone. Can we see about fixing it? Thanks!
http://212studios.online/shop/

[Paul R]

Hi,

To fix it, please add the code below in your child theme’s functions.php file

 function x_get_content_layout() {

    $content_layout = x_get_option( 'x_layout_content' );

    if ( $content_layout != 'full-width' ) {
      if ( is_home() ) {
        $opt    = x_get_option( 'x_blog_layout' );
        $layout = ( $opt == 'sidebar' ) ? $content_layout : $opt;
      } elseif ( is_singular( 'post' ) ) {
        $meta   = get_post_meta( get_the_ID(), '_x_post_layout', true );
        $layout = ( $meta == 'on' ) ? 'full-width' : $content_layout;
      } elseif ( x_is_portfolio_item() ) {
        $layout = 'full-width';
      } elseif ( x_is_portfolio() ) {
        $meta   = get_post_meta( get_the_ID(), '_x_portfolio_layout', true );
        $layout = ( $meta == 'sidebar' ) ? $content_layout : $meta;
      } elseif ( is_page_template( 'template-layout-content-sidebar.php' ) ) {
        $layout = 'content-sidebar';
      } elseif ( is_page_template( 'template-layout-sidebar-content.php' ) ) {
        $layout = 'sidebar-content';
      } elseif ( is_page_template( 'template-layout-full-width.php' ) ) {
        $layout = 'full-width';
      } elseif ( is_archive() ) {
        if ( x_is_shop() || x_is_product_category() || x_is_product_tag() ) {
          $opt    = x_get_option( 'x_woocommerce_shop_layout_content' );
          $layout = ( $opt == 'sidebar' ) ? $content_layout : $opt;
        } else {
          $opt    = x_get_option( 'x_archive_layout' );
          $layout = ( $opt == 'sidebar' ) ? $content_layout : $opt;
        }
      } elseif ( x_is_product() ) {
        $layout = 'full-width';
      } elseif ( x_is_bbpress() ) {
        $opt    = x_get_option( 'x_bbpress_layout_content' );
        $layout = ( $opt == 'sidebar' ) ? $content_layout : $opt;
      } elseif ( x_is_buddypress() ) {
        $opt    = x_get_option( 'x_buddypress_layout_content' );
        $layout = ( $opt == 'sidebar' ) ? $content_layout : $opt;
      } elseif ( is_404() ) {
        $layout = 'full-width';
      } else {
        $layout = $content_layout;
      }
    } else {
      $layout = $content_layout;

      if(x_is_shop()) {
         $layout = 'content-sidebar';
      }
    }

    return $layout;

  }

Hope that helps

[AK49 Logan 907]

Code didn’t work once I set my Layout and design to full width my widgets disappear on the right side of the screen. My page attributes are set to Layout Content left and Sidebar right. Help? 🙂 Thanks!
http://212studios.online/shop/

[Lely]

Hi There,

Shop page is an archive page. To display sidebar on archive page, it should be set on Appearance > Customize > Layout and Design: Content Layout: Choose Content with sidebar.. When you set this to fullwidth, the sidebar will disappear as you’ve experience. Previous suggestion should override that settings and add sidebar on shop page even if it’s content layout is set to fullwidth. If you add that suggested code on your child theme’s functions.php file, please make sure that this child theme is active on Appearance > Themes. It is not active when I check your site source code.

Hope this helps.

[AK49 Logan 907]

This reply has been marked as private.

[Joao]

Hi Logan,

To have shop layout full width you need to go to Appereance > Customizer > Woocommerce and change it from Global layout to full width. I just tested and it works on your website. Please see image attached.

Hope it helps,

Joao

[AK49 Logan 907]

Hi, thanks for getting back to me but when I change the shop layout to full width then my widgets disappear.

I’m trying to have my shop page full width and have widgets on the side so everything isn’t so zoomed out as it is now. I’m trying to get the shop to look like image 1 in a way. Shop image 3 is what I have now but after changing shop sizing my widgets are gone.

[Rue Nel]

Hello There,

Thanks for sending us the screenshots. To make your shop page fullwidth along with your sidebar, please go to your customizer, Appearance > Customize > WooCommerce > Shop Layout and set it to “Use Global Content Layout”. And then you’ll need to add the following css code in the customizer, Appearance > Customize > Custom > CSS

.woocommerce.post-type-archive-product .site > .x-container.max.width.offset {
    width: 96%;
    max-width: 100%;
}

Please let us know if this works out for you.

[AK49 Logan 907]

That worked perfectly! Thanks so much. Do I still need that huge piece of code supplied earlier?

Also I have the widgets in my forum. They just popped up when I edited the shops widgets. The forum on my website is really weird and It’s not an actual page I can edit in the page tab. How can I either get rid of them or have them so they show up on the right side?

[Lely]

Hi There,

No need to add the code since you have choose Content Left, Sidebar Right under Content Layout.

It shows because by default, your archive pages will display sidebar because of this settings:Content Left, Sidebar Right under Content Layout. Then it is going down because of the following custom code:

body.forum-archive.bbpress .x-main {
    width: 100%;
}

Either remove that code to move the sidebar on the right side, or add this to hide sidebar:

body.forum-archive.bbpress .x-sidebar {
    display: none;
}

Hope this helps.

[Author]

Posts