Harrison Harrison - 6 months ago 16
HTML Question

How is the contents loaded on this wesite(woolworths.com.au)

I know they use xhr to load products, but couldn't figure out how they load the left panel, i.e.

<div id="left-panel"
class="closed u-noOutline"
wow-open-close-panel="left"
wow-open-close-panel-sr-text="navigation"
tabindex="-1"
ng-show="isLeftPanelVisible()">
<div class="left-panel-content" ui-view="left-panel" oly-angulax-view="navigation-panel"></div>
</div>


link: https://www.woolworths.com.au/

Would appreciate if someone can give some hits.

Answer

They've added some javascript to the page which builds the info you're looking for. Look at the source and find the line which starts with: window.wowBootstrap

That's the line which contains the data for the left div (and more)

Comments