Docs

[Teranox]

Hi,

I have a website on X theme and I wanted to start a eshop on it.

I’ve installed and configured woocommerce as well as created a dummy product.

The thing is that it does not look like the demo of even feel like an estore.

You Can see my Dummy item here: https://www.pimentsfortsquebec.com/produit/item-test/

You can find it under https://www.pimentsfortsquebec.com/shop/
As you can see we can’t see the item displayed like on the demo…well we don’t see the product at all…i have tried multiple options in the display section of woocommerce and currently it’s set to show products and categories but it only show categories. When I click on that, there’s nothing showing…I there something i’m doing wrong? it’s my first woocommerce installation and I seem to have followed the walkthrough video well…

Also, my website does not have sidebar (witch is what i wanted), but to look like the demo and have widgets on the shop side, is there a way to make the sidebar appear to only woocommerce related pages?

So to resume,
how could I make it look like the ethos demo,
how to get a sidebar and woocommerce widgets only on woocommerce related pages,
how can i make the item appear on the shop page?

Thanks

[Teranox]

This reply has been marked as private.

[Lely]

Hi There,

Thanks you for the credentials.
To show sidebar on Woocommerce related page only, please add the following code on your child theme’s functions.php file:

if ( ! function_exists( 'x_get_content_layout' ) ) :
  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() ||  x_is_product() || x_is_product_category() || x_is_product_tag() ) {
      $layout = 'content-sidebar';
    }

    return $layout;

  }
endif;

The content is there on your single page and shop page. The images is just not loading. I saw the following error on the console:

(index):1056 GET https://www.google-analytics.com/analytics.js net::ERR_CONNECTION_CLOSED(anonymous function) @ (index):1056(anonymous function) @ (index):1057
(index):32 GET https://www.pimentsfortsquebec.com/wp-includes/js/wp-emoji-release.min.js?ver=4.5.3 net::ERR_SPDY_PROTOCOL_ERRORe @ (index):32(anonymous function) @ (index):32(anonymous function) @ (index):32
(index):1503 GET https://www.pimentsfortsquebec.com/wp-content/uploads/2016/04/PFQ-LOGO-2016-X.png net::ERR_SPDY_PROTOCOL_ERROR
(index):1631 GET https://www.pimentsfortsquebec.com/wp-content/uploads/2016/09/DECK-BACK-CMYK-SQUARE.jpg net::ERR_SPDY_PROTOCOL_ERROR
(index):1625 GET https://www.pimentsfortsquebec.com/wp-content/uploads/2016/09/DECK-BACK-CMYK-SQUARE-300x300.jpg net::ERR_SPDY_PROTOCOL_ERROR
cs-head.min.js?ver=1.3.1:1 GET https://www.pimentsfortsquebec.com/wp-content/plugins/NKS-custom/img/close.png net::ERR_SPDY_PROTOCOL_ERROR(anonymous function) @ cs-head.min.js?ver=1.3.1:1a @ cs-head.min.js?ver=1.3.1:1(anonymous function) @ cs-head.min.js?ver=1.3.1:1o @ cs-head.min.js?ver=1.3.1:1(anonymous function) @ cs-head.min.js?ver=1.3.1:1(anonymous function) @ cs-head.min.js?ver=1.3.1:1
cs-head.min.js?ver=1.3.1:1 GET https://www.pimentsfortsquebec.com/wp-content/plugins/NKS-custom/img/closeblack.png net::ERR_SPDY_PROTOCOL_ERROR(anonymous function) @ cs-head.min.js?ver=1.3.1:1a @ cs-head.min.js?ver=1.3.1:1(anonymous function) @ cs-head.min.js?ver=1.3.1:1o @ cs-head.min.js?ver=1.3.1:1(anonymous function) @ cs-head.min.js?ver=1.3.1:1(anonymous function) @ cs-head.min.js?ver=1.3.1:1
/wp-content/uploads/2016/07/PFQ-SKULL2-namesite.png:1 GET https://www.pimentsfortsquebec.com/wp-content/uploads/2016/07/PFQ-SKULL2-namesite.png net::ERR_SPDY_PROTOCOL_ERROR
/wp-content/uploads/2016/09/Les-Pages-Rouges-Square-Icon.png:1 GET https://www.pimentsfortsquebec.com/wp-content/uploads/2016/09/Les-Pages-Rouges-Square-Icon.png net::ERR_SPDY_PROTOCOL_ERROR
(index):1833 GET https://www.pimentsfortsquebec.com/wp-content/uploads/2016/05/fire.jpg net::ERR_SPDY_PROTOCOL_ERROR
jquery.datatables.min.js?ver=1.7:9 GET https://www.pimentsfortsquebec.com/wp-content/plugins/the-grid/frontend/assets/fonts/the_grid.ttf net::ERR_SPDY_PROTOCOL_ERROR

