Page 1 of 1

more social buttons in feather box skin (V7)

Posted: Thu Jul 07, 2022 9:30 pm
by jimsalabim
Hi guys,
I managed to find out how to set the links in the social buttons, but not how to create more. Currently the skin provides facebook and Twitter, but I also need Insta, Youtube and LinkedIn.
I played aroud a lot, but coulndt find a solution.
Can anyone help?
Thanks,
Daniel.

Re: more social buttons in feather box skin

Posted: Thu Jul 07, 2022 10:36 pm
by soulbrother
Hi Daniel,
what version of P2VR and what skin do you use?

Re: more social buttons in feather box skin

Posted: Fri Jul 08, 2022 9:46 am
by soulbrother
soulbrother wrote: Thu Jul 07, 2022 10:36 pm Hi Daniel,
what version of P2VR and what skin do you use?
EDIT:
SORRY: I did not read the header... :-(
So, of course it is V7 and the feather box skin.

And yes, this is very good question and I am interested to learn this complex correlations of all those actions in the "btn_share_icon_container" and "config_vars_logic" (including javascript) and the filters (including even more javascript).

Any tutorial and/or deep-dive-in webinar for such complex skin programmings would be highly desirable and it is needed to be able to do such simple extensions, that are not simple anymore with such extremely complex skins.

Re: more social buttons in feather box skin (V7)

Posted: Fri Jul 08, 2022 10:56 am
by soulbrother
The way to go, if someone want to try the deeper look into:

Open the skin, click find and type in a name (here: "twitter") deselect the hook in "Exact Match" and voila, you get a list of all findings in the skin and now you can try to break down all the connections.

See screenshot:
p2vr_skins_analysis_01.jpg
p2vr_skins_analysis_01.jpg (470.95 KiB) Viewed 3017 times

So, what is "easy" (more or less):
1. You need to create buttons of course, just copy and paste one of the existing buttons and modify name and graphic.

2. You need to create a new variable for each new button - see screenshot:
p2vr_skins_analysis_02.jpg
p2vr_skins_analysis_02.jpg (20.24 KiB) Viewed 3013 times

3. You need to modify the logicblock of variable "opt_share" - see screenshot:
p2vr_skins_analysis_03.jpg
p2vr_skins_analysis_03.jpg (146.82 KiB) Viewed 3013 times

4. Don´t forget to change the logicblock of the visibility of each new button, to make shure that the new created variable is active with the corresponding button - see screenshot:
p2vr_skins_analysis_04.jpg
p2vr_skins_analysis_04.jpg (285.46 KiB) Viewed 3013 times
(I copied the twitter-button, modified the name, but not the graphics at the moment)


</end-of-the-easy-part> ;-)

Who wants to go on now to complete this little listing?
Because the next steps are not easy for me, and I will not find some more time to dive in the next 2 or 3 month, as this would take me too much time to analyze it...

The next steps needed is the positioning and the size settings. Those are handled in the "config_vars_logic":
5. ...see screenshot...
p2vr_skins_analysis_05.jpg
p2vr_skins_analysis_05.jpg (430.09 KiB) Viewed 3013 times

I hope someone could continue...

Re: more social buttons in feather box skin (V7)

Posted: Sun Jul 10, 2022 4:01 pm
by jimsalabim
Great, thanks!! With some additional help from a friend I managed to include more buttons!