.single-product div.product .woocommerce-product-gallery {
opacity: 1 !important;
}
[mysqld]
datadir=/var/lib/mysql
socket=/var/lib/mysql/mysql.sock
user=mysql
# Default to using old password format for compatibility with mysql 3.x
# clients (those using the mysqlclient10 compatibility package).
old_passwords=0
# Disabling symbolic-links is recommended to prevent assorted security risks;
# to do so, uncomment this line:
# symbolic-links=0
[mysqld_safe]
log-error=/var/log/mysqld.log
pid-file=/var/run/mysqld/mysqld.pid
skip-external-locking
max_allowed_packet=16M
key_buffer=16M
innodb_buffer_pool_size=512M
innodb_file_per_table=1
innodb_flush_method=O_DIRECT
innodb_flush_log_at_trx_commit=0
thread_stack=128K
thread_cache_size=128
myisam-recover=BACKUP
max_connections=128
table_cache=32
query_cache_limit=1M
query_cache_size=4M
slow_query_log=/var/log/mysql/mysql-slow.log
long_query_time=1
expire_logs_days=10
max_binlog_size=100M
[mysqldump]
quick
quote-names
max_allowed_packet=16M
Для оформления css стилей галереи Вам необходимо использовать следующие классы:
.woocommerce-product-gallery – Контейнер галереи. Этот класс также содержит класс, который указывает на количество колонок миниатюр, например .woocommerce-product-gallery--columns-4
.woocommerce-product-gallery__wrapper – Контейнер слайдера
.woocommerce-product-gallery__image – figure, который содержит само изображение
.woocommerce-product-gallery__trigger – ссылка-триггер для активации лайтбокса (иконка с лупой)
.flex-control-thumbs – если используется функционал слайдера, то Flexslider создает навигацию из миниатюр в ol с этим классом
Чтоб активировать новые фичи галерии (сейчас у вас даже лайтбокс не работает) нужну в functions.php добавить поддержку 3 новых фич, например так:
Новая галерея выглядит, примерно так https://youtu.be/ialMKuaVHm8