X3 Photo Gallery Support Forums
No. The audio player is a unique X3-plugin, and is not related to simple CUSTOM LINKS that you place in toolbar. Besides, the toolbar is almost only used for social media SHARING. You define all your toolbar-links from Settings > Toolbar, and that cannot be combined with an advanced plugin like audio player.TristanJo wrote:Then can I move the music player and chatting button to the left(toolbar)?
Do you have your new icon in SVG format then? Or what format? And you want to add the icon into the toolbar?TristanJo wrote:And please let me know how to put the custom icon? (my icon is not found in the Font-Awesome)
I already told you, the right bottom buttons are for native X3 plugins. In your case, you don't want the X3 chat plugin and you don't even want the same icon, so what's to customize?TristanJo wrote:Yes, if i can't customize the right chat button.
{
"id": "mychat",
"icon": "comment",
"label": "mychat is here",
"url": "https://www.somechat.com",
"display": "page",
"color": "#DD9933"
},
/* I don't know what this is for, but assume it's for the chat window that loads */
.kakaoChat {
position: fixed;
z-index: 999;
right: 15px; /* Position */
bottom: 20px; /* Position */
}
/* for the custom button */
#button_talk > span:after {
content: 'Talk';
}
#button_talk img {
width: 24px;
}
// I don't know what this is for ...
function plusFriendChat() {
Kakao.Channel.chat({
channelPublicId: 'ID' // kakao talk channel ID
});
}
// X3 is loaded
function x3_load(){
setTimeout(function(){
// get buttons container
var plugin_buttons = document.getElementById('x3_plugin_buttons');
if(!plugin_buttons) return;
// insert new custom button with custom icon
plugin_buttons.insertAdjacentHTML('beforeend', '<button id="button_talk" style="opacity:1"><span></span><img src="/content/custom/files/images/kakao.png"></button>');
var button_talk = document.getElementById('button_talk');
// click event for custom button. I see Kakako.init(), which surely requires some other Javascript ...
button_talk.addEventListener('click', function(){
// console.log('click');
Kakao.init('JavaScript key');
});
}, 1000);
}