Образцы вариаций загружаются 2 раза

Question

Я создаю интернет-магазин, но у меня возникли проблемы с переменными на странице продукта.[Пример страницы можно посмотреть здесь] [1]

Я установил плагин Образцы изменений WooCommerce .На странице продукта я выбираю, чтобы переменные отображались в виде кнопок.Но когда страница загружается, на странице сначала отображаются обычные переменные WooCommerce, а также образцы изменений из плагина.

Через 1 секунду 2 объединяются (см. На странице примера).Разве нельзя заставить загружать только образцы?

Я пытался сменить сайт на другой сервер, я пытался использовать плагин для изменения порядка загрузки js и css, но это ничего не помогало.

У кого-нибудь есть предложения, как мне это решить?

С уважением

Answer 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+, если вы этого еще не сделали.