Header style

Hi,
How do I get this pretty header style, as shown in the demo please ?

Thanks

Regards

Karine

Attachments:

You must be logged in to view attached files.

Hello,

Please navigate to WoodMart -> Header builder -> Import header. https://take.ms/7QsHJ

{"name":"Header Sweets Bakery Boxed","structure":{"id":"root","type":"root","content":[{"id":"top-bar","type":"row","content":[{"id":"column5","type":"column","content":[]},{"id":"column6","type":"column","content":[]},{"id":"column7","type":"column","content":[]},{"id":"column_mobile1","type":"column","content":[]}],"params":{"flex_layout":{"id":"flex_layout","value":"flex-middle","type":"selector"},"height":{"id":"height","value":45,"type":"slider"},"mobile_height":{"id":"mobile_height","value":40,"type":"slider"},"hide_desktop":{"id":"hide_desktop","value":true,"type":"switcher"},"hide_mobile":{"id":"hide_mobile","value":true,"type":"switcher"},"sticky":{"id":"sticky","value":false,"type":"switcher"},"sticky_height":{"id":"sticky_height","value":41,"type":"slider"},"color_scheme":{"id":"color_scheme","value":"light","type":"selector"},"shadow":{"id":"shadow","value":false,"type":"switcher"},"background":{"id":"background","value":[],"type":"bg"},"border":{"id":"border","value":{"width":"1","color":{"r":255,"g":255,"b":255,"a":0.25},"sides":["bottom"],"applyFor":"boxed"},"type":"border"}}},{"id":"general-header","type":"row","content":[{"id":"column8","type":"column","content":[{"id":"gs8bcnxektjsro21n657","type":"logo","params":{"image":{"id":"image","value":false,"type":"image"},"width":{"id":"width","value":180,"type":"slider"},"sticky_notice":{"id":"sticky_notice","value":"","type":"notice"},"sticky_image":{"id":"sticky_image","value":"","type":"image"},"sticky_width":{"id":"sticky_width","value":245,"type":"slider"},"width_height":{"id":"width_height","value":true,"type":"switcher"}}},{"id":"b51hbxbg8h22qn4yrxf1","type":"space","params":{"width":{"id":"width","value":30,"type":"slider"},"css_class":{"id":"css_class","value":"","type":"text"}}}]},{"id":"column9","type":"column","content":[{"id":"6kgdkbvf12frej4dofvj","type":"mainmenu","params":{"menu_id":{"id":"menu_id","value":"","type":"options"},"menu_style":{"id":"menu_style","value":"default","type":"selector"},"menu_align":{"id":"menu_align","value":"left","type":"selector"},"full_screen":{"id":"full_screen","value":false,"type":"switcher"},"style":{"id":"style","value":"text","type":"selector"},"icon_design":{"id":"icon_design","value":"1","type":"selector"},"wrap_type":{"id":"wrap_type","value":"icon_only","type":"selector"},"color":{"id":"color","value":"","type":"color"},"hover_color":{"id":"hover_color","value":"","type":"color"},"bg_color":{"id":"bg_color","value":"","type":"color"},"bg_hover_color":{"id":"bg_hover_color","value":"","type":"color"},"icon_color":{"id":"icon_color","value":"","type":"color"},"icon_hover_color":{"id":"icon_hover_color","value":"","type":"color"},"icon_bg_color":{"id":"icon_bg_color","value":"","type":"color"},"icon_bg_hover_color":{"id":"icon_bg_hover_color","value":"","type":"color"},"icon_type":{"id":"icon_type","value":"default","type":"selector"},"custom_icon":{"id":"custom_icon","value":"","type":"image"},"items_gap":{"id":"items_gap","value":"s","type":"selector"},"inline":{"id":"inline","value":false,"type":"switcher"},"bg_overlay":{"id":"bg_overlay","value":false,"type":"switcher"}}}]},{"id":"column10","type":"column","content":[{"id":"vssfpylqqax9pvkfnxoz","type":"account","params":{"display":{"id":"display","value":"text","type":"selector"},"icon_design":{"id":"icon_design","value":"1","type":"selector"},"wrap_type":{"id":"wrap_type","value":"icon_only","type":"selector"},"color":{"id":"color","value":"","type":"color"},"hover_color":{"id":"hover_color","value":"","type":"color"},"bg_color":{"id":"bg_color","value":"","type":"color"},"bg_hover_color":{"id":"bg_hover_color","value":"","type":"color"},"icon_color":{"id":"icon_color","value":"","type":"color"},"icon_hover_color":{"id":"icon_hover_color","value":"","type":"color"},"icon_bg_color":{"id":"icon_bg_color","value":"","type":"color"},"icon_bg_hover_color":{"id":"icon_bg_hover_color","value":"","type":"color"},"icon_type":{"id":"icon_type","value":"default","type":"selector"},"custom_icon":{"id":"custom_icon","value":"","type":"image"},"with_username":{"id":"with_username","value":false,"type":"switcher"},"login_dropdown":{"id":"login_dropdown","value":true,"type":"switcher"},"form_display":{"id":"form_display","value":"side","type":"selector"},"bg_overlay":{"id":"bg_overlay","value":false,"type":"switcher"}}},{"id":"a22wdkiy3r40yw2paskq","type":"wishlist","params":{"design":{"id":"design","value":"icon","type":"selector"},"icon_design":{"id":"icon_design","value":"2","type":"selector"},"wrap_type":{"id":"wrap_type","value":"icon_only","type":"selector"},"color":{"id":"color","value":"","type":"color"},"hover_color":{"id":"hover_color","value":"","type":"color"},"bg_color":{"id":"bg_color","value":"","type":"color"},"bg_hover_color":{"id":"bg_hover_color","value":"","type":"color"},"icon_color":{"id":"icon_color","value":"","type":"color"},"icon_hover_color":{"id":"icon_hover_color","value":"","type":"color"},"icon_bg_color":{"id":"icon_bg_color","value":"","type":"color"},"icon_bg_hover_color":{"id":"icon_bg_hover_color","value":"","type":"color"},"hide_product_count":{"id":"hide_product_count","value":false,"type":"switcher"},"icon_type":{"id":"icon_type","value":"default","type":"selector"},"custom_icon":{"id":"custom_icon","value":"","type":"image"}}},{"id":"z71sozotxn0s5a0nfm7a","type":"compare","params":{"design":{"id":"design","value":"icon","type":"selector"},"icon_design":{"id":"icon_design","value":"2","type":"selector"},"wrap_type":{"id":"wrap_type","value":"icon_only","type":"selector"},"color":{"id":"color","value":"","type":"color"},"hover_color":{"id":"hover_color","value":"","type":"color"},"bg_color":{"id":"bg_color","value":"","type":"color"},"bg_hover_color":{"id":"bg_hover_color","value":"","type":"color"},"icon_color":{"id":"icon_color","value":"","type":"color"},"icon_hover_color":{"id":"icon_hover_color","value":"","type":"color"},"icon_bg_color":{"id":"icon_bg_color","value":"","type":"color"},"icon_bg_hover_color":{"id":"icon_bg_hover_color","value":"","type":"color"},"hide_product_count":{"id":"hide_product_count","value":false,"type":"switcher"},"icon_type":{"id":"icon_type","value":"default","type":"selector"},"custom_icon":{"id":"custom_icon","value":"","type":"image"}}},{"id":"6ivlq8kef7blyepibxz1","type":"cart","params":{"position":{"id":"position","value":"side","type":"selector"},"design":{"id":"design","value":"","type":"selector"},"style":{"id":"style","value":"5","type":"selector"},"wrap_type":{"id":"wrap_type","value":"icon_only","type":"selector"},"color":{"id":"color","value":"","type":"color"},"hover_color":{"id":"hover_color","value":"","type":"color"},"bg_color":{"id":"bg_color","value":"","type":"color"},"bg_hover_color":{"id":"bg_hover_color","value":"","type":"color"},"icon_color":{"id":"icon_color","value":"","type":"color"},"icon_hover_color":{"id":"icon_hover_color","value":"","type":"color"},"icon_bg_color":{"id":"icon_bg_color","value":"","type":"color"},"icon_bg_hover_color":{"id":"icon_bg_hover_color","value":"","type":"color"},"icon_type":{"id":"icon_type","value":"cart","type":"selector"},"custom_icon":{"id":"custom_icon","value":"","type":"image"}}}]},{"id":"column_mobile2","type":"column","content":[{"id":"g1k0m1tib7raxrwkm1t3","type":"burger","params":{"style":{"id":"style","value":"text","type":"selector"},"icon_design":{"id":"icon_design","value":"1","type":"selector"},"wrap_type":{"id":"wrap_type","value":"icon_only","type":"selector"},"color":{"id":"color","value":"","type":"color"},"hover_color":{"id":"hover_color","value":"","type":"color"},"bg_color":{"id":"bg_color","value":"","type":"color"},"bg_hover_color":{"id":"bg_hover_color","value":"","type":"color"},"icon_color":{"id":"icon_color","value":"","type":"color"},"icon_hover_color":{"id":"icon_hover_color","value":"","type":"color"},"icon_bg_color":{"id":"icon_bg_color","value":"","type":"color"},"icon_bg_hover_color":{"id":"icon_bg_hover_color","value":"","type":"color"},"icon_type":{"id":"icon_type","value":"default","type":"selector"},"custom_icon":{"id":"custom_icon","value":"","type":"image"},"position":{"id":"position","value":"left","type":"selector"},"search_form":{"id":"search_form","value":true,"type":"switcher"},"post_type":{"id":"post_type","value":"product","type":"selector"},"categories_menu":{"id":"categories_menu","value":true,"type":"switcher"},"tabs_swap":{"id":"tabs_swap","value":false,"type":"switcher"},"primary_menu_title":{"id":"primary_menu_title","value":"","type":"text"},"secondary_menu_title":{"id":"secondary_menu_title","value":"","type":"text"},"menu_id":{"id":"menu_id","value":"mobile-categories","type":"options"},"show_wishlist":{"id":"show_wishlist","value":true,"type":"switcher"},"show_compare":{"id":"show_compare","value":true,"type":"switcher"},"show_account":{"id":"show_account","value":true,"type":"switcher"},"close_btn":{"id":"close_btn","value":false,"type":"switcher"}}}]},{"id":"column_mobile3","type":"column","content":[{"id":"lt7vdqgaccmapftzurvt","type":"logo","params":{"image":{"id":"image","value":false,"type":"image"},"width":{"id":"width","value":179,"type":"slider"},"sticky_notice":{"id":"sticky_notice","value":"","type":"notice"},"sticky_image":{"id":"sticky_image","value":"","type":"image"},"sticky_width":{"id":"sticky_width","value":179,"type":"slider"},"width_height":{"id":"width_height","value":true,"type":"switcher"}}}]},{"id":"column_mobile4","type":"column","content":[{"id":"trk5sfmvib0ch1s1qbtc","type":"cart","params":{"position":{"id":"position","value":"side","type":"selector"},"design":{"id":"design","value":"","type":"selector"},"style":{"id":"style","value":"5","type":"selector"},"wrap_type":{"id":"wrap_type","value":"icon_only","type":"selector"},"color":{"id":"color","value":"","type":"color"},"hover_color":{"id":"hover_color","value":"","type":"color"},"bg_color":{"id":"bg_color","value":"","type":"color"},"bg_hover_color":{"id":"bg_hover_color","value":"","type":"color"},"icon_color":{"id":"icon_color","value":"","type":"color"},"icon_hover_color":{"id":"icon_hover_color","value":"","type":"color"},"icon_bg_color":{"id":"icon_bg_color","value":"","type":"color"},"icon_bg_hover_color":{"id":"icon_bg_hover_color","value":"","type":"color"},"icon_type":{"id":"icon_type","value":"bag","type":"selector"},"custom_icon":{"id":"custom_icon","value":"","type":"image"}}}]}],"params":{"flex_layout":{"id":"flex_layout","value":"flex-middle","type":"selector"},"height":{"id":"height","value":90,"type":"slider"},"mobile_height":{"id":"mobile_height","value":60,"type":"slider"},"hide_desktop":{"id":"hide_desktop","value":false,"type":"switcher"},"hide_mobile":{"id":"hide_mobile","value":false,"type":"switcher"},"sticky":{"id":"sticky","value":true,"type":"switcher"},"sticky_height":{"id":"sticky_height","value":60,"type":"slider"},"color_scheme":{"id":"color_scheme","value":"dark","type":"selector"},"shadow":{"id":"shadow","value":true,"type":"switcher"},"background":{"id":"background","value":{"background-color":{"r":255,"g":255,"b":255,"a":1}},"type":"bg"},"border":{"id":"border","value":{"width":"0","applyFor":"fullwidth","style":"solid","sides":["bottom"]},"type":"border"}}},{"id":"header-bottom","type":"row","content":[{"id":"column11","type":"column","content":[]},{"id":"column12","type":"column","content":[]},{"id":"column13","type":"column","content":[]},{"id":"column_mobile5","type":"column","content":[]}],"params":{"flex_layout":{"id":"flex_layout","value":"flex-middle","type":"selector"},"height":{"id":"height","value":50,"type":"slider"},"mobile_height":{"id":"mobile_height","value":50,"type":"slider"},"hide_desktop":{"id":"hide_desktop","value":true,"type":"switcher"},"hide_mobile":{"id":"hide_mobile","value":true,"type":"switcher"},"sticky":{"id":"sticky","value":false,"type":"switcher"},"sticky_height":{"id":"sticky_height","value":50,"type":"slider"},"color_scheme":{"id":"color_scheme","value":"dark","type":"selector"},"shadow":{"id":"shadow","value":false,"type":"switcher"},"background":{"id":"background","value":[],"type":"bg"},"border":{"id":"border","value":{"style":"solid","applyFor":"fullwidth","sides":["bottom"],"width":"1","color":{"r":230,"g":230,"b":230,"a":1}},"type":"border"}}}]},"settings":{"overlap":{"id":"overlap","value":true,"type":"switcher"},"boxed":{"id":"boxed","value":true,"type":"switcher"},"full_width":{"id":"full_width","value":false,"type":"switcher"},"dropdowns_dark":{"id":"dropdowns_dark","value":false,"type":"switcher"},"sticky_shadow":{"id":"sticky_shadow","value":true,"type":"switcher"},"hide_on_scroll":{"id":"hide_on_scroll","value":false,"type":"switcher"},"sticky_effect":{"id":"sticky_effect","value":"slide","type":"selector"},"sticky_clone":{"id":"sticky_clone","value":false,"type":"switcher"},"sticky_height":{"id":"sticky_height","value":60,"type":"slider"}}}

