Swup.js + Oxygen (wp) - Не загружается правильный сайт?
Я пытаюсь внедрить Swup.js на сайт в Oxygen для Wordpress. По какой-то причине при использовании Swup не загружается правильная версия сайта.
По какой-то причине при переходе по ссылкам не загружается правильная версия сайта. Кажется, вместо этого загружается адаптивная версия сайта. Вот ссылка на страницу: https://testswup.kastanjeskolan.nu/ Если вы перейдете в "Наши услуги", вы получите одну версию страницы. Но если вы обновите / перезагрузите, вы получите правильную версию. Вот видео, чтобы показать, что я имею в виду.
Кто-нибудь знает, почему это происходит?
Спасибо за любую помощь.
1 ответ
Swup JS загружает только то, что находится в элементе Swup / теле Swup. Он сохраняет тот же заголовок или страницу для всех страниц.
Конструктор Oxygen создает файлы CSS для каждой созданной страницы. Если вы проверите исходный код страницы Proucts на своем сайте, вы увидите файл CSS для страницы продуктов, созданной Oxygen. (указано на изображении ниже).
Теперь, когда вы переходите со страницы " Продукты" на страницу " Услуги", этот файл CSS остается неизменным, поскольку находится в разделе сайта. И файл CSS для страницы служб также не загружается, потому что не обновляется, потому что так работает Swup.
Решения
Решением для этого является наличие одного файла CSS, который содержит весь CSS для всех страниц. Но не уверен, что это будет выводить Oxygen builder.
Используйте подключаемый модуль Head, предоставляемый Swup. Хотя не уверен, правильно ли он будет работать с Oxygen Builder.