Add FA icons to products

  • Resolved mikeyascanio

    (@mikeyascanio)


    7 years, 7 months ago

    Hi Etoile team,

    I would like to add FA to all the products on the catalogue with this “fa fa-plus-square-o” and when clicking on it and displaying the description, to display this FA “fa-minus-square-o”.

    How can I do this?

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)

  • Hi Mikey,

    This implement is beyond of our scope for support. That being said that, it is not impossible to implement. You may can achieve by adding FA font in your catalogue listing file and give it an id and develop a JQUERY to function to toggle when it is selected.

    Thank you

    Thread Starter mikeyascanio

    (@mikeyascanio)

    Makes sense but, can you walk me through on putting the FA on the product list? I can work on the jquery after that.

    • This reply was modified 7 years, 7 months ago by mikeyascanio.

    Hi Mikey,

    If you want to add FA icon in every product that is listed in List view. You may change some code in wp-content/plugins/ultimate-product-catalogue/Functions/Shortcodes.php under if ($format == “List”) condition search for class=’prod-cat-title upcp-list-title upcp-list-action-” in this line you can add FA toggle icon with custom class and try create jquery for that. This might help.

    Thank you

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Add FA icons to products’ is closed to new replies.