Home › Forums › WoodMart support forum › Demo Grocery – Mega-Menu for Main menu – HTML block content
Demo Grocery – Mega-Menu for Main menu – HTML block content
- This topic has 1 reply, 2 voices, and was last updated 2 years, 11 months ago by Elise Noromit.
-
AuthorPosts
-
December 10, 2021 at 10:23 pm #338621
harshweParticipantHello 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.pngHowever, 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
December 12, 2021 at 8:11 pm #338933
Elise NoromitMemberHello,
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
-
AuthorPosts
Tagged: Advance Main menu, attractive mega menu, Grocery demo mega menu, main menu, Mega Menu, Mega menu with images
- You must be logged in to create new topics. Login / Register