WordPress admin bar

[FabioCodex]

Salve a tutti,
Avrei bisogno del vostro aiuto: sto creando un sito su wp in cui voglio usare swup per le transizioni. Funziona tutto correttamente, eccetto un problema: quando sono sul backend e vado da una pagina es Home e poi in Chi siamo e da qui clicco su 'Modifica pagina, l editor gitenberg mi porta alla pagina edit della Home e non i 'Chi siamo'...ho notato che se invece mi trovo su 'Chi siamo', faccio refresh e vado su modifica, l edit wp mi porta sulla modifica della pagina corrente ovvero 'Chi siamo', ma se mi sposto su un altra pagina e clicco su modifica pagina, mi porta sulla pagina in cui ho fatto il refresh all inizio.
Qualcuno di voi ha mai dovuto affrontare in passato tale problema e in caso sapere come ha risolto?
Grazie in anticipo.

[hirasso]

Hello @FabioCodex , l'm afraid none of us speaks Italian 😅

Could you translate your question to English? Thank you 🙏

[hirasso]

...translated your question myself. Make sure you either

• include your edit link inside of the #swup container
• add the edit link itself to swup's containers option.

[FabioCodex]

here ther's script init of my const Swup:

const options = {
animateHistoryBrowsing: true,
animationSelector: '[class*="transition-"]',
containers: ["#swup"],
cache: false,
preload: true,
linkSelector:
'a[href^="' + window.location.origin +
'"]:not([data-no-swup]):not([class*="ab-item"]), a[href^="/"]:not([data-no-swup]), a[href^="#"]:not([data-no-swup])',
plugins: [ new SwupBodyClassPlugin(),
new SwupHeadPlugin()
],
skipPopStateHandling: function(event) {
if (event.state && event.state.source == "swup") {
return false;
}

return true;

}

I have a Supreplacecontent event too in where there are other script that I reinitialized, and these ones work correctly after every transition

[FabioCodex]

If my site is offline, how can I make a demo of a site in offline? In order to show the issue that I explained?

[daun]

@FabioCodex You could put it on a subdomain of the project's server, e.g. test.example.com.

[FabioCodex]

Hello guys! I'm here again with another swup issue....
Someone of you have ever combined Gsap and swup together?.....I ve imported GSAP for ScrollSmoother and after every transition, I notice that the next page, is more longer than I projected. Sometimes, the transition duplicate the footer section per page.
I trying to find out on the net some documentation about it.

[daun]

@FabioCodex There's an example of GSAP animations in the JS Plugin readme, that should give you some pointers.

[FabioCodex]

thanks a lot Dun...but the problem is always there....I don't know the why.
Swup is initialized just I wrote you in the old comments. Menawhile I declared ScrollSmooter like this-->
let smoother= ScrollSmoother.create({
wrapper: "#smooth_wrapper",
content: "#smooth_content",
smooth: 1,
smoothTouch: 0.1
}).
In which smooth-wrapper is the main wrapper div of the page, and inside there's the smooth -content div, hust specified in gsap documentation...........So, I'm in stuck!

[daun]

I'd suggest you create a minimal reproduction of the problem and post it in a new discussion, along with a clear description of the issue and what you've tried so far. It's impossible for others to help you without the whole context, including markup, styles and scripts. Creating a minimal reproduction will also help you narrow down the problem much faster.

[sanjaysubba]

The simple way that I've done is

  const swup = new Swup({
    containers: document.getElementById('wpadminbar') ? ['#main', '#wpadminbar'] : ['#main'],
    plugins: [new SwupHeadPlugin(), new SwupPreloadPlugin()],
    animateHistoryBrowsing: true,
    ignoreVisit: (url, { el }) => {
      //eslint-disable
      return el?.closest('#wpadminbar') || el?.hasAttribute('data-no-swup') || el?.closest('[data-no-swup]');
    },
  });

here "#main" is my main container