Home › Forums › WoodMart support forum › How create appearance like this at front page

How create appearance like this at front page

Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • April 1, 2019 at 1:51 pm #116202

    darkfuryx11
    Participant

    I want show main catagory at left and sub catagory at list right with header wording catagory name
    How should i do?

    April 1, 2019 at 4:44 pm #116243

    Elise Noromit
    Member

    Hello,

    Your purpose is not clear enough. Do you mean “Browse categories” as the demo site has?

    Best Regards

    April 2, 2019 at 2:53 am #116314

    darkfuryx11
    Participant

    I need object same as this picture.

    Attachments:
    You must be logged in to view attached files.
    April 2, 2019 at 2:59 am #116316

    darkfuryx11
    Participant

    you can see in clear with their website >>>>www.sgb.co.th
    They have catagory under tab recruit widget.

    Left side is main catagory like safety equipment then right side is sub catagory like helmet / reflective vest / glove etc.

    Attachments:
    You must be logged in to view attached files.
    April 2, 2019 at 9:41 am #116393

    Elise Noromit
    Member

    Hello,

    Create a template with one row and two columns, insert the Product category element http://prntscr.com/n6bdtg and set which categories to show. http://prntscr.com/n6be3h

    Best Regards

    April 3, 2019 at 9:14 am #116609

    darkfuryx11
    Participant

    I do follow your instuction , the result as below

    the topic is
    1. i want adjust sizing main catagory , same as picture high and width
    2. i want sub catagory moving to position same as picture with 5 column 2 row
    3. cuting catagory name bolow picture
    4. making top tab for click show all product.

    Attachments:
    You must be logged in to view attached files.
    April 3, 2019 at 12:52 pm #116684

    Elise Noromit
    Member

    Hello,

    Our support does not cover creating the templates as per requirements. You can show the categories either by Product Category element or creating rows and columns template.

    Please visit our demo site https://gyazo.com/84a768a1386dc4fcfde60cc58ed4b164 and chose the demo URL where you like the categories, I will send you the template code.

    Or create your own following video tutorials https://wpbakery.com/video-tutorials/

    Best Regards

    April 4, 2019 at 2:48 am #116827

    darkfuryx11
    Participant

    Dear Team

    From your demo , i need same as your demo.
    1. catagory
    2. tab below category
    3. line green show when mouse hover in menu
    4. sticker feature in menu

    Attachments:
    You must be logged in to view attached files.
    April 4, 2019 at 2:53 am #116829

    darkfuryx11
    Participant

    picture

    Attachments:
    You must be logged in to view attached files.
    April 4, 2019 at 10:13 am #116894

    Elise Noromit
    Member

    Hello,

    1. Categories:

    [woodmart_title size="medium" title="FEATURED CATEGORIES" subtitle="WOODMART COLLECTIONS" after_title="WoodMart is a powerful eCommerce theme for WordPress."][woodmart_categories orderby="" order="ASC" style="masonry-first" spacing="20" number="5" ids=""]

    2. Tab, below category, is not clear.

    3. Image 2-1.png – enter the menu and insert the text label http://prntscr.com/n7cmkf

    4.
    [vc_row full_width="stretch_row" content_placement="top" css=".vc_custom_1534746670819{margin-bottom: -40px !important;border-bottom-width: 1px !important;padding-top: 30px !important;background-color: #092143 !important;border-bottom-color: rgba(255,255,255,0.1) !important;border-bottom-style: solid !important;}"][vc_column width="1/2" woodmart_text_align="center" css=".vc_custom_1533821559545{margin-bottom: 30px !important;padding-top: 0px !important;}" offset="vc_col-lg-3 vc_col-md-6 vc_col-xs-12"][woodmart_info_box image="1743" title_size="small" image_alignment="left" woodmart_color_scheme="light" img_size="50x50" title="Free Shipping." css=".vc_custom_1534746675187{margin-bottom: 0px !important;border-right-width: 1px !important;border-right-color: rgba(255,255,255,0.1) !important;border-right-style: solid !important;}"]No one rejects, dislikes.[/woodmart_info_box][/vc_column][vc_column width="1/2" woodmart_text_align="center" css=".vc_custom_1533821564252{margin-bottom: 30px !important;padding-top: 0px !important;}" offset="vc_col-lg-3 vc_col-md-6 vc_col-xs-12"][woodmart_info_box image="1743" title_size="small" image_alignment="left" woodmart_color_scheme="light" img_size="50x50" title="24/7 Support." css=".vc_custom_1534746679189{margin-bottom: 0px !important;border-right-width: 1px !important;border-right-color: rgba(255,255,255,0.1) !important;border-right-style: solid !important;}"]It has survived not only.[/woodmart_info_box][/vc_column][vc_column width="1/2" woodmart_text_align="center" css=".vc_custom_1533821570339{margin-bottom: 30px !important;padding-top: 0px !important;}" offset="vc_col-lg-3 vc_col-md-6 vc_col-xs-12"][woodmart_info_box image="1743" title_size="small" image_alignment="left" woodmart_color_scheme="light" img_size="50x50" title="Online Payment." css=".vc_custom_1534746683110{margin-bottom: 0px !important;border-right-width: 1px !important;border-right-color: rgba(255,255,255,0.1) !important;border-right-style: solid !important;}"]All the Lorem Ipsum on.[/woodmart_info_box][/vc_column][vc_column width="1/2" woodmart_text_align="center" css=".vc_custom_1533821575175{margin-bottom: 30px !important;padding-top: 0px !important;}" offset="vc_col-lg-3 vc_col-md-6 vc_col-xs-12"][woodmart_info_box image="1743" title_size="small" image_alignment="left" woodmart_color_scheme="light" img_size="50x50" title="Fast Delivery." css=".vc_custom_1534746141680{margin-bottom: 0px !important;}"]Many desktop page now.[/woodmart_info_box][/vc_column][/vc_row]

    Best Regards

    April 5, 2019 at 1:10 am #117087

    darkfuryx11
    Participant

    [woodmart_title size=”medium” title=”FEATURED CATEGORIES” subtitle=”WOODMART COLLECTIONS” after_title=”WoodMart is a powerful eCommerce theme for WordPress.”][woodmart_categories orderby=”” order=”ASC” style=”masonry-first” spacing=”20″ number=”5″ ids=””]

    >>>> How i put in my website

    April 5, 2019 at 6:21 am #117118

    Elise Noromit
    Member

    Hello,

    Create a separate page, switch to the classic mode, then into the text mode and insert.

    Then switch to the WP Bakery backend mode and save the row as a template. Finally, insert the template into the page you need, drag and drop. Here are a few screens on how to save and insert a template https://xtemos.com/docs/woodmart/html-blocks-2/#posts_products_page

    Best Regards

  • Author
    Posts

Tagged: 

Viewing 12 posts - 1 through 12 (of 12 total)