Add Button Style To "notify Me When Back In Stock"

Dear members,

I have enabled "Sign up for notification when the product is back in stock" for products

however, In the front end, I want to style the "Notify me when the product is back in stock" text as a button so the user can see it as a button and when the user will press this button, the e-mail field will appear

for reference here is the picture. https://prnt.sc/kzfk9w

I tried to modify from theme editor but was unable to do so,

your kind response will be appreciated.

Thanks

design/themes/THEME/templates/common/product_data.tpl

replace


with


if you are familiar with hooks, use the product_data:back_in_stock_checkbox hook to do it

You can hide checkbox by adding the hidden class to next input element in the code

http://prntscr.com/kznmqp

Hello, I could not find the code which you have provided in my Product_data.tpl file, I am using UNITHEME I have this code in my product_data.tpl file

 
 
        

Try to replace

class="ty-strong"

with

class="ty-strong ty-btn ty-btn__primary"

Most possibly it will work on 3rd party theme

Dear Ecom,

I tried this solution also cleared the cache but nothing happened

Can you please tell me again If we are missing something

Please PM me URL of the product with this button

Done. Please check your PM

Please PM me URL of the product with this button

I applied your solution even on a default demo store of cs-cart on my localhost, it did not work, even I cleared the cache as in the default store there is no add-on installed so how it can be overridden in default?

also, I would like to tell you that the path which you gave design/theme/THEME....

the product_data.tpl file is only available in the responsive folder on default cs-cart store

I also applied your solution via browser console and it worked, but when I change the class in the files and clear the cache, it is not effective even on default cs-cart store

Also, You are the UniTheme expert so I believe you can tell me the exact file path where I can change the class for this button because this Product_data.tpl file is only available in a responsive folder and abt_unitheme folder, other then these 2 folders there is no product_data.tpl file

I will appreciate your support

PM me temporary FTP access to your store. Possibly 3rd party addon overrides default product_data.tpl file

Unfortunately, I cannot provide the FTP access due to the privacy restriction. If you can post the solution here, that would be great.

PM me temporary FTP access to your store. Possibly 3rd party addon overrides default product_data.tpl file

Unfortunately, I cannot provide the FTP access due to the privacy restriction. If you can post the solution here, that would be great.

I posted the solution. Now it is required to examine 3rd party addons on your server directly

I have found a solution to this, I am posting here for others

After you have made the changes in design/themes/THEME/templates/common/product_data.tpl

you have to go to to the following path and perform the same changes again

design/themes/responsive/templates/addons/product_variations/hooks/products/out_of_stock_block.override.tpl

After this clear your cache folder, and it will start showing it as a button.

Thank you for keeping us updated

Dear members,

I have enabled "Sign up for notification when the product is back in stock" for products

however, In the front end, I want to style the "Notify me when the product is back in stock" text as a button so the user can see it as a button and when the user will press this button, the e-mail field will appear

for reference here is the picture. https://prnt.sc/kzfk9w

I tried to modify from theme editor but was unable to do so,

your kind response will be appreciated.

Thanks

hello

how you enabled "back is stock notification " ?

hello

how you enabled "back is stock notification " ?

Please check

http://prntscr.com/ntxnls

Please check

http://prntscr.com/ntxnls

thank you!

This info doesn't appear even if enable inventory are on

https://prnt.sc/nu99cj

You do not see the Out of stock actions field or do not see the Sign up... variant?

You do not see the Out of stock actions field or do not see the Sign up... variant?

sorry, I was not clear enough. appear on administration page but do not appear on product front page .

https://prnt.sc/nugvx3

http://prntscr.com/nugwib

What theme do you use? Such issues can be caused by 3rd party themes

What theme do you use? Such issues can be caused by 3rd party themes

default responsive Bright theme