Изображения продукта не отображаются (Woocomerce)

Question

Изображения моего продукта отображаются, но когда я нажимаю, чтобы перейти на страницу продукта, изображения скрыты, и они появляются только тогда, когда я нажимаю. Некоторые продукты отображаются в других браузерах. Продукт моей страницы: https://www.tsigaradiko.com/product/istick-40w-mod/ Например: https://www.tsigaradiko.com/product/red-star/ Показано только на microsoft Edge.

Редактировать: Настоящая проблема заключается в загрузке ракеты-носителя Cloudflare, блокирующей некоторый javascript сайта. Отключив этот параметр, он устранил проблему.

Answer 1

В вашем Css woocommerce.css имеет .product.has-default-attributes.has-children > .images класса набор opacity к 0 Изменить или удалить этот класс или класс переопределения из ваших тем CSS

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

К

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

Изображения будет отображаться только по щелчку Потому что после щелчка .image класс добавьте opacity в 1, используя JQuery

Answer 2

Существует проблема CSS, в woocommerce.css этот класс .product.has-default-attributes.has-children > .images имеет opacity:0 вам нужно установить этот класс opacity:1 ниже является фрагмент

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

Изменения этой линии

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

Answer 3

Нашел css на другом сайте поддержки, и он исправил его для меня:

.woocommerce div.product div.images.woocommerce-product-gallery 
{ 
opacity:100!important; 
}