Shop Drop Down help

This topic has 22 replies, 2 voices, and was last updated 5 years, 7 months ago by Ochuko.

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

Author

Posts
May 9, 2019 at 3:25 pm #122948

Ochuko
Participant

Good afternoon, I would like the dropdown of my menus on a website to look like this and was just wondering how I would be able to do it like that. Below are two screenshots. One is what it current looks on my website and the other is how I would like it to look. Well how it drops down like that and has different columns. Thank you for taking the time to read this.

Attachments:
You must be logged in to view attached files.

May 9, 2019 at 3:25 pm #122950

Ochuko
Participant

Sorry one of the screenshots didn’t send, let me send it again.

May 9, 2019 at 3:27 pm #122951

Ochuko
Participant

I don’t know why it is not sending the second screenshot.

Attachments:
You must be logged in to view attached files.

May 9, 2019 at 8:36 pm #122983

Elise Noromit
Member

Hello,

Each block is created in HTML blocks https://xtemos.com/docs/basel/html-blocks/ by means of WP Bakery page builder and Extra menu list https://xtemos.com/docs/basel/shortcodes/

Then you add the shortcode of the HTML block into the menu item https://xtemos.com/docs/basel/create-menu/

Best Regards

May 9, 2019 at 9:50 pm #122993

Ochuko
Participant

Sorry, would you be able to provide a step by step instruction on how it would be created. I would like there to be like categories so one block would be barbershops, next to that block will be salons and so forth. And under each category it would have a list of all those shops underneath. If that makes sense.

May 10, 2019 at 8:23 am #123034

Elise Noromit
Member

Hello,

1. Navigate to HTML block and create a mega block for each menu item. https://gyazo.com/2354e68717b862ea2c8e49e57863a18d and http://prntscr.com/nmq84r

2. Navigate to Appearance > Menu > Choose the menu > enter the menu item and insert the shortcode https://gyazo.com/bfe9918e57008ae814f87357d7088ccd

Best Regards

May 10, 2019 at 7:35 pm #123141

Ochuko
Participant

Sorry, would you be able to create on called “Barbershop” and under that could you put any name under it just to test it. Would you if possible to be able to screen record the process so I know and can actually see how it is done.

May 11, 2019 at 7:14 am #123170

Elise Noromit
Member

Hello,

I see WP Bakery page builder is not enabled for HTML blocks http://prntscr.com/nn44h1

https://kb.wpbakery.com/docs/learning-more/wpbakery-page-builder-settings/

I have enabled and created a testing template.http://prntscr.com/nn46bb and https://gyazo.com/e6801d2b66341cb674f3dfce1224260a

Click Backend Editor

Best Regards

May 11, 2019 at 4:37 pm #123250

Ochuko
Participant

I am sorry, I am still very confused. Is there anyone you could recommend that could do a job for me regarding the designing of the website as I would like it to have some functionalities of a website. Certain aspects of it.

May 11, 2019 at 6:38 pm #123259

Ochuko
Participant

On my website, I have now created the menus but I would still like it to have like that dropdown like the picture I sent. Would you be able to create one on my website and screen record the process please? Thank you for taking the time to read this.

May 11, 2019 at 7:48 pm #123270

Elise Noromit
Member

Hello,

Our support does not cover the service of the menu creation, we deal with bugs if any and guiding you in the Theme Settings. You will have to find a person who would do it for you.

Now you have an HTML block. You can create your own based on it and add its shortcode to the menu item.

Best Regards

May 11, 2019 at 8:09 pm #123273

Ochuko
Participant

I am sorry, but I still do not understand how I will be able to create the drop down menu like that. All I did was go to customise and edit the menus. Then added custom Links and then went to categories to create categories for all of them, then I just copied and pasted those links in the custom links. Are there any videos or tutorials that I can watch to see exactly how I can create it. Would you also be able to recommend any specialists of this theme or where I could find any to do some work for me?

May 12, 2019 at 6:07 am #123301

Elise Noromit
Member

Hello,

1. Create HTML block as per your needs, here are video tutorials on how to create templates in WP Bakery page builder https://wpbakery.com/video-tutorials/

2. Add the shortcode to the menu as shown in the instructions provided above.

We do not have any specialist to recommend.

Best Regards

May 12, 2019 at 2:56 pm #123359

Ochuko
Participant

Thank you, I will message you if I require any more help or assistance.

May 12, 2019 at 7:09 pm #123374

Elise Noromit
Member

You are welcome! If you have any questions please feel free to contact us.

Best Regards

May 24, 2019 at 11:56 pm #125649

Ochuko
Participant

Good morning, I have been struggling to get the drop down like the screenshots above. I have read the files you have on HTML Blocks and Shortcodes, but none of them seem to be helping me to create that. Would you be able to make a couple of those drop downs on my site and could you document the process to help me visually understand so I can try to replicate them myself.

May 25, 2019 at 1:44 pm #125713

Elise Noromit
Member

Hello,

I have created HTML block for you so that you could edit it and add into your menu, now you have deleted all.

1. Create the template in this HTML block https://gyazo.com/8a3702975ac3bc1ef8cdda4c33c4a9f8

2. Add the shortcode of this HTML block into the menu item. https://xtemos.com/docs/basel/create-menu/

Best Regards

If you cannot do it, please find a person who could do it for you. Our support does not cover the service of templates creating.

Best Regards

May 26, 2019 at 12:55 am #125761

Ochuko
Participant

This is where I have got with the HTML Blocks. How would I be able to put that where the main menu is?

Attachments:
You must be logged in to view attached files.

May 26, 2019 at 12:58 am #125763

Ochuko
Participant

Now that I have done the barbershop HTML Block, how do I split the columns into 4 like the screenshot below?

Attachments:
You must be logged in to view attached files.

May 26, 2019 at 7:48 am #125768

Elise Noromit
Member

Hello,

HTML block as you can see uses WP Bakery chart. Here are video tutorials on how to create the template and configure elements. https://wpbakery.com/video-tutorials/

Here is the video on how to divide the row into columns https://wpbakery.com/video-academy/insert-inner-row-wpbakery-page-builder-wordpress/

Best Regards

May 26, 2019 at 12:50 pm #125803

Ochuko
Participant

Once I have created the HTML Block and I try to put it in my menus, it doesn’t give me a place to put the HTML Shortcode, so that it can dropdown and look like that.

May 26, 2019 at 5:07 pm #125821

Elise Noromit
Member

Hello,

1. Make sure you have installed and activated all the required plugins,

2. Navigate to Appearance > Menu > Screen options (in the right top corner) enable all;

3. As soon as you add a menu item, save menu, then opent menu item and insert the shortcode into the Description field.

Best Regards

May 26, 2019 at 11:12 pm #125838

Ochuko
Participant

THANK YOU SO MUCH!!!!! I HAVE DONE IT!!!
Author

Posts