12% off of LTD using this coupon: TWELVEPERCENTOFF. Promo ends on 2 Dec midnight UTC.
Published on Jun 11, 2022

My Favorites in Oxygen

Sridhar Katakam

In the past, we covered Favorites plugin here.

This members-only tutorial provides the steps to set up a newer similar plugin called My Favorites in Oxygen including showing user's favorite posts (can be of any post type) using the Repeater component.

Step 1

Install and activate My Favorites. There is no settings page for this plugin.

Step 2

To add the favorite heart button, edit your Template with Oxygen and add this shortcode:

[ccc_my_favorite_select_button]

That will output an empty heart icon that gets filled when the user clicks on it to indicate that it has been added to the user's favorites.

Step 3

If you have a profile page in your site for each logged-in user and wish to show a link to the favorites page - /favorites (to be created in the next step), add this shortcode:

[ccc_my_favorite_list_menu]

A filled heart with the number of user's favorites will be shown

Step 4

Create a Page called Favorites.

We are going to cover 3 ways in which the logged-in user's favorites can be shown.

  1. Plugin's shortcode - looks ok on the front end, you might want to add a some custom CSS to tidy up the look.
  2. Plugin's function - for those that want full control of the generated HTML. Needs full custom styling.
  3. Oxygen's Repeater - for those that prefer to visually build the output.

Plugin's shortcode

Add this shortcode either in the WP/Oxygen editor:

[ccc_my_favorite_list_results]

To tidy up the look a little like

add this CSS:

This is a premium members-only content.

To view the rest of the content, please sign up for membership ($47/month or $599 one-time).

Already a member? Log in below or here.

tagschevron-leftchevron-rightchainangle-rightangle-upangle-downfolder-omagnifiercrossmenuchevron-downarrow-right