- Posts: 17
- Thank you received: 0
Tips for custoom fields during checkout.
4 years 11 months ago #336555
by netica
Tips for custoom fields during checkout. was created by netica
-- HikaShop version -- : 4.4.3
-- Joomla version -- : 3.10.0
-- PHP version -- : 7.4.14
Hi is it possible to add tips to checkout custom fields? i.e. user will click on question mark and recive some tip.
Regards
Greg
-- Joomla version -- : 3.10.0
-- PHP version -- : 7.4.14
Hi is it possible to add tips to checkout custom fields? i.e. user will click on question mark and recive some tip.
Regards
Greg
Please Log in or Create an account to join the conversation.
4 years 11 months ago - 4 years 11 months ago #336567
by Philip
Replied by Philip on topic Tips for custoom fields during checkout.
Hello,
There is a way to do this, follow us step by step :
1. Go in your Custom field, from Main HikaShop Config, Display dropdown => Custom field
2. Create a New custom field, type product
3. Reproduce this configuration in my screenshot :
4. In the relative product backend, don't forget to fill in this product custom field with your text tips
5. Result on the frontend :
6. Add like shown in this tutorial some Css in order to dress up your new elements
7. And here, some code in order to show you how to get only the "?", hide the text tips and show the tips only when the user hover the "?"
Example :
This will alllow your tips text element to be displayed only when the hover state is on the custom field key (here, the "?")
Hope this will fit your needs.
Regards
There is a way to do this, follow us step by step :
1. Go in your Custom field, from Main HikaShop Config, Display dropdown => Custom field
2. Create a New custom field, type product
3. Reproduce this configuration in my screenshot :
4. In the relative product backend, don't forget to fill in this product custom field with your text tips
5. Result on the frontend :
6. Add like shown in this tutorial some Css in order to dress up your new elements
7. And here, some code in order to show you how to get only the "?", hide the text tips and show the tips only when the user hover the "?"
Example :
Code:
div.key_container_tips {
opacity: 0;
}
div.key_container_ ?:hover + div.key_container_tips {
opacity: 1
}
This will alllow your tips text element to be displayed only when the hover state is on the custom field key (here, the "?")
Hope this will fit your needs.
Regards
Last edit: 4 years 11 months ago by Philip.
Please Log in or Create an account to join the conversation.
Time to create page: 0.141 seconds