Social icon(link) and GK Reservation

frankgem

Hi，Web Master
Please kindly advise below 2 issues:
1.how to edit the social icon & link ?
I wish to add " LINE" icon and link
By the way, do you have the social icon module that can be floating on the page right or set on the footer position?
2.reservation form:
I've edited few from > Plugins: System - "GK Reservation"，but still need more columns to be revised.

saguaros

Hi Frank,

1 - This is default social icons in template settings: Backend > Extensions > Templates > GK Wedding > Social API tab , unfortunately it doesn't support LINE for now.

In case that you want a floating social icons bar, I recommend you to search for a 3rd party extension which supports it.

2 - These fields belong to the GK Reservation plugin and you can decide which field will show on frontend: https://prnt.sc/qwrulw

May I know how you want to edit here?

frankgem

Hi. Saguaros
Thanks for the reply,the above solutions are already noted before my question.
1. Can I edit 1 of the Social API tab ( EX: Twitter) to LINE?
2. I want to edit GK reservation some columns from English to Chinese: such as
Date > 日期
　Time> 時間
　Name>姓名
　Phone>電話號碼
　Special Instruction> 附註事項
　Make Reservation > 預約來店諮詢

Can you kindly help above 2 issues by telling me which CSS file on which route should be revised ?

saguaros

frankgem

1 - You can open this file and find this snippet of code which render icons: /templates/gk_wedding/html/com_content/article/default.php

<span class="item-social-icons">
	<span class="fa fa-share-alt"></span>

	<?php if($templateSettings->get('popup_fb', '1') == '1') : ?>
	<a href="https://www.facebook.com/sharer/sharer.php?kid_directed_site=0&u=<?php echo urlencode($cur_url); ?>&display=popup&ref=plugin&src=share_button" target="_blank" title="Facebook" class="facebook icon-share-popup"><span class="fa fa-facebook"></span></a>
	<?php endif; ?>

	<?php if($templateSettings->get('popup_twitter', '1') == '1') : ?>
	<a href="http://twitter.com/intent/tweet?source=sharethiscom&amp;url=<?php echo $cur_url; ?>" target="_blank" title="Twitter" class="twitter icon-share-popup"><span class="fa fa-twitter"></span></a>
	<?php endif; ?>

	<?php if($templateSettings->get('popup_gplus', '1') == '1') : ?>
	<a href="https://plus.google.com/share?url=<?php echo $cur_url; ?>" target="_blank" title="Google+" class="google icon-share-popup"><span class="fa fa-google-plus"></span></a>
	<?php endif; ?>

	<?php if($templateSettings->get('popup_pinterest', '1') == '1') : ?>
	<a href="javascript:void((function()%7Bvar%20e=document.createElement('script');e.setAttribute('type','text/javascript');e.setAttribute('charset','UTF-8');e.setAttribute('src','//assets.pinterest.com/js/pinmarklet.js?r='+Math.random()*99999999);document.body.appendChild(e)%7D)());" title="Pinterest" class="pinterest"><span class="fa fa-pinterest-p"></span></a>
	<?php endif; ?>

	<?php if($templateSettings->get('popup_linkedin', '0') == '1') : ?>
	<a href="https://www.linkedin.com/cws/share?url=<?php echo $cur_url; ?>" title="LinkedIn" class="linkedin icon-share-popup"><span class="fa fa-linkedin"></span></a>
	<?php endif; ?>

	<?php if($templateSettings->get('popup_vk', '0') == '1') : ?>
	<a href="http://vkontakte.ru/share.php?url=<?php echo $cur_url; ?>" title="VK" class="vk icon-share-popup"><span class="fa fa-vk"></span></a>
	<?php endif; ?>

	<?php if ($params->get('show_email_icon')) : ?>
	<?php echo preg_replace('@<span class="icon-envelope" aria-hidden="true"></span>(.*?)</a>@mis', '<span class="fa fa-envelope-o"></span></a>', preg_replace(array('@<img.*?alt="(.*?)".*?\/>@mis', '@href=@'), array('$1', 'class="email" href='),JHtml::_('icon.email',  $this->item, $params))); ?>
	<?php endif; ?>

	<?php if ($params->get('show_print_icon')) : ?>
	<?php echo preg_replace('@<span class="icon-print" aria-hidden="true"></span>(.*?)</a>@mis', '<span class="fa fa-print"></span></a>', preg_replace(array('@<img.*?alt="(.*?)".*?\/>@mis', '@href=@'), array('$1', 'class="print" href='), JHtml::_('icon.print_popup',  $this->item, $params))); ?>
	<?php endif; ?>