Kind Regards

Thank you,

How do I add :
– The background image as in the demo
How do I add at the right :
– Button Search
– Socials Icons
– Button Nous rejoindre

Regards
Karine

All that’s left to add is the background image

This is resolved, sorry:
How to add to the right :
– Search button
– Social icons
– Join us button

Hello,

We have a lot of elements in the header builder so you can choose some that you need. Here is a video with more details: https://take.ms/WJNqo

Don’t hesitate to let me know if you need any further help or any other info

Kind Regards

Here is a video about Background image in the Header builder: https://take.ms/OWX9O

Kind Regards

Thank you so much for your help !
But I don’t seem to have the same configuration as yours, see attachment.

Attachments:

You must be logged in to view attached files.

Hello,
The image is not in the right place, the menu background should remain white and the image behind it as in the demo.
See attachment

Regards

Attachments:

You must be logged in to view attached files.

Hello,

In the demo, the Header uses the “Overlap” functionality: https://take.ms/e9hfX

In general, I suggest you import the same website as that demo and then make changes per your needs, it is possible via WoodMart -> Prebuilt websites -> Sweets Bakery: https://take.ms/GHMiT

Kind Regards

If I now import another demo, my Template V3 page will change configuration. Isn’t there another way of adding a background image ?

Regards

Hello,

Please explain on which page you want to make it because on the Shop page I see it looks well and the header is situated on another background: https://take.ms/FPMAH

So I will investigate the best way to achieve such an appearance.

Kind Regards

Hi,
Indeed, on the Shop header it is displayed correctly (not on the other pages, that’s another problem to be seen later 🙂 ) We would like the header to be identical on all pages of the site please.

Regards
Karine

Hello,

I have set another header for the Home page via its settings: https://take.ms/vtCtN

I see that you have not defined other links in the navigation menu so please clarify where you want to define such a header so I will explain the best way to achieve that.

Kind Regards

Thank you, the problem is solved.
Regards
Karine

Hello,

You are welcome! In case you need any additional help, I’d be more than happy to assist you.

Have a good day!

Kind Regards

[Author]

Posts