lg-view-category v1.0.0

lg-view-category

CSS Overrides Boilerplate

.view-category {
  .inner
    .component-category-family-navigation {
      .family__category {
        &.family__category--{:categorySlug} {}
        .category {
          &.category--{:categorySlug} {}
        }
      }
      .family__subcategories {
        .subcategories {
          .subcategories__item {
            &.subcategories__item--current {}
            .subcategory__heading {
              .subcategory__link {
                &.category--{:categorySlug} {}
                &.subcategory--{:subcategorySlug} {}
              }
            }
          }
        }
      }
    }
  }
}

App Config Settings

config: {
  site: {
    domain: 'https://www.cuteness.com',
    name: 'Cuteness',
  },
  categories: {
    'cute': {
      name: 'Awww',
      slug: 'cute',
      type: 'category',
      description: 'Lorem ipsum dolor sit amet, consectetur adipisicing elit.',
    },
    'adorable': {
      name: 'Adorable',
      slug: 'adorable',
      type: 'subcategory',
      description: 'Lorem ipsum dolor sit amet, consectetur adipisicing elit.',
      parent: {
        name: 'Awww',
        slug: 'cute',
      },
    },
  },
  components: {
    category: {
      articleGrid: {
        numArticles: 36,
      },
      articleCards: {
        keysToShow: ['title', 'writer', 'subcategory', 'category'],
      },
      pinterest: {
        showPinterest: true,
      },
    },
    subcategory: {
      articleGrid: {
        numArticles: 36,
      },
      articleCards: {
        keysToShow: ['title', 'writer', 'subcategory', 'category'],
      },
    },
  },
}