Docs

[zekedm]

I’m having an issue with the product images not showing up on the product pages. The thumbnails show up just fine in the catalog view, but when you go to a specific products page, it just shows little empty square where the images should be. But, if you click on one of the little empty squares, the popup of the image works fine.

Catalog Page: http://pocketkniveshq.wpengine.com/knives/
Specific Product Page: http://pocketkniveshq.wpengine.com/product/emerson-cqc-7k-wave-black-stainless-stonewash-tanto-plain/

[Mrinal]

Hi There,

Thanks for writing in!

To assist you with this issue, we’ll first need you to provide us with some information below (don’t forget to select Set as private reply to ensure that your data remains hidden):

Your URL.
Your WordPress login credentials.
Your FTP credentials (in case we need to check anything out on your server).

Once we have all of this, we’ll be happy to take a deeper look into things.

[zekedm]

This reply has been marked as private.

[zekedm]

Also, the product tabs aren’t working on the product pages and the content I’ve been trying to put on the home page isn’t showing up properly…

[Nabeel A]

Hey Zekedm,

You’ll need to set the featured image for all the products. These empty squares are just placeholders. They will get replaced if you set the featured image for the particular product.

Let us know how this goes!

[zekedm]

The featured image is already set on all of them…

[Mrinal]

Hi There,

WooCommerce Styler was causing the issue. The images dimension was set 0%, so they weren’t showing, I changed the settings:

Check individual product pages now, hope you’re satisfied.

Now, go to plugins page. Check you preferred plugins are activated or not. While investigating the issue, I deactivated some.

[zekedm]

Ok, looks good. The tabs still aren’t showing up with the Additional Information, Reviews, etc. Here’s one of the products that I have attributes put in for in the back-end, but none are showing up in the front: http://pocketkniveshq.wpengine.com/product/sog-tac-automatic-black-aluminum-handle-plain/.

[Zeshan]

Hi Zakedm,

There is some custom CSS added that is causing the tabs not showing issue. To fix this, please add the following CSS code in Customizer > Custom > CSS:

.woocommerce div.product .woocommerce-tabs ul.tabs li, .woocommerce #content div.product .woocommerce-tabs ul.tabs li, .woocommerce-page div.product .woocommerce-tabs ul.tabs li, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li {
   height: auto !important;
}

Hope this helps. 🙂

Thank you.

[zekedm]

Excellent, thank you! Now for the Home page, how am I supposed to get product content on the page like you do here: https://theme.co/x/demo/shop/integrity/

[Paula S]

Hi Zekedm,

Did you mean the products on the right? This is by creating sidebars and adding widgets for display. Here is a walkthrough tutorial on how to add them : http://theme.co/x/member/kb/unlimited-sidebars/

Hope that helps.

[zekedm]

I tried that by adding a Sidebar, then adding widgets to that Sidebar, but the Brand Layered Navigation widget I put in the Home sidebar isn’t showing up on the Home page.

[Rad]

Hi there,

Add this code at your child theme’s functions.php

add_filter( 'ups_sidebar', function ( $default_sidebar ) {

  $sidebars = get_option( 'ups_sidebars' );

  $page_id = get_option( 'page_on_front' );

  foreach ( $sidebars as $id => $sidebar ) {
    if ( is_home() && isset( $sidebar['pages'][$page_id] ) ) {
        return $id;
    }
  }

  return $default_sidebar;

}, 9999 );

Thanks!

[zekedm]

Added the code to functions.php of the child theme…still no luck.

[Rad]

Hi there,

I added a sample widget and it works, the one that isn’t working your woocommerce widget which is from 3rd party plugin (WooCommerce Brands Addon). It could be that the plugin couldn’t pickup the page ID while as home page.

You may contact the plugin author for that.

Thanks!

[Author]

Posts