Out of stock and Add to cart Issue

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

image-20241204-094648.png

  1. We would also like the quantity box to be bigger so that 3 numbers can be inputted into the box without being cut off.
  2. Open image-20241204-094709.png
  3. image-20241204-094709.png
  4. Changes should be implemented on the domain www.iloveblvd.com
  5. 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

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

CustomTemplate.png

 

Open ExtendedView.png

ExtendedView.png

-Now the issue is solved. Pre-Order button remains as pre-order when quantity is changed.

Open QuantityChangeSolved.png

QuantityChangeSolved.png

Leave a comment

Your email address will not be published. Required fields are marked *