Shop category designs for Flatsome & WooCommerce
Boost your online store with our premium pre-made designs for WooCommerce shop and category pages. Our designs are visually stunning and SEO-optimized, helping your store stand out in search results.
[gap height="15px"] [row label="Shop Category 01" style="small" v_align="equal"] [col span="9" span__sm="12" span__md="12" padding="30px 30px 30px 30px" padding__md="20px 30px 30px 30px" margin="0px 0px -20px 0px" bg_radius="20" border="1px 1px 1px 1px" border_radius="20" border_color="rgb(236, 235, 233)"] [ux_text class="collapse"] <h1>Electronics & hardware</h2> [/ux_text] [gap height="10px"] [ux_text class="collapse"] <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque fermentum mauris vel sapien vulputate, sed rutrum risus blandit. Aliquam auctor eget massa non tincidunt. Sed est tellus, fermentum sed nibh a, lobortis ultrices ante. Cras ut iaculis elit. Nunc mattis eget sem et tristique. Nam quis condimentum tortor, id interdum arcu. Praesent et urna ante. Nunc risus lacus, tincidunt id dignissim quis, mollis eu nisi. <a href="#more-info">Read more...</a></p> [/ux_text] [/col] [col span="3" span__sm="12" span__md="1" padding="30px 30px 30px 30px" margin="0px 0px -20px 0px" bg_color="rgb(237, 233, 231)" bg_radius="20" visibility="hide-for-medium"] [ux_image_box img="https://www.flatsomedesigns.com/wp-content/uploads/brooke-cagle-NoRsyXmHGpI-unsplash.jpg" image_height="100px" text_padding="10px 0px 0px 0px" class="round-corners"] [ux_text class="h4"] <p>Need help choosing?</p> [/ux_text] [gap height="5px"] [button text="Chat with Amy" size="small" expand="0" icon="icon-chat" icon_pos="left"] [/ux_image_box] [/col] [/row]
[section] [gap height="50px"] [row col_bg="rgb(224, 219, 217)" col_bg_radius="30"] [col span__sm="12"] [row_inner style="collapse" v_align="middle" h_align="center"] [col_inner span="8" span__sm="12" span__md="12" padding="0px 10% 0px 7%" padding__sm="0px 10% 40px 10%" padding__md="0px 10% 50px 10%" class="collapse"] [ux_text text_align="left" text_align__md="center" class="h2"] <p>Indoor Plants & Accessoires</p> [/ux_text] [gap height="10px"] [ux_text text_align="left" text_align__md="center"] <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p> [/ux_text] [/col_inner] [col_inner span="4" span__sm="11" span__md="6" force_first="medium" padding="0px 10% 10px 10%" padding__sm="0px 10% 0px 10%" padding__md="0px 10% 10px 10%" margin="-100px 0px 0px 0px" margin__sm="-80px 0px 0px 0px"] [ux_image id="https://www.flatsomedesigns.com/wp-content/uploads/dieffenbachia-camille-plant-pot-1.png"] [/col_inner] [/row_inner] [/col] [/row] [/section]
[section label="Shop Category 03" padding__sm="15px"] [row] [col span="10" span__sm="12"] [ux_banner height="350px" height__sm="250px" bg="https://www.flatsomedesigns.com/wp-content/uploads/1335.jpg" bg_size="original" bg_color="rgba(255, 255, 255, 0)" bg_pos="58% 31%" class="round-corners"] [/ux_banner] [/col] [/row] [row h_align="center"] [col span="8" span__sm="12" span__md="6" visibility="hide-for-small"] [gap height="5px"] [/col] [col span="4" span__sm="10" span__md="6" padding="10% 10% 10% 10%" margin="-320px 0px 0px 0px" margin__sm="-125px 0px 0px 0px" margin__md="-310px 0px 0px 0px" bg_color="#aa70ff" bg_radius="30" color="light"] [ux_text font_size="2.5" font_size__sm="1.5" text_align="left" text_align__sm="center" class="h2 collapse"] <p>Sunglasses</p> [/ux_text] [gap height="10px"] [ux_text text_align="left" text_align__sm="center" class="collapse"] <p>Lorem ipsum dolor sit amet sed diam nonummy nibh euismod tincidunt ut laoreet dolore aliquam erat.</p> [/ux_text] [/col] [/row] [/section]
[section label="Shop Category 04" bg_color="#eae4e4" padding__sm="10px" padding__md="20px"] [gap height__md="20px"] [row v_align="middle"] [col span="6" span__sm="12" span__md="12" padding="30px 15% 0px 0px" padding__sm="0px 0px 0px 0px" padding__md="20px 0px 0px 0px" margin="0px 0px 0px 0px" margin__sm="0px 0px -30px 0px"] [ux_text font_size="3" font_size__sm="1.75" class="h2 collapse"] <p>The Finest Menswear</p> [/ux_text] [gap height="10px"] <p>Lorem ipsum dolor sit amet adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat.</p> [gap height="15px" height__sm="5px"] [row_inner col_bg="rgb(255, 255, 255)" col_bg_radius="20" padding="4% 5% 5% 5%" padding__sm="7% 7% 7% 7%"] [col_inner span="11" span__sm="12" span__md="12"] [row_inner_1 style="collapse"] [col_inner_1 span="7" span__sm="12"] [ux_text font_size="0.85" text_color="rgba(23, 23, 23, 0.5)" class="tagline"] <p>Trusted by +2500 People</p> [/ux_text] [/col_inner_1] [col_inner_1 span="5" span__sm="12"] [featured_box img="https://www.flatsomedesigns.com/wp-content/uploads/checkmark-green.png" inline_svg="0" img_width="20" pos="left"] [gap height="5px"] [ux_text font_size="0.85" class="tagline collapse"] <p>50 Day Returns</p> [/ux_text] [/featured_box] [gap height="3px"] [featured_box img="https://www.flatsomedesigns.com/wp-content/uploads/checkmark-green.png" inline_svg="0" img_width="20" pos="left"] [gap height="5px"] [ux_text font_size="0.85" class="tagline collapse"] <p>Free Shipping</p> [/ux_text] [/featured_box] [/col_inner_1] [/row_inner_1] [/col_inner] [/row_inner] [/col] [col span="6" span__sm="12" span__md="12" force_first="medium"] [ux_banner height="400px" height__sm="200px" bg="https://www.flatsomedesigns.com/wp-content/uploads/2150828624.jpg" bg_color="rgba(255, 255, 255, 0)" bg_pos="53% 73%" class="round-corners"] [/ux_banner] [/col] [/row] [/section]