outofstock doesnt show on items

marwan.dalaty

if the item doesnt have stock anymore, the client cant add it to the cart and the button will be greyed out.
SO how can I show him a message on the top of the product that the item is out of stock?

Rishabh-Webkul

Hello @marwan-dalaty

You can customize your code from the file

packages >> Webkul >> Shop >> src >> Resources >> views >> products >> view.blade.php

view.bladephp.png

Thanks & Regards

marwan.dalaty

@Rishabh-Webkul where can I add the css changes for the label out of stock after I add it inside view.blade.php? now the label is showing but I need to add its CSS to be able to show in the home page when user try to explore product

amit-webkul

Hello @marwan-dalaty ,

If you are making changes inside the shop package -> view.blade.php file, you can add your Tailwind CSS directly to the HTML.

After adding the CSS, you will need to compile it and create a build file. To compile the CSS, you will need to follow a few steps.
Step 1: Install npm inside the shop package using the following command:

npm install

Step 2: Run the following command to create the build.

npm run build

This will update your changes in the build file