Calendar Widget

Calendar Widget On Homepage #

  1. Go to admin > content > pages and edit your homepage
  2. Click the insert widget button. Chose “Rental Calendar” and set the options. You can set the category id to any of your categories, or an all products category (see instructions below on how to make an all products category)
    rental-calendar-widget
  3. This is how to know what your category id is. Go to admin > products > categories and click on the category you want, it will be in the url bar:
    categoryid
  4. You may also want to add a wrapper div so that the calendar widget is not 100% width on your homepage. To do so click the show / hide editor button and wrap the widget template code with:
    <div style="width:50%">
    // auto inserted widget code
    </div>
    

    rental-widget-wrap-div

  5. When you are done it will look something like this:
    rental-calendar-homepage
How To Add An All Products Category #
  1. Go to admin > products > categories and click the default category and then click add subcategory.
  2. Now you will probably want to hide the All Products category from your menu
  3. After you have added it, whenever you add products, make sure that you add them to your all products category
    all-products

Category Widget On Sidebar #

  1. Go to admin > content > widgets and click the add widget button. For type chose Rental Calendar and template chose your current template (by default it is Magento Luma)
  2. Now you can give your widget a title and assign it to your views (to assign it to all just click the top All Store Views hold down shift and chose the bottom one). Now click the add layout update from here chose All Pages and then for the container chose the Sidebar Main
    rental-calendar-on-sidebar
  3. On the widget options tab (on the left) leave the category id blank (otherwise when people click go it will go to a different category – the category id feature is mainly for the homepage)
  4. When you are done it will look something like this:
    sidebar