Add the “Google” and “Paypal” social networks

Hi @mushlih

Thank you for submitting this suggestion!

I have passed it along to our developers and we will discuss in more detail to see if we’re going to be able to implement this in a future Blocksy update. Please note, not every feature is guaranteed to make its way into Blocksy and we cannot offer any ETAs for the moment.

The filter code is pretty easy to implement. The only thing that you need is the SVG path code so that you make the icon that you wish display on the front end of the website. The example code in our support article can be used just by copy pasting it and modifying the label name and SVG icon. You’ll need to add it to your child theme’s functions.php file. ??

If you have an SVG icon for your desired social network, reply back and I’ll be able to help you implement it.

Thanks

If you have an SVG icon for your desired social network

This:
Paypal= https://www.paypal.com/us/webapps/mpp/svgs
Google= https://play-lh.googleusercontent.com/6UgEjh8Xuts4nwdWzTnWH8QtLuHqRMUB7dp24JYVE2xcYzq4HA8hFfcAbU-R-PC_9uA1

Hi @strelok1911
Has this been added?

@mushlih

This hasn’t been added yet, but we do have a filter to add your own custom social networks.

You can find out more here — https://creativethemes.com/blocksy/docs/developers/filters-actions-reference/#dynamic-social-networks-filter

I don’t really know much about programming, so I hope you will do it in the next theme update

@mushlih

It is extremely easy to use that snippet of code. You just need to replace the information already present in the example ??

Thanks

If so, in which directory should i save the svg file? and what should I write the path like in the link you provided?

@mushlih

You can use the normal wp-content/uploads folder, but you can use the path as well, which is faster ??

I mean, on your site “for example” it says something like this:
<path d=”M20,10.1c0-5.5-4.5-10-10-10S0,4.5,0,10.1c0,5,3.7,9.1,8.4,9.9v-7H5.9v-2.9h2.5V7.9C8.4,5.4,9.9,4,12.2,4c1.1,0,2.2,0.2,2.2,0.2v2.5h-1.3c-1.2,0-1.6,0.8-1.6,1.6v1.9h2.8L13.9,13h-2.3v7C16.3,19.2,20,15.1,20,10.1z”/>
Do I have to write it like that too? Or something else?

Any respond @cteduard ?

Hello @mushlih

Sorry, but I did not see your reply in time.

Yes, you can either export the SVG path from your vector designing app, or you can use a SVG file. Whatever goes easier for you.

Thanks

Hi @mushlih,
We do not provide tutorials or guides on how to add/use SVG files because this is not related to our theme.

If you will search on Google you will find a lot of handy tutorials regarding this.

For reference – https://www.google.com/search?q=how+to+use+SVG+images+in+html&oq=how+to+use+SVG+images+in+html&aqs=chrome..69i57j0i10l3j0i22i30l2.5524j0j1&sourceid=chrome&ie=UTF-8

Ok, thank you.