Home Forums WoodMart support forum image menu html block

image menu html block

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #213949

    IbrahimY
    Participant

    Hi guys,

    How can I get the image in the menu in the corner please see printscreen.
    https://snipboard.io/ugtjFT.jpg

    Wich values to use what you have in your demo to put the image in the corner of the menu.

    Where to changes the values.

    regards,

    Ibrahim

    #214007

    Hello,

    If you have uploaded demo content, you have already this template in Dashboard > HTML block > Menu Category 6. You just need to enter the row and replace the background image for yours.

    Let me know if you need further help.

    Best Regards

    #214907

    IbrahimY
    Participant

    Hi there,

    But this is the reason I write there are no deafault values and also no default image.
    All the other Dashboard > HTML block > Menu Categories have but this one not.

    Can you send me a printscreen or default values of this menu-6 .

    thanks in advance

    #214939

    Hello,

    Please create a new HTML block, switch to the text mode of the WordPress, and insert this code:

    [vc_row css=".vc_custom_1491638812229{margin-bottom: 0px !important;}"][vc_column width="1/3" css=".vc_custom_1491490244579{padding-top: 0px !important;}"][extra_menu title="SOFAS AND ARMCHAIRS" link="url:%23|||"][extra_menu_list title="Footstools" link="url:%23|||"][extra_menu_list title="Day Beds" link="url:%23|||"][extra_menu_list title="Lounge Chairs" link="url:%23|||"][extra_menu_list title="Small Sofas" link="url:%23|||"][extra_menu_list title="Easy chairs" link="url:%23|||"][/extra_menu][extra_menu title="CHESTS OF DRAWERS" link="url:%23|||"][extra_menu_list title="Bookcases" link="url:%23|||"][extra_menu_list title="Storage Walls" link="url:%23|||"][extra_menu_list title="Sideboards" link="url:%23|||"][extra_menu_list title="Display Cabinets" link="url:%23|||"][extra_menu_list title="Hallway Units" link="url:%23|||"][/extra_menu][/vc_column][vc_column width="1/3" css=".vc_custom_1491490248048{padding-top: 0px !important;}"][extra_menu title="TABLES AND CHAIRS" link="url:%23|||"][extra_menu_list title="Coffee Tables" link="url:%23|||"][extra_menu_list title="Console Tables" link="url:%23|||"][extra_menu_list title="Secretary Desks" link="url:%23|||"][extra_menu_list title="Writing Desks" link="url:%23|||"][extra_menu_list title="Game Tables" link="url:%23|||"][/extra_menu][extra_menu title="KIDS FURNITURE" link="url:%23|||"][extra_menu_list title="Kids Bedroom" link="url:%23|||"][extra_menu_list title="Kids Armchairs" link="url:%23|||"][extra_menu_list title="Kids Bathroom" link="url:%23|||"][extra_menu_list title="Kids Lighting" link="url:%23|||"][extra_menu_list title="Kids Textiles" link="url:%23|||"][/extra_menu][/vc_column][vc_column width="1/3" css=".vc_custom_1491490251473{padding-top: 0px !important;}"][extra_menu title="STORAGE SYSTEMS" link="url:%23|||"][extra_menu_list title="Storage Chests" link="url:%23|||"][extra_menu_list title="Hallway Units" link="url:%23|||"][extra_menu_list title="Shoe Cabinets" link="url:%23|||"][extra_menu_list title="Screens" link="url:%23|||"][extra_menu_list title="Trolleys" link="url:%23|||"][/extra_menu][/vc_column][/vc_row]

    Then switch to the backand and replace your content and add image to the background.

    Best Regards

    #214965

    IbrahimY
    Participant

    Hi there,

    Thanks for sharing vc composer shotcodes however these I already have. I am asking about the setting.

    In your post there are the images missing and the css setting/values.

    I added the same image as you have in your demo and made it bold for you so you can see below.

    [vc_row css=”.vc_custom_1595976532921 {margin-bottom: 0px !important;background-image: url(https://lampenmeubels.nl/wp-content/uploads/2020/07/cat-menu-bg-11.jpg?id=3079) !important;background-position: center !important;background-repeat: no-repeat !important;background-size: cover !important;}” mobile_bg_img_hidden=”no” tablet_bg_img_hidden=”no” woodmart_parallax=”0″ woodmart_gradient_switch=”no” row_reverse_mobile=”0″ row_reverse_tablet=”0″ woodmart_disable_overflow=”0″][vc_column width=”1/3″ css=”.vc_custom_1491490244579{padding-top: 0px !important;}”][extra_menu title=”SOFAS AND ARMCHAIRS” link=”url:%23|||”][extra_menu_list title=”Footstools” link=”url:%23|||”][extra_menu_list title=”Day Beds” link=”url:%23|||”][extra_menu_list title=”Lounge Chairs” link=”url:%23|||”][extra_menu_list title=”Small Sofas” link=”url:%23|||”][extra_menu_list title=”Easy chairs” link=”url:%23|||”][/extra_menu][extra_menu title=”CHESTS OF DRAWERS” link=”url:%23|||”][extra_menu_list title=”Bookcases” link=”url:%23|||”][extra_menu_list title=”Storage Walls” link=”url:%23|||”][extra_menu_list title=”Sideboards” link=”url:%23|||”][extra_menu_list title=”Display Cabinets” link=”url:%23|||”][extra_menu_list title=”Hallway Units” link=”url:%23|||”][/extra_menu][/vc_column][vc_column width=”1/3″ css=”.vc_custom_1491490248048{padding-top: 0px !important;}”][extra_menu title=”TABLES AND CHAIRS” link=”url:%23|||”][extra_menu_list title=”Coffee Tables” link=”url:%23|||”][extra_menu_list title=”Console Tables” link=”url:%23|||”][extra_menu_list title=”Secretary Desks” link=”url:%23|||”][extra_menu_list title=”Writing Desks” link=”url:%23|||”][extra_menu_list title=”Game Tables” link=”url:%23|||”][/extra_menu][extra_menu title=”KIDS FURNITURE” link=”url:%23|||”][extra_menu_list title=”Kids Bedroom” link=”url:%23|||”][extra_menu_list title=”Kids Armchairs” link=”url:%23|||”][extra_menu_list title=”Kids Bathroom” link=”url:%23|||”][extra_menu_list title=”Kids Lighting” link=”url:%23|||”][extra_menu_list title=”Kids Textiles” link=”url:%23|||”][/extra_menu][/vc_column][vc_column width=”1/3″ css=”.vc_custom_1491490251473{padding-top: 0px !important;}”][extra_menu title=”STORAGE SYSTEMS” link=”url:%23|||”][extra_menu_list title=”Storage Chests” link=”url:%23|||”][extra_menu_list title=”Hallway Units” link=”url:%23|||”][extra_menu_list title=”Shoe Cabinets” link=”url:%23|||”][extra_menu_list title=”Screens” link=”url:%23|||”][extra_menu_list title=”Trolleys” link=”url:%23|||”][/extra_menu][/vc_column][/vc_row]

    #215082

    Hello,

    You need to apply this code and upload image in the menu item as shown: https://prnt.sc/tqhhu3

    Best Regards

    #215167

    IbrahimY
    Participant

    Thanks for your last post, that helped. fixed the problem

    further about menu problems 1 thing left.

    In this printscreen you can see flag images I have created https://snipboard.io/gNTcW8.jpg

    This is created with a pugin called menu images. However this deletes the option you have send https://prnt.sc/tqhhu3.

    Is there a way to create this without any plugin. I am not using wpml plugin not necessary.

    Thanks in advance.

    regards,

    #215188

    Hello,

    Your purpose is not clear enough. You want to have different flags and assign links to them, don’t you? If it is not what you want please provide more details.

    Best Regards

    #215199

    IbrahimY
    Participant

    Yeah exactly, the idea is simple. Menu with flags left to them.

    Example: flag (left) country (linked)

    🇧🇪 Belgium
    🇫🇷 France
    🇩🇪 Germany

    Regards,

    #215238

    Hello,

    If you want just a flag to be linked, you will have to use the Simple image element. If you want flag + country, you can consider the Information box element.

    Best Regards

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