When my customers open my store, they need to see details of a specific product. How to implement it?
There are two possible options: using JS code or single product widget.
Single product widget
You can generate a HTML code of any product on the "HTML code" tab. When you insert this code to any page, the following product information appears:
- thumbnail
- price
- options
- the "Add to cart" button
Html code of a single product is used when you want to create a custom page for the product with your own description etc. That's why this code has only the necessary elements. It's assumed that you add all the other elements manually.
So the instruction is as follows:
- Create a new page on your site.
- Insert a HTML code of the necessary product to it. Add the description. When your customers visit this page, they will be able to purchase a product from it.
JS code
It's possible to force the product browser to show a specific product by default.
If you want to have the view which is the same as after you click on a product in product browser, it's possible to implement it using the other way.
- Add a product browser code to your page. (it's assumed you've already done it)
- Add the followign JS code after it:
<script>
if (!document.location.hash) {
var ecwid_amp = String.fromCharCode(38);
document.location.hash = 'ecwid:category=0' + ecwid_amp + 'mode=product' + ecwid_amp + 'product=PRODUCT_ID';
}
</script>
