Harrison Harrison - 1 year ago 67
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"
<div class="left-panel-content" ui-view="left-panel" oly-angulax-view="navigation-panel"></div>

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

Would appreciate if someone can give some hits.

Answer Source

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)