This plugin keeps Customizer URL in the browser updated with current previewed URL as the url query param and current expanded panel section control as autofocus params.
Not only will the URL be kept sync with UI, but new browser history entries will be added as you navigate around the in the preview ( via history.
The scroll position for each previewed URL is tracked as well, so that when you navigate back forward the scroll position will be restored, just as happens when browsing the site outside the customizer preview.
Restoring the scroll position also works when reloading the customizer, as the position is persisted in scroll query parameter again, this is useful during development..
This plugin complements well Customize Snapshots plugin which allows you to save your Customizer state in shapshot changeset with UUID that also gets added to the URL in Customizer..
And while these changes to the autofocus params being made in the URL as the Customizer UI is interacted with, if you navigate to another page in the preview the parameter will also be replaced to reflect the new preview URL..
The plugin will also persist the scroll position from the frontend to preview frame in the Customizer after clicking the.
Additionally, as you navigate around the Customizer preview, the close link in the Customizer controls pane will keep updating to point to the URL that you previewing, along with persisting the scroll position.
In this way, whenever you close the Customizer via this link the user experience is that the Customizer sidebar is just removed, similar to as if they clicked the.
Note that for responsive themes like Twenty Seventeen, the scroll position between the frontend and backend won't always appear seamless since the Customizer controls panel being expanded causes the element dimensions in the preview to change..
Read more
Related items:
