Expected Behavior

Send a props auto play as boolean to enable / disable the function.

Current Behavior

we don`t have this function.

Possible Solution

Since they already use the slick it is enough to persist this props until the slider of store-components.

Should be great to have the possibility to have an option on the List Ordination field to set the same ordination from the product cluster's (Collection) configuration.

User Stories

As an e-commerce Admin user, using the Site Editor, I want to select a product list block, set up a collection Id and choose the ordination to be the same as the collection's ordination.

Now the ActionBar needs to receive the title prop for title display:

<ActionBar title={this.props.title} onSave={this.handleSave.bind(this)}/>

@BrenoC

• Disable - / + buttons when on the edge of the range
• When the user clicks on the - / + buttons, the form is closed

We need to be able to order the products that are similar, or suggested in some particular way. how can I do? Thank you

• Show “de / por”
• Show prices in installments

Unavailable items have the priced marked as 00,00 so when the parameter OrderByPriceASC is used, the first items to be displayed are unavailable.

Expected Behavior

Unavailable items should be displayed after the rest of the search results.

Current Behavior

Unavailable items are being displayed before the rest of the search results, due to their price being loaded as zero.

Steps to Reproduce (for bugs)

Create a shelf with the code below:

"shelf#ofertas": {
    "props": {
      "orderBy": "OrderByPriceAsc",
      "productList": {
        "maxItems": 4,
        "itemsPerPage": 4,
        "scroll": "BY_PAGE",
        "arrows": false,
        "titleText": "O patrão tá maluco",
        "summary": {
          "isOneClickBuy": false,
          "showBadge": true,
          "badgeText": "OFF",
          "buyButtonText": "Leva agora meu!",
          "displayBuyButton": "displayButtonHover",
          "showCollections": false,
          "showListPrice": true,
          "showLabels": true,
          "showInstallments": true,
          "showSavings": true,
          "name": {
            "showBrandName": true,
            "showSku": true,
            "showProductReference": true
          }
        }
      }
    }
  }

Context

The expected behavior is to display the results currently available, followed by the unavailable items. Displaying unavailable products can be frustrating to the customer.

Your Environment

This test was performed in the workspace novaloja--pilateslovers.myvtex.com.

Is there any possibility to hide unavailable products in the shelf.product component?

I saw that list-context.product-list has the prop that helps me (hideUnavailableItems), but it doesn't work for shelf.product.

Or is there any option to build a shelf containing similar products using list-context.product-list component?

😱

Products should have ate least one sku with more than one item in stock and with price (ready to sell)

If I configure "items per page" on Storefront for the shelf (eg.: Related Products on product page), it doesn't render like that on the front-end, and it has weird behaviour. It usually shows 1 or 2 items per page (even if there are more than that shown), instead of the 3/4/5 that can be set per page.

Expected Behaviour

Slick slider should follow the settings for the app on Storefront.

Current Behaviour

I think because of adaptToScreen, slick doesn't respect the other settings and shows 1 or 2 items, and that behaviour is weird too because on the same screen width it alternates between them.

Possible Solution

Remove adaptToScreen and implement responsiveness in another way?

Steps to Reproduce (for bugs)

On storefront product page, create a configuration for "Related Products" with "Items per page" option o layout tab

Context

Your Environment

• Version used: latest
• Environment name and version (e.g. Chrome 39, node.js 5.4): Chrome Version 70.0.3538.77 (Official Build) (64-bit)
• Operating System and version (desktop or mobile): macOS High Sierra
• Link to your project:

Pull Request submitted #4

This way it's clear that you have to swipe on smaller viewports that do not use arrows

Failing silently, have no idea why.

Help me @tamorim, you're my only hope

Is it possible to create a shelf without creating a slider for the products? I would like to show all the products of a shelf at once so I don't have to navigate throught slides.

Today productImpression is being sent separately for each product on the shelf. For each product we trigger a hit to GA and eventually that can exceed a limit stablished in the contract. To save hits we should send them in batches so we hit GA fewer times.

We should beware that there's a limit of 8kb for a hit, that can happen if we send more than 50 products in a hit, for example. One solution for that is to send only productImpressions of products visible in the screen.

Possible Solution

We might use context in the Shelf component to listen to events triggered by each product and then trigger the event after some miliseconds.

We could also use intersectionobserver to trigger only events to products visible on the screen.

Steps to Reproduce (for bugs)

Open a store with a shelf and see that productImpression is sent N times.

Shelf bug report

Current Behavior

when the shelf is loaded several react errors appear on the console
** main problem is the infinite loop

Print: https://share.getcloudapp.com/12u1xexB

Steps to Reproduce (for bugs)

1. go to https://shop.samsung.com.ar
2. open dev tools
3. check the dev tools console

Possible Solution

check that line of code: https://github.com/vtex-apps/shelf/blob/master/react/components/ShelfContent.js#L65

Your Environment

• Version used: 1.34.4
• Environment name and version: Version 79.0.3945.130
• Operating System and version (desktop or mobile): windows 10 / windows 7
• Link to your project: https://shop.samsung.com.ar

Describe the bug
On Mobile devices, when the home page is loaded the produtcs occupy the full width of the screen. But when you swipe to the next product the "product-summary" srinks.

To Reproduce
Steps to reproduce the behavior:

1. Using a mobile device or on inspect mode (using a desktop) go to https://demoio--imaginarium.myvtex.com/
2. Swipre the first shelf
3. See error

Expected behavior
It is expected that the shelf maintain the original size, full width

Screenshots
Initial State

Error State

Desktop (please complete the following information):

• OS: All
• Browser: All