Tips for custoom fields during checkout.

  • Posts: 17
  • Thank you received: 0
3 years 4 weeks ago #336555

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

Please Log in or Create an account to join the conversation.

  • Posts: 4747
  • Thank you received: 644
  • MODERATOR
3 years 4 weeks ago #336567

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 :

alt


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 :
alt


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 :
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: 3 years 4 weeks ago by Philip.

Please Log in or Create an account to join the conversation.

Time to create page: 0.054 seconds
Powered by Kunena Forum