vtex-apps / search Goto Github PK
View Code? Open in Web Editor NEWEnhanced search app
Enhanced search app
Describe the bug
Show more link is not getting the parent URL and is redirecting to another website.
To Reproduce
Go to https://shop.samsung.com/br/, search galaxy
and wait for the autocomplete be filled.
Hover the show more link and you'll see that the query is wrong and is not having the /br/ in the URL neither.
Expected behavior
Correct query and /br/ before the query.
Video
https://www.loom.com/share/863979ad51e54d1b99100de5bac083b0
Additional context
https://github.com/vtex-apps
vtex.search: 1.x
When the search-bar
block is declared inside a header-layout
block, the search bar doesn't work properly on mobile.
But if we declare the search-bar
block directly in header
and header.full
it works as expected.
This workaround doesn't work for us because we need to declare search-bar
inside a layout component to set component position and styles.
Given the following code:
{
"header": {
"blocks": ["header-layout.mobile"]
},
"header.full": {
"blocks": ["header-layout.mobile"]
},
"header-layout.mobile": {
"children": ["sticky-layout#header-row-mobile"]
},
"sticky-layout#header-row-mobile": {
"children": ["flex-layout.row#header-row-mobile"]
},
"flex-layout.row#header-row-mobile": {
"children": [
"drawer",
"logo",
"minicart.v2"
],
"props": {
"fullWidth": true
}
},
}
The expected behavior on mobile is:
The actual behavior is:
But if we make a few changes in code, it'll work properly, but there's blocks that we can't declare inside header
and header.full
, such as drawer
and flex-layout
.
{
"header": {
"blocks": ["search-bar"]
},
"header.full": {
"blocks": ["search-bar"]
}
}
Hi!
The search resolver is not updating the correct prices as defined in the site-editor. Shelf, Search & Product page are ok, only the category is not displaying the right prices.
Demo to see the bug: https://golive--dacris.myvtex.com/articole-de-birou/organizare-si-arhivare/bibliorafturi
Ele pode ser usado fora do Header?
Por ejemplo, eu gostaria de usar ele no HERO da home, e claro que no header de outras páginas.
Porém na home, queria usar ele no HERO,isso é possivel?
Muito obrigado!
search-result-layout.desktop.enhanced
and search-result-layout.desktop.enhanced
interfaces are not necessary anymore since the allowed property is ignored.
Hi!
The autocomplete is not shoing the prices. We had similar issues on the search page, but they were fixed when adding the "__unstableProductOriginVtex" prop. It doesn't seem to work on the autocomplete block. I've added our code bellow. You can test / edit / see in this workspace: https://beta--dacris.myvtex.com/
Thanks!
"search-bar": { "blocks": ["autocomplete-result-list.v2"], "props": { "openAutocompleteOnFocus": true, "placeholder": "Cauta orice, avem atatea solutii ...", "displayMode":"clear-button" } }, "autocomplete-result-list.v2": { "blocks": ["product-summary.shelf#defaultShelf"], "props": { "__unstableProductOriginVtex": true } },
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.