[alijaved]

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

[eComLabs]

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

 

replace

<label for="sw_product_notify_{$obj_prefix}{$obj_id}" class="ty-strong" id="label_sw_product_notify_{$obj_prefix}{$obj_id}">

with

<label for="sw_product_notify_{$obj_prefix}{$obj_id}" class="ty-strong ty-btn ty-btn__primary" id="label_sw_product_notify_{$obj_prefix}{$obj_id}">

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

[alijaved]

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

 <label for="sw_product_notify_{$obj_prefix}{$obj_id}" class="ty-strong">
 <input id="sw_product_notify_{$obj_prefix}{$obj_id}" type="checkbox"  

[eComLabs]

Try to replace

class="ty-strong"

with

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

Most possibly it will work on 3rd party theme

[alijaved]

Dear Ecom,

 

I tried this solution also cleared the cache but nothing happened 

 

Can you please tell me again If we are missing something

[eComLabs]

Please PM  me URL of the product with this button

[alijaved]

Done. Please check your PM 

 

Please PM  me URL of the product with this button

[alijaved]

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 

[eComLabs]

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

[alijaved]

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

[eComLabs]

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

[alijaved]

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.

[eComLabs]

Thank you for keeping us updated

[victorb]

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 " ?

[eComLabs]

hello

 

how you enabled "back is stock notification " ?

 

Please check

 

http://prntscr.com/ntxnls

[victorb]

Please check

 

http://prntscr.com/ntxnls

thank you!

 

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

 

https://prnt.sc/nu99cj

[eComLabs]

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

[victorb]

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

[eComLabs]

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

[victorb]

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

default responsive Bright theme