Product image doesn't show on variable products
-
Product image doesn’t show on variable product page without selecting a default variable. If I select a default variable, the image shows up as expected.
Product without default variable (No image): https://advanced.pinecodecreative.com/product/eddie-bauer-soft-shell-jacket/
Product with default variable (Has image): https://advanced.pinecodecreative.com/product/a-game-long-sleeve-t-shirt/
-
### WordPress Environment ### Home URL: https://advanced.pinecodecreative.com Site URL: https://advanced.pinecodecreative.com WC Version: 2.6.4 Log Directory Writable: ? WP Version: 4.5.3 WP Multisite: – WP Memory Limit: 256 MB WP Debug Mode: – WP Cron: ? Language: en_US ### Server Environment ### Server Info: Apache PHP Version: ? 5.4.45 - We recommend a minimum PHP version of 5.6. See: How to update your PHP version PHP Post Max Size: 64 MB PHP Time Limit: 30 PHP Max Input Vars: 1000 cURL Version: 7.19.7 NSS/3.21 Basic ECC SUHOSIN Installed: – MySQL Version: ? 5.5.48 - We recommend a minimum MySQL version of 5.6. See: WordPress Requirements Max Upload Size: 64 MB Default Timezone is UTC: ? fsockopen/cURL: ? SoapClient: ? DOMDocument: ? GZip: ? Multibyte String: ? Remote Post: ? Remote Get: ? ### Database ### WC Database Version: 2.6.4 : woocommerce_sessions: ? woocommerce_api_keys: ? woocommerce_attribute_taxonomies: ? woocommerce_downloadable_product_permissions: ? woocommerce_order_items: ? woocommerce_order_itemmeta: ? woocommerce_tax_rates: ? woocommerce_tax_rate_locations: ? woocommerce_shipping_zones: ? woocommerce_shipping_zone_locations: ? woocommerce_shipping_zone_methods: ? woocommerce_payment_tokens: ? woocommerce_payment_tokenmeta: ? MaxMind GeoIP Database: ? ### Active Plugins (12) ### Admin Menu Editor: by Janis Elsts – 1.7 Product Tagline: by Pinecode Creative – 1.0 Formidable: by Strategy11 – 2.02.04 ONet Regenerate Thumbnails: by József Koller – 1.5 Slider Revolution: by ThemePunch – 5.2.6 Social Icons Widget by WPZOOM: by WPZOOM – 2.1.0 WebRotate 360 Product Viewer for WordPress: by WebRotate 360 LLC – 3.0 WooCommerce jQuery Cookie Fix: by Roy Ho – 1.0 WooCommerce: by WooThemes – 2.6.4 WP Store Locator: by Tijmen Smit – 2.2.4 WP Testimonials with rotator widget: by WP Online Support – 2.2.4 YourChannel: by Plugin Builders – 0.7.9.1 ### Settings ### Force SSL: – Currency: USD ($) Currency Position: left Thousand Separator: , Decimal Separator: . Number of Decimals: 2 ### API ### API Enabled: ? ### WC Pages ### Shop Base: #20 - /shop/ Cart: #21 - /cart/ Checkout: #22 - /checkout/ My Account: #23 - /my-account/ ### Taxonomies ### Product Types: external (external) grouped (grouped) simple (simple) variable (variable) ### Theme ### Name: Advanced Takedown Treestands Version: 1.0 Author URL: https://www.pinecodecreative.com Child Theme: ? – If you're modifying WooCommerce on a parent theme you didn't build personally then we recommend using a child theme. See: How to create a child theme WooCommerce Support: ? ### Templates ### Overrides: advanced/woocommerce/archive-product.php advanced/woocommerce/auth/footer.php advanced/woocommerce/auth/form-grant-access.php advanced/woocommerce/auth/form-login.php advanced/woocommerce/auth/header.php advanced/woocommerce/cart/cart-empty.php advanced/woocommerce/cart/cart-item-data.php advanced/woocommerce/cart/cart-shipping.php advanced/woocommerce/cart/cart-totals.php advanced/woocommerce/cart/cart.php advanced/woocommerce/cart/cross-sells.php advanced/woocommerce/cart/mini-cart.php advanced/woocommerce/cart/proceed-to-checkout-button.php advanced/woocommerce/cart/shipping-calculator.php advanced/woocommerce/checkout/cart-errors.php advanced/woocommerce/checkout/form-billing.php advanced/woocommerce/checkout/form-checkout.php advanced/woocommerce/checkout/form-coupon.php advanced/woocommerce/checkout/form-login.php advanced/woocommerce/checkout/form-pay.php advanced/woocommerce/checkout/form-shipping.php advanced/woocommerce/checkout/payment-method.php advanced/woocommerce/checkout/payment.php advanced/woocommerce/checkout/review-order.php advanced/woocommerce/checkout/terms.php advanced/woocommerce/checkout/thankyou.php advanced/woocommerce/content-product.php advanced/woocommerce/content-product_cat.php advanced/woocommerce/content-single-product.php advanced/woocommerce/content-widget-product.php advanced/woocommerce/emails/admin-cancelled-order.php advanced/woocommerce/emails/admin-failed-order.php advanced/woocommerce/emails/admin-new-order.php advanced/woocommerce/emails/customer-completed-order.php advanced/woocommerce/emails/customer-invoice.php advanced/woocommerce/emails/customer-new-account.php advanced/woocommerce/emails/customer-note.php advanced/woocommerce/emails/customer-on-hold-order.php advanced/woocommerce/emails/customer-processing-order.php advanced/woocommerce/emails/customer-refunded-order.php advanced/woocommerce/emails/customer-reset-password.php advanced/woocommerce/emails/email-addresses.php advanced/woocommerce/emails/email-customer-details.php advanced/woocommerce/emails/email-footer.php advanced/woocommerce/emails/email-header.php advanced/woocommerce/emails/email-order-details.php advanced/woocommerce/emails/email-order-items.php advanced/woocommerce/emails/email-styles.php advanced/woocommerce/emails/plain/admin-cancelled-order.php advanced/woocommerce/emails/plain/admin-failed-order.php advanced/woocommerce/emails/plain/admin-new-order.php advanced/woocommerce/emails/plain/customer-completed-order.php advanced/woocommerce/emails/plain/customer-invoice.php advanced/woocommerce/emails/plain/customer-new-account.php advanced/woocommerce/emails/plain/customer-note.php advanced/woocommerce/emails/plain/customer-on-hold-order.php advanced/woocommerce/emails/plain/customer-processing-order.php advanced/woocommerce/emails/plain/customer-refunded-order.php advanced/woocommerce/emails/plain/customer-reset-password.php advanced/woocommerce/emails/plain/email-addresses.php advanced/woocommerce/emails/plain/email-customer-details.php advanced/woocommerce/emails/plain/email-order-details.php advanced/woocommerce/emails/plain/email-order-items.php advanced/woocommerce/global/breadcrumb.php advanced/woocommerce/global/form-login.php advanced/woocommerce/global/quantity-input.php advanced/woocommerce/global/sidebar.php advanced/woocommerce/global/wrapper-end.php advanced/woocommerce/global/wrapper-start.php advanced/woocommerce/loop/add-to-cart.php advanced/woocommerce/loop/loop-end.php advanced/woocommerce/loop/loop-start.php advanced/woocommerce/loop/no-products-found.php advanced/woocommerce/loop/orderby.php advanced/woocommerce/loop/pagination.php advanced/woocommerce/loop/price.php advanced/woocommerce/loop/rating.php advanced/woocommerce/loop/result-count.php advanced/woocommerce/loop/sale-flash.php advanced/woocommerce/myaccount/dashboard.php advanced/woocommerce/myaccount/downloads.php advanced/woocommerce/myaccount/form-add-payment-method.php advanced/woocommerce/myaccount/form-edit-account.php advanced/woocommerce/myaccount/form-edit-address.php advanced/woocommerce/myaccount/form-login.php advanced/woocommerce/myaccount/form-lost-password.php advanced/woocommerce/myaccount/form-reset-password.php advanced/woocommerce/myaccount/lost-password-confirmation.php advanced/woocommerce/myaccount/my-account.php advanced/woocommerce/myaccount/my-address.php advanced/woocommerce/myaccount/my-downloads.php advanced/woocommerce/myaccount/my-orders.php advanced/woocommerce/myaccount/navigation.php advanced/woocommerce/myaccount/orders.php advanced/woocommerce/myaccount/payment-methods.php advanced/woocommerce/myaccount/view-order.php advanced/woocommerce/notices/error.php advanced/woocommerce/notices/notice.php advanced/woocommerce/notices/success.php advanced/woocommerce/order/form-tracking.php advanced/woocommerce/order/order-again.php advanced/woocommerce/order/order-details-customer.php advanced/woocommerce/order/order-details-item.php advanced/woocommerce/order/order-details.php advanced/woocommerce/order/tracking.php advanced/woocommerce/product-searchform.php advanced/woocommerce/single-product/add-to-cart/external.php advanced/woocommerce/single-product/add-to-cart/grouped.php advanced/woocommerce/single-product/add-to-cart/simple.php advanced/woocommerce/single-product/add-to-cart/variable.php advanced/woocommerce/single-product/add-to-cart/variation-add-to-cart-button.php advanced/woocommerce/single-product/add-to-cart/variation.php advanced/woocommerce/single-product/meta.php advanced/woocommerce/single-product/price.php advanced/woocommerce/single-product/product-attributes.php advanced/woocommerce/single-product/product-image.php advanced/woocommerce/single-product/product-thumbnails.php advanced/woocommerce/single-product/rating.php advanced/woocommerce/single-product/related.php advanced/woocommerce/single-product/review-meta.php advanced/woocommerce/single-product/review-rating.php advanced/woocommerce/single-product/review.php advanced/woocommerce/single-product/sale-flash.php advanced/woocommerce/single-product/share.php advanced/woocommerce/single-product/short-description.php advanced/woocommerce/single-product/tabs/additional-information.php advanced/woocommerce/single-product/tabs/description.php advanced/woocommerce/single-product/tabs/tabs.php advanced/woocommerce/single-product/title.php advanced/woocommerce/single-product/up-sells.php advanced/woocommerce/single-product-reviews.php advanced/woocommerce/single-product.php advanced/woocommerce/taxonomy-product_cat.php advanced/woocommerce/taxonomy-product_tag.php
You can set a default product image here: https://cld.wthms.co/1e8lI/4XKWuLQS
Your theme must be removing the default image: https://cld.wthms.co/13VNf/5qWh1DQB
The product image is set. When you look at the source, the image URL is there. When you click in the blank space where the image is supposed to be, the image opens in a lightbox. It’s set correctly, it’s just not showing up.
If I change that same product to have a default variation (and not change anything else), the image appears. It’s only when no default variation is set.
Hmmm, I can’t seem to replicate that – here’s what I see when I open up than page: https://cld.wthms.co/1j9jm/1mknv1p1
Interesting. What browser are you using?
Scratch that. Got it working. Moving the Bootstrap.js to the footer fixed it. Not sure why, but it’s working now. Thanks!
Strange conflict, but good job finding a solution.
Hello,
I found the same problem, no image when not selecting a default variation, in both Firefox and Chrome.
- The topic ‘Product image doesn't show on variable products’ is closed to new replies.