← Showcase Site Components

Rates

This component is used for the client to list their rates in a table.

This component includes a SECTION on the existing homepage, and also includes its own unique subpage template.

Homepage

JSON Files

  1. package.json - For the homepage “featured rates” section, all the necessary pieces in the mustache are controlled by the package.json file. Make sure that your componentRates variable in the package.json file is set to true if things aren’t working!

  2. -make.json - Since this is a component that adds content areas to the homepage, make sure to run gulp make-everything, grab the list of content areas from the templates.json that is generated, and paste them into the home template in your -make.json file.

Mustache Files

src > templates > _partials > rates-featured.mustache - The featured rate template file. If you are using the most recent files, this will be automatically un-commented based off of the "componentRates": true setting in your package.json.

Styling

  1. src > scss > themes > _general.scss - Styling for pieces that are shared between all 3 themes.

  2. src > scss > themes > [yourtheme].scss - Styling for the homepage feature AND subpage sections.

Subpage

Mustache Files

src > templates > rates.mustache - The main template file.

Script

src > scripts > script.js - Script to ensure the tables still scroll properly (because they’re inside an accordion)

Styling

src > scss > themes > [yourtheme].scss - Styling for the homepage feature AND subpage sections.

Example Sites

Alabaster

Rosewood