Изображения, не видимые на живом сайте, отлично работают на местном

Question

Я работаю над сайтом электронной коммерции сайта , и изображения продуктов НЕ видны на работающем сайте, но они видны в моей локальной версии для разработки, хотя я использую точную копию кода ибаза данных.Что еще более странно, так это то, что когда я открываю консоль разработчика и смотрю - там есть исходный код для изображений, а также предварительный просмотр изображения, который говорит мне, что изображение загружено правильно, это должно быть что-то еще.

Кроме того, единственное различие между сайтом разработки и живым сайтом состоит в том, что живой сайт работает по протоколу SSL, поэтому я думаю, что проблема может быть связана с этим, но я понятия не имею, что это может быть - начинаются URL-адреса изображений.с https.

Здесь - пример страницы, где изображения не видны.

Кроме того, стоит упомянуть, что веб-сайт создан с WordPress и WooComerce, пользовательской темой.

РЕДАКТИРОВАТЬ : По какой-то причине изображения больше не видны и в локальной версии.

Answer 1

Одним из родительских элементов / предков изображения (в представлении одного продукта) является DIV, который имеет атрибут class woocommerce-product-gallery woocommerce-product-gallery--with-images woocommerce-product-gallery--columns-4 images и атрибут style, который содержит opacity: 0, то есть полностью прозрачный, поэтому оностается невидимым

Таким образом, вы должны найти, где добавлен этот параметр прозрачности, и отключить его.(Или, если он статический, просто удалите его из тега HTML)