Skip to main content

Homepage Widgets

Templates​

html property: whatmore-template-type

values available: template-a, template-b, template-d, template-e, template-f, template-stories, template-g, template-h

Code Snippet​

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

<div class="whatmore-base" style="min-height: 300px;">
  <script type="text/javascript" src="https://d1qflh9ill7vje.cloudfront.net/whatmore.js" defer="defer"></script>
  <div id="whatmoreShopId" data-wh="<give your store id>"></div>
  <div id="whatmoreHeading" data-wh=""></div>
  <div id="whatmoreTitleFontSize" data-wh="28"></div>
  <div id="whatmoreLandscapePadding" data-wh="40"></div>
  <div id="whatmoreTopBottomPadding" data-wh="20"></div>
  <div id="whatmoreVideoTileSize" data-wh="80"></div>
  <div id="whatmoreVideoTileSizePortrait" data-wh="80"></div>
  <div id="whatmoreTitleFont" data-wh="sans-serif"></div>
  <div class="whatmore-template-type" data-wh="template-f"></div>
  <div id="whatmoreIsInDesignMode" data-wh="false"></div>
  <div class="whatmore-widget" data-wh="carousel"></div>
  <div class="whatmore-render-root"></div>
</div>

  • whatmoreShopId: storeId available in dashboard.

  • whatmoreHeading: This property is used for the Title of this section. For eg. “Watch and Shop”.

  • whatmoreTitleFontSize: This property is used for specifying the title font size in px.

  • whatmoreLandscapePadding: This property is used for specifying the horizontal padding in the carousel.

  • whatmoreTopBottomPadding: This property is used for specifying the vertical padding in the carousel.

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

  • whatmoreTitleFont: This property is used for specifying the title font to match the website font & style.

  • whatmore-template-type