Please check in with your hosting provider regarding the ERR_SPDY_PROTOCOL_ERROR.

Do let us know how this goes.

[Teranox]

I’ve sent them the hlp email request. in the meantime, i’ve saw that your code snipped activated the sidebar on product and archive but not on the main shop page https://www.pimentsfortsquebec.com/shop/

Thanks to let me know how to fix

[Teranox]

forget about it….cache problem for this last entry, sidebar is displaying ok

[Christian]

Glad it’s sorted out. 🙂

[Teranox]

Ok so about the ERR_SPDY_PROTOCOL_ERROR,

their answer was…..not what i was expecting…

ANSWER:

Hi there,

ERR_SPDY_PROTOCOL_ERROR seems to be related to your chrome browser and the fix is explained here:

http://techdows.com/2015/08/fix-chromes-err_spdy_protocol_error.html

https://www.pimentsfortsquebec.com/produit/item-test/
https://www.pimentsfortsquebec.com/shop/
http://awesomescreenshot.com/09864c0w64
http://awesomescreenshot.com/01464c0y51

I can see 1 product thumbnail in the above pages. I checked your URLs with Firebug and there was no issues about images. All images in your HTML code were loaded properly without any problems.

Please let us know if there is anything further we can do for you.

I don’t know what to say, this thing is what i’ve tried before reaching them and even after trying it doesn’t work and i doubt something local will fix everyone’s browser….and as I’ve said, it doesn’t work.

Then this is my reply and i’m in wait for more…

I just tried with Internet explorer on an other computer

When i click on the categorie (witch have an iomage and i know it has
it direct me to: https://www.pimentsfortsquebec.com/categorie-produit/cartes-de-collections-pfq/ WHERE IT DOESN’T SHOW THE PRODUCT.

i’ve already tried this trick from this same link before writing you.
It doesn’t work.

I don’t see the item displayed (i see category image) but not the item itselft on the page itselft (I see icon on the sidebar)

Any idea on your side on the why items does not display as same as on your ethos demo?

I mean as in the included image

[Teranox]

****PLEASE DON’T FORGET TO READ MY PREVIOUS ANSWER AS WELL AS THIS ONE****

Here’s the new reply from hosting tech support:

Hi there,

You really should escalate this with the software developers of the script you are using.

We provide SSL for free on your premium account, however how some scripts implement this is not ideal, as a host we do not change / web-master your content for obvious reasons.

Please let us know if there is anything further we can do for you.

Best Regards

[Lely]

Hi There,

The image is now showing on shop page when I checked. But the issue still remain on single product page. It size is showing as 0X0.
Please check the following link:
https://wordpress.org/support/topic/image-upload-issues-size-reported-as-0x0/#post-2076940
https://wordpress.org/support/topic/images-upload-fine-but-wp-shows-0x0-size/

Hope this helps.

[Teranox]

Hi,

A few second a go i’ve applied this code snippet

/**********woocommerce item on shop page*****************/
.woocommerce li.product, .woocommerce-page li.product {
     width:48%;
}

.woocommerce li.product .entry-featured, .woocommerce-page li.product .entry-featured {
     display:block;
}

that i’ve found here: https://community.theme.co/forums/topic/woocommerce-products-not-showing-on-shop-page/

This has made the item visible!

I’m gonna check your link as wel to see more about it.

[Rue Nel]

Hello There,

I’d recommend that you clear your caching plugin, and disable it during development. This can cause Customizer changes to not take place on the front end. It will eventually show up when the cache regenerates, but it’s not ideal if you’re looking to see your changes immediately. Caching plugins are best to turn on only when you’ve finished building the site.

Please let us know how it goes.

[Teranox]

I’ll take note of that, currently i have a second page opened on my browser and after each changes, i clear cache.

[Christian]

Thanks. Let us know how it goes.

[Author]

Posts