vtex-apps / store-components Goto Github PK
View Code? Open in Web Editor NEWDefault VTEX store components
Default VTEX store components
Is your feature request related to a problem? Please describe.
When the customer register for the availability notification, the current language is not saved in the AS entity.
This means that, when there is a change in the product inventory, the system is unable to know in which language the customer needs to receive the email and the default one is always chosen.
Describe the solution you'd like
To solve the issue, we could save the language / locale in the AS entity as soon as the customer subscribes for the availability notification and use that infrormation in order to trigger the email in the correct language.
This way, any VETX account will be able to use this data to send the notification in the correct language in any multu-language store.
Also, it would be a good idea to also save the sales policy the customer belongs to, in order to only send the notification to the customer when the inventory changes in a warehouse which has a langing dock tied to that sales policy.
Describe the bug
product-summary-sku-selector is the problem, to be more precise
const handleClick = (_: React.MouseEvent, value: string) => {
const reducedOptions = displayOptions.reduce<Record<string, DisplayOption>>(
(acc, cur) => {
acc[cur.label] = curreturn acc }, {} ) return reducedOptions[value].onSelectItem()
}
The value is empty string when selected from Firefox which results in an error
Uncaught TypeError: reducedOptions[value] is undefined handleClick SelectVariationMode.tsx:63
You won't see it like this in production, but here you go from a workspace where I linked to last store-components version
https://skuselector--dacris.myvtex.com/
To Reproduce
Steps to reproduce the behavior:
Expected behavior
The error shouldn't happen and the value should change on click
Screenshots
See above
Desktop (please complete the following information):
Additional context
Tried on several other production sites done on VTEX, same issue. Tried to find a solution but couldn't -> it only happens in Firefox AFAIK. Also it only happens with this block, not sku-selector, that one with the select option works fine.
I also tried installing an older version of store-components, no luck.
Is your feature request related to a problem? Please describe.
Adding the collapse part as optional with props would open a lot of customization for that component.
Describe the solution you'd like
Add this part in a renderable context using a boolean.
As a customer, want to see the variation name and price on the dropdown selection in a product shelf.
As a developer, I need to have a prop on the sku-selector block to indicate that the variation's name and the price will be shown on the variation selection.
As an e-commerce owner, I want to show the product variation's name and the price on the variation selection in order to show the user all possibilities and have a short user journey.
Describe the bug
The props placeholder
and emptyPlaceholder
does not work when sending a string, It uses the formatted message configured in the locales folder
To Reproduce
Expected behavior
The rendered text will be the props placeholder
Desktop (please complete the following information):
Smartphone (please complete the following information):
Additional context
Is your feature request related to a problem? Please describe.
The shelf is just showing one product.
Describe the solution you'd like
A option to show at least 2 itens per slide, on mobile mode.
Describe alternatives you've considered
Tried to achieve with CSS, but it just glitch all the slick.
Additional context
What we got now: https://prnt.sc/oqnr0p
What we need: https://prnt.sc/oqns19
Please update the file https://github.com/vtex-apps/store-components/blob/master/docs/InfoCard.md
From:
Below, we describe the namespace that are defined in the ProductPrice
.
To:
Below, we describe the namespace that are defined in the InfoCard
.
At present it is only possible to add a link to the product brand if it is displayed as an image.
Alleop wish to use products with links for text as well.
Would it be difficult to implement this?
Thanks
Describe the bug
When the option to redirect to checkout (isOneClickBuy) is enabled, if the network connection is slow or spotty, the redirection occurs before the item is actually added to the cart
Expected behavior
Add the SKU to the cart and only redirect when it has successfully added.
Additional context
https://github.com/vtex-apps/store-components/blob/v2.6.10/react/components/BuyButton/index.js#L72
Line 72 should be moved to after the await
command or inside the response block.
Describe the bug
When using "vtex.product-list" and "vtex.store-components", I get an error for the product-name & product-brand blocks:
"You're trying to reference a product-brand block, but two or more dependencies declare names that match that and I don't know which one you want. Please specify the app name by writing one of these:
vtex.product-list:product-brand
vtex.store-components:product-brand"
The problem is that when using the blocks this way (vtex.product-list:product-brand for exp.), the don't accept props & custom identifier anymore. For example:
"vtex.store-components:product-brand": { "props": { "displayMode": "text", "blockClass":"product-brand-produs" } },
The block above ignores it's props and if I try to use "vtex.store-components:product-brand#custom" it throughs an error that the block is not defined.
To Reproduce
Steps to reproduce the behavior:
Expected behavior
Behave normal, like the good old times when "product-list" was not a dependency.
Additional context
Workspace 'develop' on account 'dacris'
A client from Canadá needs a "Terms & Conditions" agreement on the newsletter component. It's a Canadian Anti-Spam Legislation requirement.
As a customer, If I have a Terms & Condition label, I have to read and agree with the Terms & Conditions to opt-in the store's emailing list.
As a customer, If I have a Terms & Condition label when submitting the form without the confirmation checkbox set, I have to receive an error message asking me to confirm the "Terms & Conditions" by selecting the confirmation checkbox.
As a customer, If I have a Terms & Condition label when submitting the form with the confirmation checkbox set, the newsletter success message will be displayed.
As an e-commerce admin user. I want to set up a "Terms & Conditions" label using markdown language (at least with bold and hyperlink support) at the Store Editor on the CMS Section by selecting the Newsletter's Block.
* Information and Promotion will have a hyperlink to the following page using an internal link.
In newsletter most of times we need to get the name of the client who is subscribing, and also, he must accept some terms
I have made a fork and improved some optional fields for those situations, but, when I register the newsletter, thus the network request return 200, I can't find the register on masterdata, anyone knows where is registered those infos?
Is your feature request related to a problem? Please describe.
We need to have another kind of zoom that makes sense to follow the store.
Describe the solution you'd like
Add other types of zoom, and the chosen one will be designated via props.
Additional context
https://imgur.com/nVqEj3x
Is your feature request related to a problem? Please describe.
We need to show brands as a gallery of items or as a carousel in the homepage.
Describe the solution you'd like
We can come up as a generic type of component which supports the above display modes as well as the other facilities mentioned in this issue.
Describe alternatives you've considered
We can change the CategoriesHighlights
to be a generic component.
Additional context
This issue is related to this.
Describe the bug
setting border-radius on a vtex-add-to-cart-button
doesn't work
To Reproduce
// vtex.add-to-cart-button.css
.buttonDataContainer {
border-radius: 20px;
}
Expected behavior
should have a css handler for setting border on the button, not the div inside it
Desktop (please complete the following information):
Additional context
Want to set all buttons site-wide to have border-radius 20px
Create the buy button and providing as a npm module.
The buy button must add items to the cart.
This module should be used like this:
<BuyButton quantity={Int} skuId={String} seller={String} salesChannel={String} redirect={Boolean} />
redirect
: If the call to action will redirect the user to the cart or just add the item whitout redirect.
Describe the bug
The AvailabilitySubscriber component send a updateDocument mutation without id and this causes a error because id is required by updateDocument mutation from vtex.store-graphql
To Reproduce
Steps to reproduce the behavior:
Expected behavior
The form shoud be sent
Screenshots
1- (network error): https://prnt.sc/omk1y3
2- (updateDocument mutation): https://prnt.sc/omk2ik
Desktop (please complete the following information):
Is your feature request related to a problem? Please describe.
whenever I need to know what property the component receives I need to go to the documentation to check it, and this creates a bad development experience
Describe the solution you'd like
I wish there were a set of snippets for VSCode that would assist in development, the intellisense and auto complete features are very useful
example:
"store.home": {
"blocks": [
"rich-text"
]
},
"rich-text": {
"props": {
"text": "VTEX Store Framework",
"textAlignment": "CENTER",
"textPosition": "CENTER",
"font": "t-heading-1"
}
}
}
how do i know if textAlignment
receives LEFT
, CENTER
or RIGHT
showing only in the documentation
https://vtex.io/docs/components/all/[email protected]/
I would like a simpler solution for this
Describe alternatives you've considered
Other types of auto complete are also valid
Thanks very much
Is your feature request related to a problem? Please describe.
We plan to use the CategoriesHighlights
component to render a category gallery in the homepage. We need to
Describe the solution you'd like
The CategoryCard
will accept a page/params pair as well as a direct link which in turn will be passed to the Link
component to build the href. The card will have a heading (<h3>
). There will be a title above the main <div>
and a line separator below.
The component will accept 6 and 8 for quantityOfItems
so that we can show 6 or 8 items per row.
Based on the configuration of the display mode, we additionally provide support for a shelf-like view, resulting in a new component.
I am trying to render the following user address component wrapped by injectIntl.
But I am loosing the reference component and getting and render error:
This is happening when I try to use the component inside another that I am building:
import '../index.css';
import React from 'react';
import UserAddress from 'vtex.store-components/UserAddress';
import { Provider } from 'vtex.store-resources/OrderFormContext';
function PreferencesModalAddressComponent(props) {
return (
<div>
<Provider>
<UserAddress></UserAddress>
</Provider>
</div>
);
}
export default PreferencesModalAddressComponent;
Expected behavior
Render the component.
Desktop (please complete the following information):
Versión of dependences
"vtex.store-components": "3.x",
"vtex.store-resources": "0.x",
Is your feature request related to a problem? Please describe.
CTA link is implemented as a prop instead of using the interfaces and blocks features, so it's not possible to have multiple links, and control it's positioning relative to other elements.
Describe the solution you'd like
Possibility to add CTA links as blocks instead of just a prop, allowing for more than one CTA link.
Describe alternatives you've considered
Have two info-cards, one with the full configuration, and another one with just the extra CTA, and style them to look as one. It's a solution but not a good one by any means.
Is your feature request related to a problem? Please describe.
I need to add arrows to the vertical thumbs carousel but it can't be achieved since you guys use the swiper lib and have set up a static config object inside the component.
Describe the solution you'd like
Make it possible to control the swiper carousel configuration by props in the blocks, adding all the remaining properties that the lib can have.
Describe the solution you'd like
Add a configuration into ProductImages
to define where the thumbnails will be displayed, can be left
, right
or below
the selected product image.
Describe alternatives you've considered
This can be resolved if you add a props to receive the strings left
, right
or below
and make a component to render one of them, like the app product-summary
render the "normal" and "inline" components.
When using info card, sometimes the store owners just want to display an image. In order to do that it is required, right now, to use a custom CSS to hide the text element. This issue is to ask for a property, in order to do that on the blocks.json file.
Desciption of problem
When I want to add the description to the quick view a double scroll is generated because the height of the description is fixed in the code even if it is collapsed, to be specific it is 220px, I have revised the code and see that this value is a constant, I would appreciate it being a property and so each developer can choose the best height for the product description
Describe the solution you'd like
in the properties of the component you should receive a property called "collapseHeigth" which should be a number, this should define the height when the description is collapsed
Describe alternatives you've considered
None
Olá a todos! Como vão?
Eu sou novo no VTEX IO, e conclui o curso lançado pela VTEX no GitHub, nos ensinando a trabalhar com os componentes nativos do VTEX IO. Porém eu não tenho a menor ideia de como desenvolver um componente custom do zero. Eu conheço React e já desenvolvi usando a ferramente, mas não tenho a menor ideia de como criar um nó na página para importar meu componente. Como criar a estrutura e fazer a plataforma importar meu arquivo. Outro detalhe é que já inspecionei toda a documentação da VTEX procurando por essa informação. Por favor me ajudem!
Describe the bug
The product-description button was working without the necessity of the main component being a "product-details"children. Now there is no action when the button is clicked.
Example:
https://niazi.myvtex.com/tapete-galant-2-00-x-2-50---sao-carlos/p
To Reproduce
Steps to reproduce the behavior:
Expected behavior
When the button is clicked, the box should show the entire description of the product.
Desktop (please complete the following information):
Smartphone (please complete the following information):
Is your feature request related to a problem? Please describe.
The sku-selector
component renders all variations with the same HTML structure, making it impossible to identify a specific variation as a color.
Describe the solution you'd like
One way to identify sku and its variations (a class based on the sku name)
Describe alternatives you've considered
Develop a proper component to handle SKU selection
Additional context
https://github.com/vtex-apps/store-components/blob/279de2e49b1f2008d99615ca93da774c2d96d55c/react/components/SKUSelector/README.md
https://drive.google.com/open?id=1UlFelvoT5U8RBpi9Ydb5mpSjGE7uUXrK
Describe the bug
On Desktop only, after zoom in the first product image, it won't zoom out, until the user clicks on other images, then it works properly.
To Reproduce
Steps to reproduce the behavior:
Expected behavior
Expected the zoom to work properly, zooming in and zooming out.
Describe the bug
Trying to add la link to an image but the "href" attribute is not rendered in the frontend.
To Reproduce
Steps to reproduce the behavior:
"image#img-vegan": { "props":{ "src": "assets/imagini/icon-vegan.svg", "link":"/diete-speciale/vegan" } }
Expected behavior
The image should redirect the user to the specified link, but the tag wrapping the img has a blank href.
Desktop (please complete the following information):
Additional context
You can see the live bug here: beta--sanovita.myvtex.com
Is your feature request related to a problem? Please describe.
We would like to know if this component is in the backlog, as it is common in many stores.
Is your feature request related to a problem? Please describe.
When I subscribe to a newsletter with an existing e-mail the component only returns a subscription confirmation.
Describe the solution you'd like
When subscribe to a newsletter, the component may detect if the e-mail is already in master data and returns an error message, like: "E-mail already registered"
Describe alternatives you've considered
Additional context
Add any other context or screenshots about the feature request here.
Is your feature request related to a problem? Please describe.
We have some difficulties in tracking native VTEX IO components. Example: collect clicks on the buy button.
Describe the solution you'd like
Enable execution of functions.
Example: onClick={() => this.buyButtonTracking(skuItems[0].skuId, productName, commertialOffer.Price, '1')}
Describe the bug
The newsletter component fails with a 400 network error when sending data, it's trying to send a POST request to /api/profile-system/pvt/profiles/undefined/personalPreferences
, so it seems linke "email" is undefined on the mutation.
To Reproduce
Steps to reproduce the behavior:
Expected behavior
It should send a request to the user profile via it's email and change the field isNewsletterOptin
's value to true
Desktop (please complete the following information):
Smartphone (please complete the following information):
Additional context
{
"data":{
"subscribeNewsletter":null
},
"errors":[
{
"message":"Request failed with status code 400",
"path":[
"subscribeNewsletter"
],
"extensions":{
"code":"INTERNAL_SERVER_ERROR",
"exception":{
"status":400,
"code":"BAD_USER_INPUT",
"name":"UserInputError",
"level":"warn",
"config":{
"baseURL":"http://portal.vtexcommercestable.com.br",
"data":"{\"isNewsletterOptIn\":\"True\"}",
"headers":{
"Accept":"application/json, text/plain, */*",
"Content-Type":"application/json;charset=utf-8",
"accept-encoding":"gzip",
"user-agent":"[email protected]",
"x-vtex-operation-id":"0eb48fa0-4bd3-40f6-a1aa-e251221ba8ba",
"x-vtex-segment":"eyJjYW1wYWlnbnMiOm51bGwsImNoYW5uZWwiOiIxIiwicHJpY2VUYWJsZXMiOm51bGwsInJlZ2lvbklkIjpudWxsLCJ1dG1fY2FtcGFpZ24iOm51bGwsInV0bV9zb3VyY2UiOm51bGwsInV0bWlfY2FtcGFpZ24iOm51bGwsImN1cnJlbmN5Q29kZSI6IkJSTCIsImN1cnJlbmN5U3ltYm9sIjoiUiQiLCJjb3VudHJ5Q29kZSI6IkJSQSIsImN1bHR1cmVJbmZvIjoicHQtQlIifQ",
"Content-Length":28
},
"method":"post",
"timeout":3000,
"url":"http://portal.vtexcommercestable.com.br/api/profile-system/pvt/profiles/undefined/personalPreferences/",
"metric":"profile-system-subscribeNewsletter",
"params":{
"an":"parquedpedro"
}
},
"request":{
"finished":true,
"method":"POST",
"path":"/api/profile-system/pvt/profiles/undefined/personalPreferences/?an=parquedpedro"
},
"response":{
"data":{
"Message":"\"'undefined' is not a valid email\""
},
"headers":{
"date":"Tue, 04 Jun 2019 21:52:10 GMT",
"content-type":"application/json; charset=utf-8",
"server":"VTEX IO",
"content-length":"50",
"cache-control":"no-cache",
"pragma":"no-cache",
"expires":"-1",
"set-cookie":[
"janus_sid=97508603-7475-4139-82eb-ccd503ad6e1c; expires=Fri, 07 Jun 2019 21:52:07 GMT; domain=portal.vtexcommercestable.com.br; path=/; samesite=lax"
],
"x-aspnet-version":"4.0.30319",
"x-powered-by":"ASP.NET",
"x-vtex-janus-router-backend-app":"ds-api-v10.100.8",
"x-vtex-took":"195",
"x-request-id":"9af41111e185475b99049ddcd8a55755",
"x-vtex-router-version":"2.14.2",
"x-vtex-backend-status-code":"BadRequest",
"x-vtex-backend-elapsed-time":"00:00:00.1997736",
"x-vtex-router-elapsed-time":"00:00:00.2206787",
"x-vtex-io-cluster-id":"aws-1-us-east-1"
},
"status":400
}
}
},
"name":"GraphQLError",
"originalError":{
"status":400,
"code":"BAD_USER_INPUT",
"name":"UserInputError",
"level":"warn",
"config":{
"baseURL":"http://portal.vtexcommercestable.com.br",
"data":"{\"isNewsletterOptIn\":\"True\"}",
"headers":{
"Accept":"application/json, text/plain, */*",
"Content-Type":"application/json;charset=utf-8",
"accept-encoding":"gzip",
"user-agent":"[email protected]",
"x-vtex-operation-id":"0eb48fa0-4bd3-40f6-a1aa-e251221ba8ba",
"x-vtex-segment":"eyJjYW1wYWlnbnMiOm51bGwsImNoYW5uZWwiOiIxIiwicHJpY2VUYWJsZXMiOm51bGwsInJlZ2lvbklkIjpudWxsLCJ1dG1fY2FtcGFpZ24iOm51bGwsInV0bV9zb3VyY2UiOm51bGwsInV0bWlfY2FtcGFpZ24iOm51bGwsImN1cnJlbmN5Q29kZSI6IkJSTCIsImN1cnJlbmN5U3ltYm9sIjoiUiQiLCJjb3VudHJ5Q29kZSI6IkJSQSIsImN1bHR1cmVJbmZvIjoicHQtQlIifQ",
"Content-Length":28
},
"method":"post",
"timeout":3000,
"url":"http://portal.vtexcommercestable.com.br/api/profile-system/pvt/profiles/undefined/personalPreferences/",
"metric":"profile-system-subscribeNewsletter",
"params":{
"an":"parquedpedro"
}
},
"request":{
"finished":true,
"method":"POST",
"path":"/api/profile-system/pvt/profiles/undefined/personalPreferences/?an=parquedpedro"
},
"response":{
"data":{
"Message":"\"'undefined' is not a valid email\""
},
"headers":{
"date":"Tue, 04 Jun 2019 21:52:10 GMT",
"content-type":"application/json; charset=utf-8",
"server":"VTEX IO",
"content-length":"50",
"cache-control":"no-cache",
"pragma":"no-cache",
"expires":"-1",
"set-cookie":[
"janus_sid=97508603-7475-4139-82eb-ccd503ad6e1c; expires=Fri, 07 Jun 2019 21:52:07 GMT; domain=portal.vtexcommercestable.com.br; path=/; samesite=lax"
],
"x-aspnet-version":"4.0.30319",
"x-powered-by":"ASP.NET",
"x-vtex-janus-router-backend-app":"ds-api-v10.100.8",
"x-vtex-took":"195",
"x-request-id":"9af41111e185475b99049ddcd8a55755",
"x-vtex-router-version":"2.14.2",
"x-vtex-backend-status-code":"BadRequest",
"x-vtex-backend-elapsed-time":"00:00:00.1997736",
"x-vtex-router-elapsed-time":"00:00:00.2206787",
"x-vtex-io-cluster-id":"aws-1-us-east-1"
},
"status":400
},
"message":"Request failed with status code 400",
"stack":"Error: Request failed with status code 400\n at createError (/usr/local/app/node_modules/axios/lib/core/createError.js:16:15)\n at settle (/usr/local/app/node_modules/axios/lib/core/settle.js:18:12)\n at IncomingMessage.handleStreamEnd (/usr/local/app/node_modules/axios/lib/adapters/http.js:201:11)\n at IncomingMessage.emit (events.js:205:15)\n at endReadableNT (_stream_readable.js:1137:12)\n at processTicksAndRejections (internal/process/task_queues.js:84:9)"
},
"forwardedHost":"homologmurilo--parquedpedro.myvtex.com",
"forwardedProto":"http",
"operationId":"0eb48fa0-4bd3-40f6-a1aa-e251221ba8ba",
"query":{
"query":"mutation subscribeNewsletter($email: String) {\n subscribeNewsletter(email: $email)\n}\n",
"variables":{
"email":"[email protected]"
},
"operationName":"subscribeNewsletter",
"senderApp":"[email protected]",
"providerApp":"[email protected]"
},
"requestId":"629ccc43276146cf901600a20786af37",
"pathName":"subscribeNewsletter"
}
]
}
Describe the bug
The mutation is rising an error when we click on the button "Avise-me quando chegar" about the
To Reproduce
On a store v1, that uses this component on the last version (v2.6.10) we are receiving a mutation error because the type of the $acronym param must be "String!" instead of "String":
errors: [{message: "Variable "$acronym" of type "String" used in position expecting type "String!".",…}]
0: {message: "Variable "$acronym" of type "String" used in position expecting type "String!".",…}
extensions: {code: "GRAPHQL_VALIDATION_FAILED"}
locations: [{line: 1, column: 32}, {line: 2, column: 68}]
message: "Variable "$acronym" of type "String" used in position expecting type "String!"."
We cannot use the v3.X component, because the store is v1, not v2 and we cannot use the new version.
Expected behavior
No graphql error. For this, is needed to replace on this file the first line to add the "exclamation" on the String type to be compatible with updateDocument mutation:
https://github.com/vtex-apps/store-components/blob/v2.6.10/react/components/AvailabilitySubscriber/mutations/addToAvailabilitySubscriberMutation.gql
mutation availabilitySubscribe($acronym: String!, $document: DocumentInput)
Also, we need more documentation about how is working this. We deduce that we must create a "AS" entity on master data with the same fields that are here:
https://github.com/vtex-apps/store-components/blob/master/react/components/AvailabilitySubscriber/README.md#data
But, what is the function of that? How we can sure about the mail that is sended when the product has stock?
Describe the bug
When using the product-images block with displayMode "carousel" which is the default value, we get an error that seems to be related to the fact that the HTML is not loaded when the JS runs - if we change it to "list" instead, the issue is fixed
To Reproduce
Steps to reproduce the behavior:
Expected behavior
Error should not appear and the product details should render
Screenshots
Desktop (please complete the following information):
Smartphone (please complete the following information):
Is your feature request related to a problem? Please describe.
There is no css class for the swiper-container and swiper-wrapper items in the product-images (thumbs) component.
Describe the solution you'd like
We need a css class for the swiper-container and swiper-wrapper, so we can style these two items, in some specific scenarios.
ZIP code inserted in Shipping Simulator go to checkout.
Describe the bug
The availabilitySubscriber application no longer works. When completing the form returns error 403. There were no problems until recently.
The problem it's on several sites
To Reproduce
Steps to reproduce the behavior:
Describe the bug
"vtex.store-components:product-brand" doesn't apply props. Logo is still used instead of text
To Reproduce
"flex-layout.col#pri-left": { "children": [ "vtex.store-components:product-brand" ], }, "vtex.store-components:product-brand": { "props": { "displayMode": "text" } }
Is your feature request related to a problem? Please describe.
The SKU Selector does not render more than two items of the specifications.
Describe the solution you'd like
That the SKU Selector could render all specifications and heard a way to identify the sku on the front (a class based on the sku name)
Describe alternatives you've considered
Develop a proper component to handle SKU selection
Additional context
https://github.com/vtex-apps/store-components/blob/279de2e49b1f2008d99615ca93da774c2d96d55c/react/components/SKUSelector/README.md
https://drive.google.com/open?id=1JoXUWdMhXmL66DuKC_Ii6koxnVLn8Gn2
Is your feature request related to a problem? Please describe.
The idea is to make it possible to add external/internal link tags outside a store-components/Image app instance.
Describe the solution you'd like
A src/url prop that places an outside link tag. It can be very useful considering that will make it possible to add custom images inside header/footer that can redirect the user to an url.
Also it can have a prop to choose if the link should be open in a new window.
Describe alternatives you've considered
Additional context
Is your feature request related to a problem? Please describe.
We expect a boolean props to show other social networks.
Describe the solution you'd like
Add other networks on share.
ex:
Pinterest: http://pinterest.com/pin/create/button/?url={{ImagemURL}}.jpg.
E-mail: mailto:?subject={{subject}};body={{body}}.
Describe the bug
Sometimes, when I open the product page in the same window, the product images do not load completely, the top arrow remains displayed and I cannot click on any picture.
I tried not to activate the navigation arrows but the same thing happens (the arrow no longer appears, normally, but I still can't change the pictures).
If I resize the window or refresh the page, it works.
To Reproduce
Steps to reproduce the behavior:
Desktop (please complete the following information):
Is your feature request related to a problem? Please describe.
I need to display the quantity field like is show in the image:
Describe the solution you'd like
Change prop in BuyButton component, also like:
<BuyButton quantityToBeAdded={quantityToBeAdded} available={isAvailable} skuItems={skuItems} isOneClickBuy={isOneClickBuy} shouldOpenMinicart= {shouldOpenMinicart} />
Is your feature request related to a problem? Please describe.
We have results on search-bar only if pressing 'enter' key and on button only a 'clear input' action.
Describe the solution you'd like
On button, add a option to add a 'click and search' action.
Describe alternatives you've considered
Passing a prop to button, add a new function to make this button 'clickable' and keeping your default action on 'enter' key press.
Describe the bug
When inputType is set to search, displayMode and openAutocompleteOnFocus won't work.
To Reproduce
Steps to reproduce the behavior:
"props": { "openAutocompleteOnFocus": true, "displayMode": "search-and-clear-buttons", "inputType": "search" }
Expected behavior
openAutocompleteOnFocus should work normally, instead it only opens top searches briefly, when you start typing.
displayMode should change the style, instead it does nothing (visibly, at least).
Is your feature request related to a problem? Please describe.
We want to be able to make an improvement to SEO allowing to change the HTML tag containing the brand name, as it works with the "tag" property in the "product-name" component.
Describe the solution you'd like
pass the html element as a parameter
Describe alternatives you've considered
pass the html element as a parameter
Additional context
product-summary-brand
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.