Demo Grocery – Mega-Menu for Main menu – HTML block content

[harshwe]

Hello Elise Noromit,

I was thinking that only this sort (below) of Simple Mega-menu (as a Main Menu for Header) could be created in Woodmart using HTML blocks. That is, with just One Row and No images, as shown here-
https://i2.paste.pics/FAK1E.png

However, just come across another Demo (Grocery), and found the Main Mega-Menu, that we are thinking to use. Was not aware of it, whether such sort of Mega Menu can also be prepared. With menus across 2 separate rows and with thumb sort of images also.

https://i2.paste.pics/FAJWH.png
https://woodmart.xtemos.com/demo-grocery/demo/grocery/

I hope, this has also been prepared using the HTML block, just like Mega-menus are being prepared for other Demos.

Can you please share the code (content) from HTML block (for Grocery Mega-Menu), so as to copy it in Text area (of our New html block). And can see it how it works and prepared.

So that we can replace with our content, later-on.

PS: We are already using some other Demo for our site, and cannot switch Demo and Demo content now. Just looking to adapt New Mega menu

Regards

• This topic was modified 2 years, 11 months ago by harshwe.
• This topic was modified 2 years, 11 months ago by harshwe.

Hello,

Please find the shortcode below. You need to create an HTML block, switch in the default WordPress text mode, insert, then switch to the backend of wP bakery and edit:

