Viewing 8 replies - 1 through 8 (of 8 total)
  • I think there is css opacity issue on single product page having variations (variable product). I could reproduce this with default theme and latest WooCommerce. By the time we fix this, please add following css rule in your theme’s style.css file or if your theme provides custom css option on backend then you can add it there:

    .product.has-default-attributes.has-children>.images {
        opacity: 1;
    }

    Please see this screenshot to know that the product images do appear after correcting that css.

    Thread Starter William33

    (@william33)

    Hello,

    We use a child theme and I put it into the css and nothing worked.
    Still has no picture.

    why is that?

    Thanks,

    William

    Thread Starter William33

    (@william33)

    This is what is in the child theme css

    <?php
    /**
    * Single Product Meta
    *
    * @author WooThemes
    * @package WooCommerce/Templates
    * @version 1.6.4
    */

    if ( ! defined( ‘ABSPATH’ ) ) exit; // Exit if accessed directly

    global $post, $product;

    $cat_count = sizeof( get_the_terms( $post->ID, ‘product_cat’ ) );
    ?>
    <div class=”product_meta”>

    <?php do_action( ‘woocommerce_product_meta_start’ ); ?>

    <?php if ( wc_product_sku_enabled() && ( $product->get_sku() || $product->is_type( ‘variable’ ) ) ) : ?>

    <span class=”sku_wrapper”><?php _e( ‘SKU:’, ‘woocommerce’ ); ?> <span class=”sku” itemprop=”sku”><?php echo ( $sku = $product->get_sku() ) ? $sku : __( ‘N/A’, ‘woocommerce’ ); ?></span>.</span>

    <?php endif; ?>

    <?php echo $product->get_categories( ‘, ‘, ‘<span class=”posted_in”>’ . _n( ‘Category:’, ‘Categories:’, $cat_count, ‘woocommerce’ ) . ‘ ‘, ‘.</span>’ ); ?>

    <?php do_action( ‘woocommerce_product_meta_end’ ); ?>

    .product.has-default-attributes.has-children>.images {
    opacity: 1;
    }
    </div>

    @william33 – you have placed the code in a wrong file. Please place it in style.css file of your child theme.

    Plugin Contributor Mike Jolley

    (@mikejolley)

    You can use the custom CSS editor in jetpack alternatively.

    Thread Starter William33

    (@william33)

    Mike,

    Thanks that worked!

    Can I ask one more question?

    When I try to order or select a variation it doesn’t give me the price of the variation and when I click “Add to Cart” it says “Please choose product options…”. Why is the variation not working or not letting people order things?

    Thanks,

    William

    Plugin Contributor Mike Jolley

    (@mikejolley)

    Thread Starter William33

    (@william33)

    Thank you for all the help!

    I found out that I had a really old version of my theme and just had to update it and everything was working back to normal.

    Thanks,

    William

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘Updated to 2.5.5 WooCommerce can't see pictures’ is closed to new replies.