> For the complete documentation index, see [llms.txt](https://docs.firework.com/firework-for-developers/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.firework.com/firework-for-developers/web/integration-guide/shopping-integration-v2/shopping-integration-faq.md).

# Shopping Integration FAQ

### How to remove the default placeholder image using hydration?

When you add a product without any images in Firework business portal and hydrate new images using product hydration, you will see that the default placeholder image is displayed even though you have provided new images for your variants. To remove this simply set the position of your first variant's image as 0 when creating images using image builder. This will ensure that this image is displayed as the first image of the product. Increment the position across variants (different images for different variants should not have the same position)

### Product price is displayed as a range even though all the hydrated variants have the same price

This happens when you add a product without any variants in Firework business portal and then hydrate variants using product hydration. There is a default variant created when a product without variants is created in Firework business portal. To prevent this from happening, you have to make sure to create at least one variant when creating the product and ensure to hydrate that variant.

### Product card is displaying Shop Now/View More even after adding hydration code

This happens in three scenarios

1. If you have not added External ID while creating your products in Firework Business Portal, the product card will display Shop Now
2. If you have set the price of the product as hidden in Firework Business Portal, the product card will display View More
3. If the domain of the product URL is different from the domain in which the widget is embedded. Eg: If the product URL is [www.example.com/product](http://www.example.com/product) and the widget is embedded in [www.anotherdomain.com](http://www.anotherdomain.com)


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter:

```
GET https://docs.firework.com/firework-for-developers/web/integration-guide/shopping-integration-v2/shopping-integration-faq.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.