Docs

[Classtoglass]

Hi, I’m not sure what has happened but I have a grid which will not display on the following page.

Our wine cellar

Looking at the developer tools in Google Chrome, i can see that there is an error on the page as follows, but I do not know what this means or what has caused it. I have tried uninstalling The Grid and reinstalling it as well as created new Grids but I still see the same issue. Can someone help?

jquery-migrate.min.js?ver=1.4.1:2 JQMIGRATE: Migrate is installed, version 1.4.1
widgets.wp.com/notifications/?jetpack=true&v=20170120&locale=en-au#http://www.classtoglass.com/our-wine-cellar/:1 Uncaught SyntaxError: Unexpected end of JSON input
at JSON.parse (<anonymous>)
at XMLHttpRequest.r.onreadystatechange (bootstrap 20fe034…:5)

Many thanks
Phil

[Classtoglass]

This only seems to be an issue if I embed the grid into a section in Cornerstone

[Darshana]

Hi Phil,

Thanks for writing in! First of all, you could try testing for a plugin conflict. You can do this by deactivating all third party plugins, and seeing if the problem remains. If it’s fixed, you’ll know a plugin caused the problem, and you can narrow down which one by reactivating them one at a time.

Let us know how it goes.
Thanks!

[Rupok]

Hi there,

Sorry to hear that you are having trouble. I don’t see any grid or error for the page you have mentioned. Can you provide the URL where you have added The Grid? Meantime you could try testing for a plugin conflict. You can do this by deactivating all third party plugins, and seeing if the problem remains. If it’s fixed, you’ll know a plugin caused the problem, and you can narrow down which one by reactivating them one at a time.

[Classtoglass]

Hi, Thanks for the feedback, I’m not sure what happened there.

I now have the grid working ok on a page, but what I would like to see is when the user clicks on one of the product images on the small grid at the right of the page, the product details are displayed in the column on the left hand side of the page without refreshing the whole page (see attached for a mock-up of the page) Can you please advise how this would be possible?

http://www.classtoglass.com/wine-cellar

Many thanks
Phil

[Rue Nel]

Hello There,

Thanks for updating in and for the clarifications. Regretfully, this particular customization request is outside the scope of our support as this is not related to an issue with the theme and instead has to do with your customization of it. As such, you will need to investigate this particular issue on your own or seek help from a developer should you not feel comfortable making these changes yourself. If you have any further questions about the theme, we are more than happy to provide you with assistance on these inquiries.

Thank you for your understanding.

[Classtoglass]

OK, is there a way to add a sidebar on to my single product page so that I can add a sidebar with a Grid in it and produce something similar?

Many thanks

[Rad]

Hi there,

Yes, please add this code to your child theme’s functions.php

 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_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_product() ) {
        $layout = 'content-sidebar';
      }

    return $layout;

  }

Hope this helps.

[Author]

Posts