Adding favorite post button on post category list and single post

Hello, @adityajejurkar
Thank you for your rating and your question.

You can add them with this shortcode.

shortcode: [ccc_my_favorite_select_button post_id="your post ID"]

If you want to put it directly to your theme’s PHP file, try writing code like this.

<?php
    if( shortcode_exists( 'ccc_my_favorite_select_button' ) ) {
        echo do_shortcode('[ccc_my_favorite_select_button]');
    }
?>

Please add this in the loop of WP_Query or in single.php.

Please try it in a test environment first.

Thanks

• This reply was modified 3 years ago by Takashi Matsuyama.

Hello Takashi,
Thanks for the above quick reply. Is there any way I can add the code in function.php where it can directly append it to all posts?
Thanks

Hello, @adityajejurkar

Sorry. I haven’t tried that, but maybe you can do it by writing “add_filter()” to add the shortcode.

add_filter( 'the_content', 'function_add_shortcode' );
function_add_shortcode() {　…… }

Perhaps like this.

Thanks

Hello @takashimatsuyama ,
No worries got the solutions.
Thanks for the plugin.

Hello @takashimatsuyama,
I’d check the previous support ticket where how we can change the icon from heart to any other option. It didn’t work for me. What I want is a bookmark icon rather than the heart icon. Tried overriding the CSS as well still no success. Hope you have any solution to this.
Thanks

Hello, @adityajejurkar

Would the following topics be helpful?
https://www.ads-software.com/support/topic/svg-icon-2/

Thanks

Hello @takashimatsuyama ,
Yes I tried no success!

Hello, @adityajejurkar
Can you put some of your CSS code in this topic?

Hello @takashimatsuyama,
Below is the CSS which I’ve added in the customise:
.ccc-favorite-post-toggle > a::before{
content: ” “;
background-image: url(‘https://speutarl.sirv.com/icons8-bookmark.svg’);
background-repeat: no-repeat;
display: inline-block;
vertical-align: middle;
height: 20px;
width: 20px;`
}

The icon is not visible after adding the css:
Screenshot: https://prnt.sc/xQqkxVjKcaaj

If you want you can try overriding on this page as well:
https://leadib.learningbus.in/organic-chemistry/

Thanks

Hello, @adityajejurkar

How about this?

.ccc-favorite-post-toggle > a::before {
    content: " ";
    background-image: url('https://speutarl.sirv.com/icons8-bookmark.svg');
    background-repeat: no-repeat;
    vertical-align: top;
    height: 20px;
    width: 20px;

    background-size: 100%; /* add */
    background-position: center center; /* add */
    display: inline-block; /* add */
}

Then　you　can easily override it with your theme’s CSS by writing the following.

.your_class_or_id .ccc-favorite-post-toggle > a::before {
   …
}

Thanks

Hello @takashimatsuyama,
Thanks for the reply, I’ve added the CSS, but this is how it looks when I toggle click on it. The ::before icon is appearing but when I click on it the heart filled icon appears. Here it should show the bookmark icon filled rather than the heart.
Screenshot: https://prnt.sc/oSCzDvdn4I9f
Please Check

Hello, @adityajejurkar

You can do it by changing the following code.
.ccc-favorite-post-toggle > a.save::before { … }

It adds “.save” when clicked.

You can check it in the inspector of your browser (DevTools).
Icons and styles can be adjusted with standard CSS.

Thanks

Hey @takashimatsuyama,
Thanks for the above option. It worked. One last thing, I want the users to log in first and then save the post. Currently, they can save with or without login. Any way I can restrict them from saving without logging in.
Thanks

Hello, @adityajejurkar
You’re welcome.
I’m glad it worked out.

This plugin itself does not prompt for login.
However, it can be displayed only to logged-in users.
Please use the standard WordPress functions.

For example :

<?php
if ( is_user_logged_in() ) {
    if( shortcode_exists( 'ccc_my_favorite_select_button' ) ) {
        echo do_shortcode('[ccc_my_favorite_select_button]');
    }
}
?>

Thanks

Hello @takashimatsuyama ,
The above solution sounds fair to me as well. But additionally, I would like to tell you one thing. Keep up the good work, you’re the best.
Thanks a bunch