1. Home
  2. ReHub Theme
  3. Shop (woocommerce) options
  4. How to add cool category blocks

How to add cool category blocks

Category blocks are always one of important part of homepages on any successful e-commerce website. This is why we added several well designed variants to add category blocks on homepage (or any other page).

There are several modules and shortcodes for category blocks in theme. Several requires manual adding each category, other shows automatic category list. Manual modules can be used to show links to any page, not only categories.

CardBox

There are two styles of cartboxes: compact and regular. You can find both of them in page builder

When you add cardbox on page, you can choose it’s design

 

You must place each cardbox inside own column, but there is also fast way to add ready grid with cardboxes on page. Use Ready template from page builder

Hover Banner Sections

This is really powerful block with unlimited possibilities. It shows Image as Background and Headings above it. Also it has cool animation on Hover. You can place any image, any text, choose place of text and size, color of text and link. Combine this block with other blocks to get very cool results.

Hover Banner can be found in Page builder Modules. You must place hover banner inside Column to limit space of banner (it fits full width of container). Grid from Hover Banners are also available in Ready Templates in Page builder

Category Box

Category Box is another cool way to show categories. It’s also available as Page Builder module with name “Category Box”. Difference from cardbox is that it shows all links automatically, you just need to set category ID. If category has child categories, they will be also added to category box. You must place each category box in own column, so, you must enable Multi Columns in Row in Page builder.

How to get taxonomy ID

Taxonomy list shortcode

This is most fast way to show all categories of your site. It’s just one shortcode which generates all images, links and child categories in 4 column format. It has next look

Shortcode is next

[wpsm_tax_archive type="woocategory" taxonomy="product_cat"]

To add images to category, add them in  Products – Categories – Thumbnail 

Taxonomy Grid shortcode

[wpsm_tax_archive type="storegrid" taxonomy="product_cat" rows=2]

or

[wpsm_tax_archive type="storegrid" taxonomy="product_cat"]

This will show category image + cashback notice of category. It’s not required to add cashback notice. Any notice can be used (add them in  Products – Categories – Edit – Cashback Notice  )