[vc_row css=".vc_custom_1591708779698{margin-top: -30px !important;margin-right: -35px !important;margin-left: -35px !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/4" woodmart_bg_position="right-top" css=".vc_custom_1629213518327{border-right-width: 1px !important;border-bottom-width: 1px !important;padding-top: 35px !important;padding-right: 35px !important;padding-left: 35px !important;background-image: url(http://sub1.yanaweb.net/wp-content/uploads/2021/08/grocery-menu-cat-1.jpg?id=4615) !important;background-position: 0 0 !important;background-repeat: no-repeat !important;border-right-color: #e6e6e6 !important;border-right-style: solid !important;border-bottom-color: #e6e6e6 !important;border-bottom-style: solid !important;}" mobile_bg_img_hidden="no" tablet_bg_img_hidden="no" woodmart_parallax="0" woodmart_sticky_column="false" parallax_scroll="no" mobile_reset_margin="no" tablet_reset_margin="no" wd_z_index="no" woodmart_css_id="611bd3383a617" responsive_spacing="eyJwYXJhbV90eXBlIjoid29vZG1hcnRfcmVzcG9uc2l2ZV9zcGFjaW5nIiwic2VsZWN0b3JfaWQiOiI2MTFiZDMzODNhNjE3Iiwic2hvcnRjb2RlIjoidmNfY29sdW1uIiwiZGF0YSI6eyJ0YWJsZXQiOnt9LCJtb2JpbGUiOnt9fX0="][extra_menu title="Fresh Fruit"][extra_menu_list title="Bananas" link="url:%23|||"][extra_menu_list title="Apples & Pears" link="url:%23|||"][extra_menu_list title="Berries & Cherries" link="url:%23|||"][extra_menu_list title="Citrus Ffruit" link="url:%23|||"][extra_menu_list title="Grapes" link="url:%23|||"][/extra_menu][/vc_column][vc_column width="1/4" woodmart_bg_position="right-top" css=".vc_custom_1629213530445{border-right-width: 1px !important;border-bottom-width: 1px !important;padding-top: 35px !important;padding-right: 35px !important;padding-left: 35px !important;background-image: url(http://sub1.yanaweb.net/wp-content/uploads/2021/08/grocery-menu-cat-2.jpg?id=4617) !important;background-position: 0 0 !important;background-repeat: no-repeat !important;border-right-color: #e6e6e6 !important;border-right-style: solid !important;border-bottom-color: #e6e6e6 !important;border-bottom-style: solid !important;}" mobile_bg_img_hidden="no" tablet_bg_img_hidden="no" woodmart_parallax="0" woodmart_sticky_column="false" parallax_scroll="no" mobile_reset_margin="no" tablet_reset_margin="no" wd_z_index="no" woodmart_css_id="611bd35134d9e" responsive_spacing="eyJwYXJhbV90eXBlIjoid29vZG1hcnRfcmVzcG9uc2l2ZV9zcGFjaW5nIiwic2VsZWN0b3JfaWQiOiI2MTFiZDM1MTM0ZDllIiwic2hvcnRjb2RlIjoidmNfY29sdW1uIiwiZGF0YSI6eyJ0YWJsZXQiOnt9LCJtb2JpbGUiOnt9fX0="][extra_menu title="Fresh Vegetables"][extra_menu_list title="Potatoes" link="url:%23|||"][extra_menu_list title="Onions & Leeks" link="url:%23|||"][extra_menu_list title="Carrots & Root Vegatables" link="url:%23|||"][extra_menu_list title="Brovvoli & Cauliflower" link="url:%23|||"][extra_menu_list title="Cabbages & Greens" link="url:%23|||"][/extra_menu][/vc_column][vc_column width="1/4" woodmart_bg_position="right-top" css=".vc_custom_1629213541564{border-right-width: 1px !important;border-bottom-width: 1px !important;padding-top: 35px !important;padding-right: 35px !important;padding-left: 35px !important;background-image: url(http://sub1.yanaweb.net/wp-content/uploads/2021/08/grocery-menu-cat-3.jpg?id=4618) !important;background-position: 0 0 !important;background-repeat: no-repeat !important;border-right-color: #e6e6e6 !important;border-right-style: solid !important;border-bottom-color: #e6e6e6 !important;border-bottom-style: solid !important;}" mobile_bg_img_hidden="no" tablet_bg_img_hidden="no" woodmart_parallax="0" woodmart_sticky_column="false" parallax_scroll="no" mobile_reset_margin="no" tablet_reset_margin="no" wd_z_index="no" woodmart_css_id="611bd35d879eb" responsive_spacing="eyJwYXJhbV90eXBlIjoid29vZG1hcnRfcmVzcG9uc2l2ZV9zcGFjaW5nIiwic2VsZWN0b3JfaWQiOiI2MTFiZDM1ZDg3OWViIiwic2hvcnRjb2RlIjoidmNfY29sdW1uIiwiZGF0YSI6eyJ0YWJsZXQiOnt9LCJtb2JpbGUiOnt9fX0="][extra_menu title="Fresh Salad"][extra_menu_list title="Lettuce & Salad bags" link="url:%23|||"][extra_menu_list title="Tomatoes" link="url:%23|||"][extra_menu_list title="Cucumber" link="url:%23|||"][extra_menu_list title="Celery" link="url:%23|||"][extra_menu_list title="Peppers" link="url:%23|||"][/extra_menu][/vc_column][vc_column width="1/4" woodmart_bg_position="right-top" css=".vc_custom_1629213553630{border-bottom-width: 1px !important;padding-top: 35px !important;padding-right: 35px !important;padding-left: 35px !important;background-image: url(http://sub1.yanaweb.net/wp-content/uploads/2021/08/grocery-menu-cat-4.jpg?id=4619) !important;background-position: 0 0 !important;background-repeat: no-repeat !important;border-bottom-color: #e6e6e6 !important;border-bottom-style: solid !important;}" mobile_bg_img_hidden="no" tablet_bg_img_hidden="no" woodmart_parallax="0" woodmart_sticky_column="false" parallax_scroll="no" mobile_reset_margin="no" tablet_reset_margin="no" wd_z_index="no" woodmart_css_id="611bd3693b355" responsive_spacing="eyJwYXJhbV90eXBlIjoid29vZG1hcnRfcmVzcG9uc2l2ZV9zcGFjaW5nIiwic2VsZWN0b3JfaWQiOiI2MTFiZDM2OTNiMzU1Iiwic2hvcnRjb2RlIjoidmNfY29sdW1uIiwiZGF0YSI6eyJ0YWJsZXQiOnt9LCJtb2JpbGUiOnt9fX0="][extra_menu title="Milk, Butter"][extra_menu_list title="Milk" link="url:%23|||"][extra_menu_list title="Butter, Spreads" link="url:%23|||"][extra_menu_list title="Fresh Cream & Custard" link="url:%23|||"][extra_menu_list title="Eggs" link="url:%23|||"][extra_menu_list title="Baking & Cooking" link="url:%23|||"][/extra_menu][/vc_column][/vc_row][vc_row css=".vc_custom_1629213607610{margin-right: -35px !important;margin-left: -35px !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" wd_z_index="no" woodmart_css_id="611bd3a7141c6" responsive_spacing="eyJwYXJhbV90eXBlIjoid29vZG1hcnRfcmVzcG9uc2l2ZV9zcGFjaW5nIiwic2VsZWN0b3JfaWQiOiI2MTFiZDNhNzE0MWM2Iiwic2hvcnRjb2RlIjoidmNfcm93IiwiZGF0YSI6eyJ0YWJsZXQiOnt9LCJtb2JpbGUiOnt9fX0="][vc_column width="1/4" woodmart_bg_position="right-top" css=".vc_custom_1629213565755{border-right-width: 1px !important;padding-top: 35px !important;padding-right: 35px !important;padding-left: 35px !important;background-image: url(http://sub1.yanaweb.net/wp-content/uploads/2021/08/grocery-menu-cat-5.jpg?id=4620) !important;background-position: 0 0 !important;background-repeat: no-repeat !important;border-right-color: #e6e6e6 !important;border-right-style: solid !important;}" mobile_bg_img_hidden="no" tablet_bg_img_hidden="no" woodmart_parallax="0" woodmart_sticky_column="false" parallax_scroll="no" mobile_reset_margin="no" tablet_reset_margin="no" wd_z_index="no" woodmart_css_id="611bd375781db" responsive_spacing="eyJwYXJhbV90eXBlIjoid29vZG1hcnRfcmVzcG9uc2l2ZV9zcGFjaW5nIiwic2VsZWN0b3JfaWQiOiI2MTFiZDM3NTc4MWRiIiwic2hvcnRjb2RlIjoidmNfY29sdW1uIiwiZGF0YSI6eyJ0YWJsZXQiOnt9LCJtb2JpbGUiOnt9fX0="][extra_menu title="Cheese"][extra_menu_list title="Cheddar Cheese" link="url:%23|||"][extra_menu_list title="Grated & Sliced Cheese" link="url:%23|||"][extra_menu_list title="Cottage Cheese" link="url:%23|||"][extra_menu_list title="Cheese Snacks & Spreads" link="url:%23|||"][extra_menu_list title="Feta & Goats Cheese" link="url:%23|||"][/extra_menu][/vc_column][vc_column width="1/4" woodmart_bg_position="right-top" css=".vc_custom_1629213577387{border-right-width: 1px !important;padding-top: 35px !important;padding-right: 35px !important;padding-left: 35px !important;background-image: url(http://sub1.yanaweb.net/wp-content/uploads/2021/08/grocery-menu-cat-6.jpg?id=4621) !important;background-position: 0 0 !important;background-repeat: no-repeat !important;border-right-color: #e6e6e6 !important;border-right-style: solid !important;}" mobile_bg_img_hidden="no" tablet_bg_img_hidden="no" woodmart_parallax="0" woodmart_sticky_column="false" parallax_scroll="no" mobile_reset_margin="no" tablet_reset_margin="no" wd_z_index="no" woodmart_css_id="611bd3809dfe9" responsive_spacing="eyJwYXJhbV90eXBlIjoid29vZG1hcnRfcmVzcG9uc2l2ZV9zcGFjaW5nIiwic2VsZWN0b3JfaWQiOiI2MTFiZDM4MDlkZmU5Iiwic2hvcnRjb2RlIjoidmNfY29sdW1uIiwiZGF0YSI6eyJ0YWJsZXQiOnt9LCJtb2JpbGUiOnt9fX0="][extra_menu title="Yoghurts"][extra_menu_list title="Yoghurt Drinks" link="url:%23|||"][extra_menu_list title="Natural & Greek Yoghurt" link="url:%23|||"][extra_menu_list title="Kids Yoghurt" link="url:%23|||"][extra_menu_list title="Celery" link="url:%23|||"][extra_menu_list title="Indulgent Yoghurts" link="url:%23|||"][/extra_menu][/vc_column][vc_column width="1/4" woodmart_bg_position="right-top" css=".vc_custom_1629213588588{border-right-width: 1px !important;padding-top: 35px !important;padding-right: 35px !important;padding-left: 35px !important;background-image: url(http://sub1.yanaweb.net/wp-content/uploads/2021/08/grocery-menu-cat-7.jpg?id=4622) !important;background-position: 0 0 !important;background-repeat: no-repeat !important;border-right-color: #e6e6e6 !important;border-right-style: solid !important;}" mobile_bg_img_hidden="no" tablet_bg_img_hidden="no" woodmart_parallax="0" woodmart_sticky_column="false" parallax_scroll="no" mobile_reset_margin="no" tablet_reset_margin="no" wd_z_index="no" woodmart_css_id="611bd38ca1d5a" responsive_spacing="eyJwYXJhbV90eXBlIjoid29vZG1hcnRfcmVzcG9uc2l2ZV9zcGFjaW5nIiwic2VsZWN0b3JfaWQiOiI2MTFiZDM4Y2ExZDVhIiwic2hvcnRjb2RlIjoidmNfY29sdW1uIiwiZGF0YSI6eyJ0YWJsZXQiOnt9LCJtb2JpbGUiOnt9fX0="][extra_menu title="Chilled Desserts"][extra_menu_list title="Smooth Desserts" link="url:%23|||"][extra_menu_list title="Potted Desserts" link="url:%23|||"][extra_menu_list title="Continental Desserts" link="url:%23|||"][extra_menu_list title="Trifle" link="url:%23|||"][extra_menu_list title="Cheesecake" link="url:%23|||"][/extra_menu][/vc_column][vc_column width="1/4" woodmart_bg_position="right-top" css=".vc_custom_1629213604442{padding-top: 35px !important;padding-right: 35px !important;padding-left: 35px !important;background-image: url(http://sub1.yanaweb.net/wp-content/uploads/2021/08/grocery-menu-cat-8.jpg?id=4623) !important;background-position: 0 0 !important;background-repeat: no-repeat !important;}" mobile_bg_img_hidden="no" tablet_bg_img_hidden="no" woodmart_parallax="0" woodmart_sticky_column="false" parallax_scroll="no" mobile_reset_margin="no" tablet_reset_margin="no" wd_z_index="no" woodmart_css_id="611bd3a3c21ae" responsive_spacing="eyJwYXJhbV90eXBlIjoid29vZG1hcnRfcmVzcG9uc2l2ZV9zcGFjaW5nIiwic2VsZWN0b3JfaWQiOiI2MTFiZDNhM2MyMWFlIiwic2hvcnRjb2RlIjoidmNfY29sdW1uIiwiZGF0YSI6eyJ0YWJsZXQiOnt9LCJtb2JpbGUiOnt9fX0="][extra_menu title="Fresh Meat"][extra_menu_list title="Fresh Chicken" link="url:%23|||"][extra_menu_list title="Fresh Turkey" link="url:%23|||"][extra_menu_list title="Fresh Pork" link="url:%23|||"][extra_menu_list title="Fresh Beef" link="url:%23|||"][extra_menu_list title="Fresh Bacon & Gammon" link="url:%23|||"][/extra_menu][/vc_column][/vc_row]

Best Regards

[Author]

Posts