</span>

2 - These language text are defined in this language file:

/administrator/language/en-GB/en-GB.plg_system_plg_gkreservation.ini

kindly check the Chinese language folder on your site to see this language file of GK Reservation plugin exist there or not. If not, you can open above file of English and rename it associated with Chinese:

/administrator/language/xx-XX/xx-XX.plg_system_plg_gkreservation.ini (xx-XX is language code of Chinese)

Next, you open the new file and translate text as you wish.

frankgem

Hi. Saguaros: Many thanks for your reply.
The 2nd issue(GK Reservation plugin) was solved.

as about the 1st issue, I got the code from LINE APP web as following

<div class="line-it-button" data-lang="zh_Hant" data-type="share-b" data-ver="3" data-url="https://social-plugins.line.me/zh_TW/how_to_install" data-color="default" data-size="small" data-count="false" style="display: none;"></div>
<script src="https://d.line-scdn.net/r/web/social-plugin/js/thirdparty/loader.min.js" async="async" defer="defer"></script>
How can I replace the above code to your file "gk_wedding/html/com_content/article/default.php"
and where can I find and replace the social icons image?

3rd issue， how to edit the contact file as above screenshot?
4th issue: I've purchased the 3rd party "floating social icon Module" as you suggest, but I've tried many positions from Top1 - header-bottom3-bottom4 to bottom5， the new module will push the original module, please see attached picture.
how can I solve it? ( add new module position? bottom7?)
Please kindly help
Thanks

saguaros

frankgem

1 - Kindly check the code I sent in my last post, that emebed code looks totally different from GK Wedding template.

Here is sample:

<?php if($templateSettings->get('popup_twitter', '1') == '1') : ?>
	<a href="http://twitter.com/intent/tweet?source=sharethiscom&amp;url=<?php echo $cur_url; ?>" target="_blank" title="Twitter" class="twitter icon-share-popup"><span class="fa fa-twitter"></span></a>
	<?php endif; ?>

3 - These are contact info, you can edit via Backend > Components > Contacts > edit the contact there: https://prnt.sc/qyczqi

4 - It looks fine at my end: https://prnt.sc/qyd1os

frankgem

Hi..Saguaros: thanks for the reply:
1.still need to know where to edit the "header" of the Contact form as attached file below.
as the Cheiese translation is not properly.

2nd issue: I've purchased the 3rd party "floating social icon Module",
it's now works well on PC screen, but not on Mobile mode,
I've tried many positions from Top1 - header-bottom3-bottom4 to bottom5， the new module will push the original module, please see attached picture 2.
how to solve it? ( such as add new module position? bottom7? and how)

saguaros

frankgem 1.still need to know where to edit the "header" of the Contact form as attached file below.

You should see this language translation:

COM_CONTACT_CONTACT_DEFAULT_LABEL="Send an Email"

or simply add it into language file of contact component in Chinese language folder.

For the new question, pls help to separate into different topics, it would be helpful if others have the same issue.

frankgem

saguaros
yes, I've found above file on language> zh-TW.com_contact.ini .

saguaros

frankgem

As I mentioned in my last post, for the new question, pls help to post it in separate topic.

frankgem

saguaros ok noted