vtex-apps / menu Goto Github PK

Is your feature request related to a problem? Please describe.
I'd like to add multiple images on submenu.col block

Describe the solution you'd like
Allow the interface carousel from vtex.carousel app, similar to how it already allows info-card

Describe alternatives you've considered
I got nothing, so here's a cool emoji to fill the void 👾

Additional context

Describe the bug
when building a store's menu, you just need to style it, with old versions you can just open your developer tools and select items to inspect but with the latest release v2.35.1 you can't anymore, i know this was a "bug" to solve but now it's harder to debug styles on the menus

To Reproduce
Steps to reproduce the behavior:

1. Create a menu and a submenu
2. Add some classes on the submenu items
3. Now try to inspect any element on the submenu and the element containing all the submenu links will disappear from the DOM due to the behavior solved on the commit "51fe4d9"

Expected behavior
Don't know, maybe a development flag via JSON file to disable the "Deactivate item when is not open or hovered
" behavior to make it easy to style menus

Screenshots
You can replicate on any environment

Desktop environment:

System:
OS: macOS 13.2.1
CPU: (8) arm64 Apple M1
Memory: 120.77 MB / 8.00 GB
Shell: 5.8.1 - /bin/zsh
Binaries:
Node: 16.15.0 - ~/.nvm/versions/node/v16.15.0/bin/node
Yarn: 1.22.15 - ~/.nvm/versions/node/v16.15.0/bin/yarn
npm: 9.2.0 - ~/.nvm/versions/node/v16.15.0/bin/npm
Browsers:
Chrome: 112.0.5615.49
Firefox: 105.0.2
Safari: 16.3

Additional context
You can test on any vtex store where menu app is used, some examples below:
https://www.klyns.mx/
https://www.almacenhercules.mx/

What are you trying to accomplish? Please describe.
Hi. I search solutions for to fix some bugs on the page. I do not fully understand but another person from the team says that I must change linkID in the category. But is impossible to make because API does not support this field to change. The question is the same as in the title. Exist some function or solution to transform URL in the menu item to lowercase?

What have you tried so far?
I tried changing linkID in the category but is impossible.

The only interface documented on the latest version of the README is menu-link.
All interfaces should be documented, the ones missing are menu, submenu, submenu.col, submenu.accordion and menu-item.

Hello,

Version 3.x seens to be not working properly when sequence is changed -> vtex.menu -> vtex.disposition -> children

I setted order, show: true and a __editorItemTitle for 10 child elements but could not get it to work properly.

Regards,

Michel.

Hello,

It would be useful if we could have a prop like "hideIfEmpty" that hides the item if it does not contain products in that category. Do not load all categories even if they do not have products.

Describe the solution you'd like

"menu-item#someItem": {
        "props": {
            "type": "category",
            "categoryId": 1,
            "hideIfEmpty": true,
            ...
        },
        "blocks": [
            "[email protected]:submenu#submenu-someSubmenu"
        ]
    },

Check for products based on categoryId and if there are no products just return null

Other apps are using the blockClass and CSS modules to pay nicely with style builder. The only interface here that has this is menu-link, but the other interfaces like menu, submenu, menu-item have no semantic classes and no blockClass prop.

Context

I need to style one of the menu-item differently from other ones (bigger font, bolder text, etc), but I can't because there is no blockClass.

Describe the bug
A clear and concise description of what the bug is.
Quando clicamos em algum item menu do filter, primeiro ele dá um reload na página em que está, para depois ir para a página certa.

To Reproduce
Steps to reproduce the behavior:

1. Go to ' https://homolog1--shoulder.myvtex.com/roupas/blusas '
2. Click on 'Qualquer item do footer'
3. See error

Expected behavior
A clear and concise description of what you expected to happen.
Ir diretamente para a página.

Screenshots
If applicable, add screenshots to help explain your problem.
https://monosnap.com/file/ltvbP4OvB1aml1rQkbxot9gpWMk9ml

Desktop environment:

Smartphone environment:

• Device: [e.g. iPhone6]
• OS: [e.g. iOS8.1]
• Browser [e.g. stock browser, safari]
• Version [e.g. 22]

Additional context
Add any other context about the problem here.

When configuring the menu links, the internal or external route urls should be used according to the configuration. What happens instead is a "#" is generated for every menu "Link".

Expected Behavior

Configured external or Internal route is used

Current Behavior

A generic "#" is rendered for the href of every link item.

Possible Solution

Use internalPage or externalPage in place of the "page" string

Steps to Reproduce (for bugs)

1. Configure the DreamStore "Menu"
2. Create 1 item as internal and select random page from dropdown
3. Create 1 item as external and fill in an appropriately constructed absolute url
4. View frontend link. The internal link generates a # and the external link is "undefined"

Context

Cannot just configure the dreamstore menu without customizing component for such small change

Your Environment

• Link to your project:
  https://ecowaterqa.myvtex.com/

Menu container can't be access with css because it don't have a vtex app class in absolute container like category-menu

Expected Behavior

Access to menu app absolute container.

Current Behavior

Can't access to container to modify the background color or width.

Possible Solution

Add vtex class like category-menu app (image below).

Steps to Reproduce (for bugs)

1. Create submenu with categories.
2. Try to access absolute class.
3. Vtex IO transform .absolute selector to vtex-app.version-absolute.

Here a couple of images to show differences between category-menu app absolute and the category app.
category-menu app absolute (accessible)

subcategorymenu (can't acces)