Skip to content

Instantly share code, notes, and snippets.

@ivandoric
Created April 21, 2018 07:05
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save ivandoric/d29a2e9f485ac0d315af35c750356269 to your computer and use it in GitHub Desktop.
Save ivandoric/d29a2e9f485ac0d315af35c750356269 to your computer and use it in GitHub Desktop.
Portlet code example.
<div class="row no-pad"> <div class="col-xs-12"> <div class="zelim-slider-wrap"> <div class="zelim-slider owl-carousel owl-theme" data-zelim-slider-id="_deviceoffer_WAR_vipnetdeviceofferr_" style="opacity: 1; display: block;"> <div class="owl-wrapper-outer"><div class="owl-wrapper" style="width: 5900px; left: 0px; display: block; transition: all 0ms ease; transform: translate3d(0px, 0px, 0px);"><div class="owl-item" style="width: 295px;"><script type="text/javascript">/*<![CDATA[*/var productViewObjects_deviceoffer_WAR_vipnetdeviceofferr_=[];var productsClickObjects_deviceoffer_WAR_vipnetdeviceofferr_=[];var productList_deviceoffer_WAR_vipnetdeviceofferr_="Najpopularniji mobiteli na pretplatu";/*]]>*/</script></div><div class="owl-item" style="width: 295px;"><div class="item" data-index="0"> <div class="device-box"> <a href="/webshop/pretplata/mobiteli-na-pretplatu/huawei-p20-lite-crni/13100" data-product-click-index="0"> <figure><img src="http://static.vip.hr/hwdb/images/uploaded/VPR_picture_big/2458955_6675-vprBig.png" class="img-responsive" alt="Huawei P20 lite crni" id="202000"></figure> <div class="promo "> <div class="vcenter"> Novo u ponudi </div> </div> <div class="product-name"><span>Huawei</span> P20 lite crni</div> <div class="cena"> <span> <div class="no">9</div> kn odmah </span> </div> <div class="u-tarifi"> <div class="no">+90</div> kn/mj.<br> <div class="tarifa">Mobilna M</div> </div> </a> <div class="kupi-odmah"> <a href="/webshop/pretplata/mobiteli-na-pretplatu/{0}/13100" class="btn btn-default btn-lg btn-ico text-upper" data-product-click-index="0"> <i class="fa fa-shopping-cart"></i> kupi </a> </div> </div> <script type="text/javascript">/*<![CDATA[*/var productViewObject={};productViewObject.name="Huawei P20 lite crni";productViewObject.id="000000000000013100";productViewObject.price=9;productViewObject.brand="Huawei";productViewObject.category="n/a";productViewObject.list=productList_deviceoffer_WAR_vipnetdeviceofferr_;productViewObject.position=1;productViewObjects_deviceoffer_WAR_vipnetdeviceofferr_.push(productViewObject);var productClickObject={};productClickObject.name="Huawei P20 lite crni";productClickObject.id="000000000000013100";productClickObject.price=9;productClickObject.brand="Huawei";productClickObject.category="n/a";productClickObject.position=1;productsClickObjects_deviceoffer_WAR_vipnetdeviceofferr_.push(productClickObject);/*]]>*/</script> </div></div><div class="owl-item" style="width: 295px;"><div class="item" data-index="1"> <div class="device-box"> <a href="/webshop/pretplata/mobiteli-na-pretplatu/samsung-galaxy-s9-64gb-ljubicasta/13084" data-product-click-index="1"> <figure><img src="http://static.vip.hr/hwdb/images/uploaded/VPR_picture_big/2457016_6660-vprBig.png" class="img-responsive" alt="Samsung Galaxy S9 64GB ljubičasta" id="201998"></figure> <div class="promo "> <div class="vcenter"> +poklon komplet punjača </div> </div> <div class="promo secondary"> <div class="vcenter"> registriraj se za poklon na samsung.hr </div> </div> <div class="product-name"><span>Samsung</span> Galaxy S9 64GB ljubičasta</div> <div class="cena"> <span> <div class="no">9</div> kn odmah </span> </div> <div class="u-tarifi"> <div class="no">+190</div> kn/mj.<br> <div class="tarifa">Mobilna L</div> </div> </a> <div class="kupi-odmah"> <a href="/webshop/pretplata/mobiteli-na-pretplatu/{0}/13084" class="btn btn-default btn-lg btn-ico text-upper" data-product-click-index="1"> <i class="fa fa-shopping-cart"></i> kupi </a> </div> </div> <script type="text/javascript">/*<![CDATA[*/var productViewObject={};productViewObject.name="Samsung Galaxy S9 64GB ljubičasta";productViewObject.id="000000000000013084";productViewObject.price=9;productViewObject.brand="Samsung";productViewObject.category="n/a";productViewObject.list=productList_deviceoffer_WAR_vipnetdeviceofferr_;productViewObject.position=2;productViewObjects_deviceoffer_WAR_vipnetdeviceofferr_.push(productViewObject);var productClickObject={};productClickObject.name="Samsung Galaxy S9 64GB ljubičasta";productClickObject.id="000000000000013084";productClickObject.price=9;productClickObject.brand="Samsung";productClickObject.category="n/a";productClickObject.position=2;productsClickObjects_deviceoffer_WAR_vipnetdeviceofferr_.push(productClickObject);/*]]>*/</script> </div></div><div class="owl-item" style="width: 295px;"><div class="item" data-index="2"> <div class="device-box"> <a href="/webshop/pretplata/mobiteli-na-pretplatu/sony-xperia-xz2-crni/13107" data-product-click-index="2"> <figure><img src="http://static.vip.hr/hwdb/images/uploaded/VPR_picture_big/2458956_6678-vprBig.png" class="img-responsive" alt="Sony Xperia XZ2 crni" id="202002"></figure> <div class="promo "> <div class="vcenter"> 670 kn webshop popusta </div> </div> <div class="promo secondary"> <div class="vcenter"> Novo u ponudi </div> </div> <div class="product-name"><span>Sony Xperia</span> XZ2 crni</div> <div class="cena"> <span> <div class="no">9</div> kn odmah </span> </div> <div class="u-tarifi"> <div class="no">+170</div> kn/mj.<br> <div class="tarifa">Mobilna L</div> </div> </a> <div class="kupi-odmah"> <a href="/webshop/pretplata/mobiteli-na-pretplatu/{0}/13107" class="btn btn-default btn-lg btn-ico text-upper" data-product-click-index="2"> <i class="fa fa-shopping-cart"></i> kupi </a> </div> </div> <script type="text/javascript">/*<![CDATA[*/var productViewObject={};productViewObject.name="Sony Xperia XZ2 crni";productViewObject.id="000000000000013107";productViewObject.price=9;productViewObject.brand="Sony Xperia";productViewObject.category="n/a";productViewObject.list=productList_deviceoffer_WAR_vipnetdeviceofferr_;productViewObject.position=3;productViewObjects_deviceoffer_WAR_vipnetdeviceofferr_.push(productViewObject);var productClickObject={};productClickObject.name="Sony Xperia XZ2 crni";productClickObject.id="000000000000013107";productClickObject.price=9;productClickObject.brand="Sony Xperia";productClickObject.category="n/a";productClickObject.position=3;productsClickObjects_deviceoffer_WAR_vipnetdeviceofferr_.push(productClickObject);/*]]>*/</script> </div></div><div class="owl-item" style="width: 295px;"><div class="item" data-index="3"> <div class="device-box"> <a href="/webshop/pretplata/mobiteli-na-pretplatu/apple-iphone-6-32gb-sivi/13058" data-product-click-index="3"> <figure><img src="http://static.vip.hr/hwdb/images/uploaded/VPR_picture_big/2420718_2365956_Apple-iphone6-sivi-v-1.png" class="img-responsive" alt="Apple iPhone 6 32GB sivi" id="201994"></figure> <div class="promo "> <div class="vcenter"> -50% u webshopu </div> </div> <div class="promo secondary"> <div class="vcenter"> <img class="mobile-image" src="http://sc.vip.hr/documents/10307706/0/n.png/d6c198d5-02c1-4082-b3bc-74d3e274337b?t=1517493945983"> </div> </div> <div class="product-name"><span>Apple iPhone 6</span> 32 GB sivi</div> <div class="cena"> <span> <div class="no">9</div> kn odmah </span> </div> <div class="u-tarifi"> <div class="no">+20</div> kn/mj.<br> <div class="tarifa">Mobilna L</div> </div> </a> <div class="kupi-odmah"> <a href="/webshop/pretplata/mobiteli-na-pretplatu/{0}/13058" class="btn btn-default btn-lg btn-ico text-upper" data-product-click-index="3"> <i class="fa fa-shopping-cart"></i> kupi </a> </div> </div> <script type="text/javascript">/*<![CDATA[*/var productViewObject={};productViewObject.name="Apple iPhone 6 32GB sivi";productViewObject.id="000000000000013058";productViewObject.price=9;productViewObject.brand="Apple iPhone 6";productViewObject.category="n/a";productViewObject.list=productList_deviceoffer_WAR_vipnetdeviceofferr_;productViewObject.position=4;productViewObjects_deviceoffer_WAR_vipnetdeviceofferr_.push(productViewObject);var productClickObject={};productClickObject.name="Apple iPhone 6 32GB sivi";productClickObject.id="000000000000013058";productClickObject.price=9;productClickObject.brand="Apple iPhone 6";productClickObject.category="n/a";productClickObject.position=4;productsClickObjects_deviceoffer_WAR_vipnetdeviceofferr_.push(productClickObject);/*]]>*/</script> </div></div><div class="owl-item" style="width: 295px;"><div class="item" data-index="4"> <div class="device-box"> <a href="/webshop/pretplata/mobiteli-na-pretplatu/huawei-p9-lite-2017-crni/12784" data-product-click-index="4"> <figure><img src="http://static.vip.hr/hwdb/images/uploaded/VPR_picture_big/2440377_6356-vprBig.png" class="img-responsive" alt="Huawei P9 lite 2017 crni" id="201988"></figure> <div class="promo "> <div class="vcenter"> -480 kn u webshopu </div> </div> <div class="promo secondary"> <div class="vcenter"> u tarifi M </div> </div> <div class="product-name"><span>Huawei </span> P9 lite 2017 crni</div> <div class="cena"> <span> <div class="no">9</div> kn odmah </span> </div> <div class="u-tarifi"> <div class="no">+10</div> kn/mj.<br> <div class="tarifa">Mobilna M</div> </div> </a> <div class="kupi-odmah"> <a href="/webshop/pretplata/mobiteli-na-pretplatu/{0}/12784" class="btn btn-default btn-lg btn-ico text-upper" data-product-click-index="4"> <i class="fa fa-shopping-cart"></i> kupi </a> </div> </div> <script type="text/javascript">/*<![CDATA[*/var productViewObject={};productViewObject.name="Huawei P9 lite 2017 crni";productViewObject.id="000000000000012784";productViewObject.price=9;productViewObject.brand="Huawei ";productViewObject.category="n/a";productViewObject.list=productList_deviceoffer_WAR_vipnetdeviceofferr_;productViewObject.position=5;productViewObjects_deviceoffer_WAR_vipnetdeviceofferr_.push(productViewObject);var productClickObject={};productClickObject.name="Huawei P9 lite 2017 crni";productClickObject.id="000000000000012784";productClickObject.price=9;productClickObject.brand="Huawei ";productClickObject.category="n/a";productClickObject.position=5;productsClickObjects_deviceoffer_WAR_vipnetdeviceofferr_.push(productClickObject);/*]]>*/</script> </div></div><div class="owl-item" style="width: 295px;"><div class="item" data-index="5"> <div class="device-box"> <a href="/webshop/pretplata/mobiteli-na-pretplatu/sony-xperia-xa2-crni/13106" data-product-click-index="5"> <figure><img src="http://static.vip.hr/hwdb/images/uploaded/VPR_picture_big/2456797_6642-vprBig.png" class="img-responsive" alt="Sony Xperia XA2 crni" id="201996"></figure> <div class="promo "> <div class="vcenter"> 360 kn webshop popusta </div> </div> <div class="promo secondary"> <div class="vcenter"> Novo u ponudi </div> </div> <div class="product-name"><span>Sony</span> Xperia XA2 crni</div> <div class="cena"> <span> <div class="no">9</div> kn odmah </span> </div> <div class="u-tarifi"> <div class="no">+70</div> kn/mj.<br> <div class="tarifa">Mobilna M</div> </div> </a> <div class="kupi-odmah"> <a href="/webshop/pretplata/mobiteli-na-pretplatu/{0}/13106" class="btn btn-default btn-lg btn-ico text-upper" data-product-click-index="5"> <i class="fa fa-shopping-cart"></i> kupi </a> </div> </div> <script type="text/javascript">/*<![CDATA[*/var productViewObject={};productViewObject.name="Sony Xperia XA2 crni";productViewObject.id="000000000000013106";productViewObject.price=9;productViewObject.brand="Sony";productViewObject.category="n/a";productViewObject.list=productList_deviceoffer_WAR_vipnetdeviceofferr_;productViewObject.position=6;productViewObjects_deviceoffer_WAR_vipnetdeviceofferr_.push(productViewObject);var productClickObject={};productClickObject.name="Sony Xperia XA2 crni";productClickObject.id="000000000000013106";productClickObject.price=9;productClickObject.brand="Sony";productClickObject.category="n/a";productClickObject.position=6;productsClickObjects_deviceoffer_WAR_vipnetdeviceofferr_.push(productClickObject);/*]]>*/</script> </div></div><div class="owl-item" style="width: 295px;"><div class="item" data-index="6"> <div class="device-box"> <a href="/webshop/pretplata/mobiteli-na-pretplatu/alcatel-u5-premium-crni/13021" data-product-click-index="6"> <figure><img src="http://static.vip.hr/hwdb/images/uploaded/VPR_picture_big/2453090_6543-vprBig.png" class="img-responsive" alt="Alcatel U5 Premium crni" id="201992"></figure> <div class="product-name"><span>Alcatel</span> U5 Premium crni</div> <div class="cena"> <span> <div class="no">9</div> kn odmah </span> </div> <div class="u-tarifi"> <div class="no">+0</div> kn/mj.<br> <div class="tarifa">Mobilna M</div> </div> </a> <div class="kupi-odmah"> <a href="/webshop/pretplata/mobiteli-na-pretplatu/{0}/13021" class="btn btn-default btn-lg btn-ico text-upper" data-product-click-index="6"> <i class="fa fa-shopping-cart"></i> kupi </a> </div> </div> <script type="text/javascript">/*<![CDATA[*/var productViewObject={};productViewObject.name="Alcatel U5 Premium crni";productViewObject.id="000000000000013021";productViewObject.price=9;productViewObject.brand="Alcatel";productViewObject.category="n/a";productViewObject.list=productList_deviceoffer_WAR_vipnetdeviceofferr_;productViewObject.position=7;productViewObjects_deviceoffer_WAR_vipnetdeviceofferr_.push(productViewObject);var productClickObject={};productClickObject.name="Alcatel U5 Premium crni";productClickObject.id="000000000000013021";productClickObject.price=9;productClickObject.brand="Alcatel";productClickObject.category="n/a";productClickObject.position=7;productsClickObjects_deviceoffer_WAR_vipnetdeviceofferr_.push(productClickObject);/*]]>*/</script> </div></div><div class="owl-item" style="width: 295px;"><div class="item" data-index="7"> <div class="device-box"> <a href="/webshop/pretplata/mobiteli-na-pretplatu/samsung-galaxy-s8-srebrni/12612" data-product-click-index="7"> <figure><img src="http://static.vip.hr/hwdb/images/uploaded/VPR_picture_big/2435271_6258-vprBig.png" class="img-responsive" alt="Samsung Galaxy S8 srebrni" id="201986"></figure> <div class="promo "> <div class="vcenter"> +Starter Kit gratis u webshopu </div> </div> <div class="product-name"><span>Samsung</span> Galaxy S8 srebrni</div> <div class="cena"> <span> <div class="no">9</div> kn odmah </span> </div> <div class="u-tarifi"> <div class="no">+150</div> kn/mj.<br> <div class="tarifa">Mobilna L</div> </div> </a> <div class="kupi-odmah"> <a href="/webshop/pretplata/mobiteli-na-pretplatu/{0}/12612" class="btn btn-default btn-lg btn-ico text-upper" data-product-click-index="7"> <i class="fa fa-shopping-cart"></i> kupi </a> </div> </div> <script type="text/javascript">/*<![CDATA[*/var productViewObject={};productViewObject.name="Samsung Galaxy S8 srebrni";productViewObject.id="000000000000012612";productViewObject.price=9;productViewObject.brand="Samsung";productViewObject.category="n/a";productViewObject.list=productList_deviceoffer_WAR_vipnetdeviceofferr_;productViewObject.position=8;productViewObjects_deviceoffer_WAR_vipnetdeviceofferr_.push(productViewObject);var productClickObject={};productClickObject.name="Samsung Galaxy S8 srebrni";productClickObject.id="000000000000012612";productClickObject.price=9;productClickObject.brand="Samsung";productClickObject.category="n/a";productClickObject.position=8;productsClickObjects_deviceoffer_WAR_vipnetdeviceofferr_.push(productClickObject);/*]]>*/</script> </div></div><div class="owl-item" style="width: 295px;"><div class="item" data-index="8"> <div class="device-box"> <a href="/webshop/pretplata/mobiteli-na-pretplatu/apple-iphone-x-64gb-sivi/12936" data-product-click-index="8"> <figure><img src="http://static.vip.hr/hwdb/images/uploaded/VPR_picture_big/2447877_6470-vprBig.png" class="img-responsive" alt="Apple iPhone X 64GB sivi" id="201990"></figure> <div class="product-name"><span>Apple iPhone </span> X 64GB sivi</div> <div class="cena"> <span> <div class="no">1799</div> kn odmah </span> </div> <div class="u-tarifi"> <div class="no">+210</div> kn/mj.<br> <div class="tarifa">Mobilna L</div> </div> </a> <div class="kupi-odmah"> <a href="/webshop/pretplata/mobiteli-na-pretplatu/{0}/12936" class="btn btn-default btn-lg btn-ico text-upper" data-product-click-index="8"> <i class="fa fa-shopping-cart"></i> kupi </a> </div> </div> <script type="text/javascript">/*<![CDATA[*/var productViewObject={};productViewObject.name="Apple iPhone X 64GB sivi";productViewObject.id="000000000000012936";productViewObject.price=1799;productViewObject.brand="Apple iPhone ";productViewObject.category="n/a";productViewObject.list=productList_deviceoffer_WAR_vipnetdeviceofferr_;productViewObject.position=9;productViewObjects_deviceoffer_WAR_vipnetdeviceofferr_.push(productViewObject);var productClickObject={};productClickObject.name="Apple iPhone X 64GB sivi";productClickObject.id="000000000000012936";productClickObject.price=1799;productClickObject.brand="Apple iPhone ";productClickObject.category="n/a";productClickObject.position=9;productsClickObjects_deviceoffer_WAR_vipnetdeviceofferr_.push(productClickObject);/*]]>*/</script> </div></div></div></div> <div class="owl-controls clickable"><div class="owl-buttons"><div class="owl-prev"><i class="fa fa-angle-left"></i></div><div class="owl-next"><i class="fa fa-angle-right"></i></div></div></div></div> </div> </div> <div class="col-xs-12 col-sm-6 text-center visible-xs"> <a href="/webshop/pretplata/mobiteli-na-pretplatu" class="btn btn-default btn-lg text-upper">Svi mobiteli</a> </div> </div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment