Files
orico-official-website-old/app/index/view/include/footer.phtml
2024-10-29 14:04:59 +08:00

287 lines
13 KiB
PHTML
Executable File
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<?php
$contentList = getBannerList(76, 4);
if ($contentList):
?>
<div class="swt-Container Container8">
<?php foreach ($contentList as $kn => $content): ?>
<div class="col1">
<img src="<?php echo $content['picture']; ?>">
<div class="titlea"><?php echo $content['name']; ?></div>
<div class="subtitlea"><?php echo $content['description']; ?></div>
</div>
<?php endforeach; ?>
</div>
<?php endif; ?>
<section class="footer_layer">
<!--<div class="Subscribe_subScribe_content__XD_Or content">-->
<!-- <div class="swt-Container overflow-f" style="justify-content: space-between;display: flex;">-->
<!-- <div class="md_layer_grid">-->
<!-- <div class="Subscribe_subScribe_content_btnBox_grid__Wn4Dw">-->
<!-- <div class="Subscribe_title_grid__40Kts">-->
<!-- <span class="Subscribe_subScribe_content_subTitle__YCWpe">Sign up for news,updates & 10% off your first order</span>-->
<!-- </div>-->
<!-- <div class="Subscribe_subScribe_content_btnBox__oSxDj">-->
<!-- <form method="post" action="/contact#footer-newsletter" id="footer-newsletter" accept-charset="UTF-8" class="footer__newsletter-form form">-->
<!-- <input type="hidden" name="form_type" value="customer">-->
<!-- <input type="hidden" name="utf8" value="✓">-->
<!-- <input type="hidden" name="contact[tags]" value="newsletter">-->
<!--</form>-->
<!--<div class="form-control" style="width: 100%;">-->
<!-- <input id="input-sections--19206105334060__footer--contactemail" class="input is-floating" type="email" dir="ltr" name="contact[email]" placeholder="E-mail" autocomplete="email" enterkeyhint="send" required="">-->
<!-- <label for="input-sections--19206105334060__footer--contactemail" class="floating-label">E-mail</label>-->
<!-- <div class="self-submit-button">-->
<!-- <button type="submit" class="circle-chevron hover:colors">-->
<!-- <span class="sr-only">Subscribe</span>-->
<!-- <svg role="presentation" focusable="false" width="5" height="8" class="icon icon-chevron-right-small reverse-icon" viewBox="0 0 5 8">-->
<!-- <path d="m.75 7 3-3-3-3" fill="none" stroke="currentColor" stroke-width="1.5"></path>-->
<!-- </svg>-->
<!-- </button>-->
<!-- </div>-->
<!--</div>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div> -->
<!--</div> -->
<footer id="shopify-section-sections--19206105334060__footer" class="shopify-section shopify-section-group-footer-group shopify-section--footer">
<style>
@media screen and (min-width: 1000px) {
#shopify-section-sections--19206105334060__footer {--footer-block-list-gap: var(--spacing-10);--footer-block-list-justify-content: space-between;
}
}
</style>
<div class="footer">
<a href="?ref=footer" class="Footer_anker_icon__arGut" rel="noopener noreferrer">
<img class="Footer_icon_orico" src="__PUBLIC__/weben/images/indeximg/logo11.png" style="height:50px;">
</a>
<div class="container">
<div class="footer__wrapper">
<div class="footer__block-list empty:hidden">
<!--div class="footer__block footer__block--text">
</div-->
<?php if ($productCategory): ?>
<div class="footer__block footer__block--menu">
<p class="bold">产品</p>
<ul class="v-stack gap-3" role="list">
<?php foreach ($productCategory as $k => $pc): if ($k > 8) break; ?>
<li>
<a href="__ORICOROOT__<?php echo url_rewrite('product', ['id' => $pc['id']]); ?>" class="inline-block link-faded break-all"><?php echo $pc['name']; ?></a>
</li>
<?php endforeach; ?>
</ul>
</div>
<?php endif; ?>
<?php if ($nav_footer): ?>
<?php foreach ($nav_footer as $kf => $footer): ?>
<div class="footer__block footer__block--menu">
<p class="bold"><?php echo $footer['name']; ?></p>
<?php if ($footer['items']): ?>
<ul class="v-stack gap-3" role="list">
<?php foreach ($footer['items'] as $ki => $itm):
if(strpos($itm['url'], 'http://') !== false || strpos($itm['url'], 'https://') !== false) {
$link = $itm['url'];
}
else{
$link = '__ORICOROOT__/'.$itm['url'];
}
?>
<li>
<?php if ($child['data_type']=='custom'): ?>
<a href="<?php echo $link; ?>" target="_blank" class="inline-block link-faded break-all"><?php echo $itm['name']; ?></a>
<?php
else:
?>
<a href="<?php echo $link; ?>" class="inline-block link-faded break-all"><?php echo $itm['name']; ?></a>
<?php endif; ?>
</li>
<?php endforeach; ?>
</ul>
<?php endif; ?>
</div>
<?php endforeach; ?>
<?php endif; ?>
<div class="footer__block footer__block--menu">
<p class="bold">联系方式</p>
<ul class="v-stack gap-3" role="list">
<li>
<span class="inline-block link-faded break-all">邮箱 : <?php echo $website_email;?></span>
</li>
<li>
<span class="inline-block link-faded break-all">售后与技术支持: <?php echo $website_phone;?></span>
</li> <!--<li>-->
<!-- <span class="inline-block link-faded break-all">业务 : wholesale@oricotechs.com</span>-->
<!--</li>-->
<li>
<span class="inline-block link-faded break-all">周一至周五:北京时间 9:00 - 18:00</span>
</li>
<li>
<?php
$erweima = getBannerList(4, 1);
if (!empty($erweima[0])):
?>
<div class="wx_fl img-responsive padding-t-5vw">
<ul>
<li><img src="__PUBLIC__/web/images/wx.png"></li>
</ul>
</div>
<?php endif; ?>
</li>
</ul>
</div>
</div>
<div class="footer__aside empty:hidden">
<div class="footer__aside-top">
<ul class="social-media " role="list" style="margin-bottom:10px;">
<li>
<a href="https://www.zhihu.com/org/orico-20" class="tap-area" target="_blank" rel="noopener" aria-label="Follow on Facebook">
<img class="social-media_icon" src="__PUBLIC__/m_weben/images/ICON/icon-4-01.png" style="height:30px;width:30px;">
</a>
</li>
<li>
<a href="https://www.xiaohongshu.com/user/profile/60d2aa8400000000010024cd" class="tap-area" target="_blank" rel="noopener" aria-label="Follow on Twitter">
<img class="social-media_icon" src="__PUBLIC__/m_weben/images/ICON/icon-4-02.png" style="height:30px;width:30px;">
</a>
</li>
<li>
<a href="https://weibo.com/u/3158162522" class="tap-area" target="_blank" rel="noopener" aria-label="Follow on Instagram">
<img class="social-media_icon" src="__PUBLIC__/m_weben/images/ICON/icon-4-03.png" style="height:30px;width:30px;">
</a>
</li>
<li>
<a href="https://www.douyin.com/user/MS4wLjABAAAAT4hVhUw7uVC9ycShttGS03aOp25N84EkYFeaAMCMu88?relation=0&vid=7245210646156053819" class="tap-area" target="_blank" rel="noopener" aria-label="Follow on YouTube">
<img class="social-media_icon" src="__PUBLIC__/m_weben/images/ICON/icon-4-04.png" style="height:30px;width:30px;">
</a>
</li>
</ul>
</div>
<div class="copyright">Copyright©2018-2028 ORICO Technologies Co.,Ltd 版权所有(<a target="_blank" href="https://beian.miit.gov.cn/" class="f-White">粤ICP备15025109号</a>
<p> <a target="_blank" href="https://beian.miit.gov.cn/" class="f-White"><img src="">粤公网安备 44030702002297号</a></p><a target="_blank" href="https://beian.miit.gov.cn/" class="f-White">
</a></div>
</div>
</div>
</div>
</div>
</footer>
</section>
{include file="/include/kefu" /}
<script>
var RequestUrl = {
track: "/api/TrackProducer/records", //行为跟踪
exit_page: '/api/TrackProducer/etime', //离开时间
};
var stime = new Date();
var uuid = "<?php echo $uuid;?>";
//页面跳转之前执行事情 onbeforeunload, 页面隐藏时候执行事情 onpagehide
window.onbeforeunload = function() {
var etime = new Date();
var ms = (etime.getTime() / 1000) - (stime.getTime() / 1000);
var img = new Image();
img.src = RequestUrl.exit_page + '?uuid=' + uuid + '&dt=' + ms;
}
function handleGlobalEvent(event) {
const eventType = event.type; // 获取事件类型,例如 "click", "copy" 等
const target = event.target; // 获取触发事件的元素
let actionType = "";
const elementType = target.tagName; // 获取元素的标签名,例如 "BUTTON", "DIV" 等
const elementId = target.id; // 获取元素的 ID 属性
const elementText = target.innerText; // 获取元素的文本内容
// 执行埋点操作,例如发送数据到埋点服务
trackEvent(actionType, eventType, target, elementText);
}
function trackEvent(actionType, eventType, target,elementText) {
// 在这里实现埋点逻辑,例如发送请求到服务器,或者调用埋点代码
//console.log(`埋点:动作类型 - ` + actionType + `,事件类型 - ` + eventType);
//console.log("触发元素:", target);
var userAgent = navigator.userAgent;
var isMobile = /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(userAgent);
var isTablet = /iPad|Android/i.test(userAgent);
var isDesktop = !isMobile && !isTablet;
var isDerive = "";
var forum = "<?php echo $controller;?>";
if (isMobile) {
// 手机设备逻辑
isDerive = "H5";
} else if (isTablet) {
// 平板设备逻辑
isDerive = "Tablet";
} else {
// 桌面设备逻辑
isDerive = "PC";
}
$.ajax({
type: "POST",
url: RequestUrl.track,
data: {
//ip: getip(),
'url': window.location.href,
'refer': document.referrer,
'user_agent': userAgent,
'content': elementText,
'drive': isDerive,
'forum': forum,
'event_type': eventType
},
dataType: "json",
success: function (data, status, xhr) {
}
});
}
document.addEventListener("click", handleGlobalEvent);
document.addEventListener("copy", handleGlobalEvent);
</script>
<style>
@media screen and (min-width: 700px){
.footer {
--footer-padding-block: var(--spacing-16);
--footer-part-gap: var(--spacing-16);
--footer-block-list-gap: var(--spacing-10) var(--spacing-24);
--footer-block-gap: var(--spacing-6);
--footer-aside-gap: var(--spacing-12);
padding-bottom: 2.5rem !important;
padding-top: 2.25rem;
position: relative;
}
}
</style>