Образцы вариаций загружаются 2 раза
Я делаю интернет-магазин, но у меня проблемы с переменными на странице продукта. [Пример страницы можно увидеть здесь][1]
Я установил плагин Образцы вариантов WooCommerce. На странице продукта я выбираю, чтобы переменные отображались в виде кнопок. Но когда страница загружается, на странице сначала отображаются обычные переменные WooCommerce, а также образцы вариаций из плагина.
Через 1 секунду 2 объединяются вместе (см. Пример на странице). Разве нельзя сделать так, чтобы загружались только образцы?
Пробовал менять сайт на другой сервер, пробовал плагином менять порядок загрузки js и css, но это ничего не помогло.
Есть ли у кого-нибудь предложение, как я могу это решить?
С наилучшими пожеланиями
Ответы 1
Проблема в том, что ваш сайт не очень хорошо оптимизирован, требуется много времени, чтобы закончить загрузку всех дополнительных CSS и ресурсов из всех плагинов, включая Образцы вариантов WooCommerce.
И, таким образом, CSS из плагина, который скрывает собственные образцы WooCommerce, занимает от 0,5 до 2 секунд, поэтому веб-страница перерисовывается и показывает две «панели образцов».
Простое решение, добавьте это поверх основного файла CSS или как встроенный стиль. <style></style> в вашем файле тема header.php до строка с wp_head(); вызовом функции:
.woo-variation-swatches-theme-child-woodmart .woo-variation-items-wrapper>.swatches-select,
.woo-variation-swatches-theme-woodmart .woo-variation-items-wrapper>.swatches-select {
display: none;
}
Лучшее и чистое решение, посвятите время повышению производительности WordPress, постарайтесь использовать как можно меньше плагинов, так как многие из них плохо закодированы, следуйте советам Google Page Speed здесь, а также я рекомендую вам проверить и убедиться, что вы используете PHP 7+, если вы еще этого не сделали.
Я также использую Woodmart на двух своих сайтах. Это очень медленно и громоздко imo.