Как найти исходный код изображений товара на странице веб-сайта, использующего платформу WooCommerce в WordPress?

Как найти и отредактировать код для изменения отображения фотографий на странице товара, используя woodmart woocommerce?
  • 19 февраля 2024 г. 15:08
Ответы на вопрос 2
1. Для того чтобы найти исходный код изображений товара на странице веб-сайта, использующего платформу WooCommerce в WordPress, вам нужно перейти на страницу товара, нажать правой кнопкой мыши на изображение товара и выбрать "Просмотреть код элемента" (Inspect Element) в контекстном меню. Затем вы сможете увидеть HTML-код элемента изображения товара и найти ссылку на изображение.

2. Чтобы найти и отредактировать код для изменения отображения фотографий на странице товара с использованием темы Woodmart для WooCommerce, вам нужно перейти в административную панель WordPress, затем выбрать "Внешний вид" -> "Настроить" -> "Дополнительные CSS". Здесь вы сможете добавить пользовательский CSS-код для изменения стилей отображения фотографий на странице товара.

Если вам нужно внести более сложные изменения, то вам может потребоваться редактировать файлы PHP-кода темы Woodmart. Для этого вы можете использовать файловый менеджер в административной панели WordPress или подключиться к серверу через FTP и отредактировать соответствующие файлы темы. Помните, что при редактировании кода темы всегда рекомендуется сделать резервную копию файлов и базы данных перед внесением изменений.
Я могу решить эту проблему, но для этого мне нужен доступ к коду картинок. Об этом я и задал вопрос изначально

Не знаю как сделана тема, но обычно все кастомные вещи складируют в нее.
Разметку и вывод картинок можно найти следующим образом:
1. Заходите на сервер по фтп
2. Скачиваете себе папку с темой
3. Открываете в редакторе
4. ctrl+f - вбиваете класс/идентификатор искомого элемента
5. Находите нужный файл, далее строку по совпадению

Если что-то планируете менять в теме, то изменения вносятся в дочернюю тему.
Перед изменениями сделайте бэкап файлов и базы данных

ПС:
1. По поводу "не вижу изменений" - отключите плагин кэширования (если на сервере настроено кэширование, то на время разработки лучше отключить его и там)
2. Проверьте консоль - там много ошибок, соответственно скрипты могут не отрабатывать, что приводит к визуальным ошибкам
3. К п1 пысы - думаю, что косяк в плагине кэширования - нужна более точная/тонкая настройка
4. Если все же виноват webp express, то у него в настройках есть галка поддержки браузеров, которые не используют .webp
Похожие вопросы