Shop Categories

[OrganifiedBeautyBox]

Hi,

Can you explain how I can design my category box as in the image attached please.

I can’t seem to find the option, please help.

Thanks.

Attachments:

You must be logged in to view attached files.

[David Martin – Support]

Hi,

Those are Image Banners, you can create those from the Page Builder.

Inside the image banner, insert a button via the shortcode generator to create the image + button.

Here are some sample shortcodes, you will need to replace the image for each below:

[spb_image_banner image="13855" image_size="full" content_pos="center" content_textalign="center" animation="fadeIn" animation_delay="0" link_target="_self" width="1/4" el_position="first"]
[sf_button colour="white" type="sf-icon-reveal" size="standard" link="/product-category/outerwear/" target="_self" icon="fa-long-arrow-right" dropshadow="no" extraclass="ml0"]SHOP OUTERWEAR[/sf_button]
[/spb_image_banner] [spb_image_banner image="13857" image_size="full" content_pos="center" content_textalign="center" animation="fadeIn" animation_delay="0" link_target="_self" width="1/4"]
[sf_button colour="white" type="sf-icon-reveal" size="standard" link="/product-category/accessories/" target="_self" icon="fa-long-arrow-right" dropshadow="no" extraclass="ml0"]SHOP ACCESSORIES[/sf_button]
[/spb_image_banner] [spb_image_banner image="13854" image_size="full" content_pos="center" content_textalign="center" animation="fadeIn" animation_delay="0" link_target="_self" width="1/4"]
[sf_button colour="white" type="sf-icon-reveal" size="standard" link="/product-category/shirting/" target="_self" icon="fa-long-arrow-right" dropshadow="no" extraclass="ml0"]SHOP SHIRTING[/sf_button]
[/spb_image_banner] [spb_image_banner image="13856" image_size="full" content_pos="center" content_textalign="center" animation="fadeIn" animation_delay="0" link_target="_self" width="1/4" el_position="last"]
[sf_button colour="white" type="sf-icon-reveal" size="standard" link="/product-category/footwear/" target="_self" icon="fa-long-arrow-right" dropshadow="no" extraclass="ml0"]SHOP FOOTWEAR[/sf_button]
[/spb_image_banner]