Navigation
This is archived content. Visit our new forum.
  • Author
    Posts
  • #83803

    zekedm
    Participant

    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/

    #83902

    Mrinal
    Member

    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.

    #83935

    zekedm
    Participant
    This reply has been marked as private.
    #83941

    zekedm
    Participant

    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…

    #83952

    Nabeel A
    Moderator

    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!

    #83965

    zekedm
    Participant

    The featured image is already set on all of them…

    #83982

    Mrinal
    Member

    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.

    #83998

    zekedm
    Participant

    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/.

    #84027

    Zeshan
    Member

    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.

    #84068

    zekedm
    Participant

    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/

    #84114

    Paula S
    Member

    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.

    #84117

    zekedm
    Participant

    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.

    #84153

    Rad
    Moderator

    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!

    #84180

    zekedm
    Participant

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

    #84200

    Rad
    Moderator

    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!