WhatsApp Icon and Link

Permalink Browser Info Environment
We are going to use WhatsApp and would like to have an icon and link from our website. Now there are already icons and links in the theme to Facebook, Instagram, Linkedin etc .. But is it also possible to use an icon and link to WhatsApp here (social media links)?

Type: Discussion
Status: Resolved
rheveling
View Replies:
shahroq replied on at Permalink Reply
shahroq
Hi,
1. First, you have to add WhatsApp service to the list of C5 social links. For doing so append this to your /application/config/concrete.php file:
<?php
return [
    'social' => [
        'additional_services' => [
            [
                'whatsapp', // the handle
                'WhatsApp', // the title which will be shown in the dropdown
                'fa-whatsapp', // the icon name copied before
            ]
        ],
    ],
];
https://documentation.concrete5.org/tutorials/add-new-links-to-the-social-links-dashboard-page

2. Then add this piece to your 'custom.dev.less' file:
.si-whatsapp:hover,
.si-colored.si-whatsapp { background-color: #25d366 !important; }
.si-text-color.si-fivehundredpx i { color: #111; }
For more info on 'custom.dev.less' file check Instructions Page #18.
rheveling replied on at Permalink Reply
rheveling
Thanks.

/application/config/concrete.php unfortunately does not exist (concrete.php) only the app.php database.php and update.php files are in it.
shahroq replied on at Permalink Reply
shahroq
So create one. Also, you can check the provided link from C5 documentation. You may find that more descriptive.
rheveling replied on at Permalink Reply 1 Attachment
rheveling
It's working! Only the css (layout) is not good yet. Attached the custom.dev.less file. What did I do wrong? See alsohttp://www.onvi.nl (WhatsApp is in the top bar and footer)
shahroq replied on at Permalink Reply
shahroq
Force browser to clear the cache (Ctrl+F5).
Another point regarding your site: Check installation page: After Installation: #1.
rheveling replied on at Permalink Reply
rheveling
Top! It works :-)!

Thanks

concrete5 Environment Information

# concrete5 Version
Core Version - 8.5.1
Version Installed - 8.5.1
Database Version - 20190301133300

# concrete5 Packages
Bootstrap Blocks (0.9.7), Pixel Theme (2.1.2), Whale Sky Tabs (1.3.0)

Browser User-Agent String

Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/74.0.3729.169 Safari/537.36

Hide Post Content

This will replace the post content with the message: "Content has been removed by an Administrator"

Hide Content

Request Refund

You may not request a refund that is not currently owned by you.