Implement the following updates in the PDP page of the wholesale staging domain.
1. For the wholesale website, we would like the out-of-stock message to show.
2. We would like the “Add the cart” button to be changed to “Pre-order” when the item is out of stock for the wholesale domain.
Open image-20241204-094648.png
- We would also like the quantity box to be bigger so that 3 numbers can be inputted into the box without being cut off.
- Open image-20241204-094709.png
- Changes should be implemented on the domain www.iloveblvd.com
- Ensure the functionality is implemented without impacting other features or domains.
Please make sure that the changes do not affect the existing functionality and retail domain ( Bags, Gifts & Accessories | Boulevard )
Solution:
-Used browser developer tools to inspect the PDP page of wholesale domain to find that there is an extension provided by netsuite to display inventory details. (SC Inventory Display bundle)
-Edited the backorder message field in the inventory display subtab in the website configuration record.
Open Configuration.png
-Now, out of stock message is displayed for items which are out of stock.
-Extended the CartAddToCartButtonView and changed the template of the view in the ProductConfigExtension.js file of ProductConfig_Extension_Wholesale Extension
-Also passed isinstock variable to the custom template as a context variable.
Open CustomTemplate.png
Open ExtendedView.png
-Now the issue is solved. Pre-Order button remains as pre-order when quantity is changed.
Open QuantityChangeSolved.png