Files
orico-official-website-old/app/us/view/include/bottom2023.phtml
2025-04-14 14:06:26 +08:00

203 lines
12 KiB
PHTML
Executable File

<section class="footer_layer">
<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">
<?php if ($productCategory): ?>
<div class="footer__block footer__block--menu">
<p class="bold">Product</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):
if($kf < 3):
?>
<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>
<a href="<?php echo $link; ?>" <?php if($itm['is_new_window_open']){echo "target='_blank'";} ?> class="inline-block link-faded break-all"><?php echo $itm['name']; ?></a>
</li>
<?php endforeach; ?>
</ul>
<?php endif; ?>
</div>
<?php endif; ?>
<?php endforeach; ?>
<?php endif; ?>
<div class="footer__block footer__block--menu">
<p class="bold">Contact</p>
<ul class="v-stack gap-3" role="list">
<li>
<span class="inline-block link-faded break-all">Technical Support: <a href="mailto:<?php echo $website_email;?>" ><?php echo $website_email;?></a></span>
</li>
<li>
<span class="inline-block link-faded break-all">Business: <a href="mailto:oversea-bu@orico.com.cn" >oversea-bu@orico.com.cn</a></span>
</li>
<li>
<span class="inline-block link-faded break-all">ODM/OEM Service: odmmarket@orico.com.cn</span>
</li>
<li>
<span class="inline-block link-faded break-all">Monday-Friday,9a.m.-6p.m.GMT+8</span>
</li>
</ul>
</div>
</div>
<div class="footer__aside empty:hidden">
<div class="footer__aside-top">
<ul class="social-media " role="list">
<li>
<a href="https://www.facebook.com/ORICOTECHNOLOGY/" class="tap-area" target="_blank" rel="noopener" aria-label="Follow on Facebook">
<svg role="presentation" focusable="false" width="27" height="27" class="icon icon-facebook" viewBox="0 0 24 24">
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.183 21.85v-8.868H7.2V9.526h2.983V6.982a4.17 4.17 0 0 1 4.44-4.572 22.33 22.33 0 0 1 2.667.144v3.084h-1.83a1.44 1.44 0 0 0-1.713 1.68v2.208h3.423l-.447 3.456h-2.97v8.868h-3.57Z" fill="currentColor"></path>
</svg>
</a>
</li>
<li>
<a href="https://twitter.com/ORICO_Official" class="tap-area" target="_blank" rel="noopener" aria-label="Follow on Twitter">
<svg role="presentation" focusable="false" width="27" height="27" class="icon icon-twitter" viewBox="0 0 24 24">
<path fill-rule="evenodd" clip-rule="evenodd" d="M15.414 4.96c1.506-.024 2.307.479 3.072 1.117.65-.05 1.495-.383 1.992-.614l.484-.242c-.285.702-.67 1.253-1.262 1.67-.131.093-.262.218-.426.277v.009c.843-.008 1.539-.357 2.2-.546v.01a5.934 5.934 0 0 1-1.318 1.384l-.607.442c.01.817-.014 1.598-.18 2.285-.971 3.995-3.544 6.707-7.616 7.868-1.462.418-3.825.59-5.5.208-.83-.188-1.581-.402-2.285-.684a9.54 9.54 0 0 1-1.1-.519l-.342-.19c.378.01.82.105 1.243.043.382-.056.757-.042 1.11-.113.879-.176 1.66-.41 2.332-.77.326-.175.82-.38 1.053-.632a3.59 3.59 0 0 1-1.157-.19c-1.258-.407-1.99-1.154-2.466-2.277.381.038 1.479.129 1.735-.07-.48-.023-.94-.278-1.27-.467-1.012-.58-1.837-1.551-1.83-3.047l.398.173c.254.098.512.15.815.208.128.024.384.093.531.043h-.019c-.195-.208-.514-.347-.71-.571-.65-.739-1.258-1.875-.873-3.229.097-.343.252-.646.417-.926l.019.009c.076.144.244.25.35.372.332.376.741.714 1.158 1.013 1.42 1.016 2.698 1.64 4.75 2.103.522.117 1.124.207 1.746.208-.175-.466-.119-1.22.019-1.67.346-1.134 1.097-1.952 2.2-2.39.263-.105.556-.18.863-.242l.474-.052Z" fill="currentColor"></path>
</svg>
</a>
</li>
<li>
<a href="https://www.instagram.com/orico_technology/" class="tap-area" target="_blank" rel="noopener" aria-label="Follow on Instagram">
<svg role="presentation" focusable="false" width="27" height="27" class="icon icon-instagram" viewBox="0 0 24 24">
<path fill-rule="evenodd" clip-rule="evenodd" d="M12 2.4c-2.607 0-2.934.011-3.958.058-1.022.046-1.72.209-2.33.446a4.705 4.705 0 0 0-1.7 1.107 4.706 4.706 0 0 0-1.108 1.7c-.237.611-.4 1.31-.446 2.331C2.41 9.066 2.4 9.392 2.4 12c0 2.607.011 2.934.058 3.958.046 1.022.209 1.72.446 2.33a4.706 4.706 0 0 0 1.107 1.7c.534.535 1.07.863 1.7 1.108.611.237 1.309.4 2.33.446 1.025.047 1.352.058 3.959.058s2.934-.011 3.958-.058c1.022-.046 1.72-.209 2.33-.446a4.706 4.706 0 0 0 1.7-1.107 4.706 4.706 0 0 0 1.108-1.7c.237-.611.4-1.31.446-2.33.047-1.025.058-1.352.058-3.959s-.011-2.934-.058-3.958c-.047-1.022-.209-1.72-.446-2.33a4.706 4.706 0 0 0-1.107-1.7 4.705 4.705 0 0 0-1.7-1.108c-.611-.237-1.31-.4-2.331-.446C14.934 2.41 14.608 2.4 12 2.4Zm0 1.73c2.563 0 2.867.01 3.88.056.935.042 1.443.199 1.782.33.448.174.768.382 1.104.718.336.336.544.656.718 1.104.131.338.287.847.33 1.783.046 1.012.056 1.316.056 3.879 0 2.563-.01 2.867-.056 3.88-.043.935-.199 1.444-.33 1.782a2.974 2.974 0 0 1-.719 1.104 2.974 2.974 0 0 1-1.103.718c-.339.131-.847.288-1.783.33-1.012.046-1.316.056-3.88.056-2.563 0-2.866-.01-3.878-.056-.936-.042-1.445-.199-1.783-.33a2.974 2.974 0 0 1-1.104-.718 2.974 2.974 0 0 1-.718-1.104c-.131-.338-.288-.847-.33-1.783-.047-1.012-.056-1.316-.056-3.879 0-2.563.01-2.867.056-3.88.042-.935.199-1.443.33-1.782.174-.448.382-.768.718-1.104a2.974 2.974 0 0 1 1.104-.718c.338-.131.847-.288 1.783-.33C9.133 4.14 9.437 4.13 12 4.13Zm0 11.07a3.2 3.2 0 1 1 0-6.4 3.2 3.2 0 0 1 0 6.4Zm0-8.13a4.93 4.93 0 1 0 0 9.86 4.93 4.93 0 0 0 0-9.86Zm6.276-.194a1.152 1.152 0 1 1-2.304 0 1.152 1.152 0 0 1 2.304 0Z" fill="currentColor"></path>
</svg>
</a>
</li>
<li>
<a href="https://www.youtube.com/@OricoTechs" class="tap-area" target="_blank" rel="noopener" aria-label="Follow on YouTube">
<svg role="presentation" focusable="false" width="27" height="27" class="icon icon-youtube" viewBox="0 0 24 24">
<path fill-rule="evenodd" clip-rule="evenodd" d="M20.44 5.243c.929.244 1.66.963 1.909 1.876.451 1.654.451 5.106.451 5.106s0 3.452-.451 5.106a2.681 2.681 0 0 1-1.91 1.876c-1.684.443-8.439.443-8.439.443s-6.754 0-8.439-.443a2.682 2.682 0 0 1-1.91-1.876c-.45-1.654-.45-5.106-.45-5.106s0-3.452.45-5.106a2.681 2.681 0 0 1 1.91-1.876c1.685-.443 8.44-.443 8.44-.443s6.754 0 8.438.443Zm-5.004 6.982L9.792 15.36V9.091l5.646 3.134Z" fill="currentColor"></path>
</svg>
</a>
</li>
</ul>
</div>
<div class="copyright">Copyright©2018-2028 ORICO Technologies Co.,Ltd</div>
</div>
</div>
</div>
</div>
</footer>
</section>
<script>
var RequestUrl = {
track: "/api/TrackProducer/records", //行为跟踪
exit_page: '/api/TrackProducer/etime', //离开时间
};
var stime = new Date();
var uuid = "<?php echo $uuid;?>";
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";
}
//页面跳转之前执行事情 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+ '&forum=' + forum;
}
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);
$.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>