Skip to main content

Collection Page Widgets

Templates​

html property: whatmore-template-type

values available: template-collections-a, template-collections-b, template-collections-c, template-collections-d

Code Snippet​

Add this HTML snippet on your website collection page and set the properties according to your design plans.

<div class="whatmore-base" style="min-height: 120px;">
  <script type="text/javascript" src="https://d1qflh9ill7vje.cloudfront.net/whatmore.js" defer="defer"></script>
  <div id="whatmoreShopId" data="<give your store id>"></div>
  <div id="whatmoreVideoTileSize" data-wh="100"></div>
  <div id="whatmoreCollectionId" data-wh=""></div>
  <div id="whatmoreVideoTileSizePortrait" data-wh="100"></div>
  <div id="whatmoreTopBottomPadding" data-wh="0"></div>
  <div class="whatmore-template-type" data-wh="template-collections-h"></div>
  <div id="whatmoreIsInDesignMode" data-wh="false"></div>
	<div id="whatmoreLandscapePadding" data-wh="0"></div>
	<div class="whatmore-widget" data-wh="collection"></div>
  <div class="whatmore-render-root"></div>
</div>

  • whatmoreShopId: storeId available in dashboard.

  • whatmoreCollectionId: available from dashboard, collections section

  • whatmoreCollectionsTileSize: This property is used for specifying the video tile size in terms of %age. Recommended is 80%.