作者 : admin 本文共9889个字,预计阅读时间需要25分钟 共6人阅读
<?php
/**
 * The template for displaying the footer
 */
if ( woodmart_get_opt( ‘collapse_footer_widgets’ ) && ( ! woodmart_get_opt( ‘mobile_optimization’, 0 ) || ( wp_is_mobile() && woodmart_get_opt( ‘mobile_optimization’ ) ) ) ) {
woodmart_enqueue_inline_style( ‘widget-collapse’ );
woodmart_enqueue_js_script( ‘widget-collapse’ );
}
$page_id                 = woodmart_page_ID();
$disable_prefooter       = get_post_meta( $page_id, ‘_woodmart_prefooter_off’, true );
$disable_footer_page     = get_post_meta( $page_id, ‘_woodmart_footer_off’, true );
$disable_copyrights_page = get_post_meta( $page_id, ‘_woodmart_copyrights_off’, true );
?>
<?php if ( woodmart_needs_footer() ) : ?>
<?php if ( ! woodmart_is_woo_ajax() ) : ?>
</div><!– .main-page-wrapper –>
<?php endif ?>
</div> <!– end row –>
</div> <!– end container –>
<?php if ( ! $disable_prefooter && ( ‘text’ === woodmart_get_opt( ‘prefooter_content_type’, ‘text’ ) && woodmart_get_opt( ‘prefooter_area’ ) || ‘html_block’ === woodmart_get_opt( ‘prefooter_content_type’ ) && woodmart_get_opt( ‘prefooter_html_block’ ) ) ) : ?>
<?php woodmart_enqueue_inline_style( ‘footer-base’ ); ?>
<div class=”wd-prefooter<?php echo woodmart_get_old_classes( ‘ woodmart-prefooter’ ); ?>”>
<div class=”container”>
<?php if ( ‘text’ === woodmart_get_opt( ‘prefooter_content_type’, ‘text’ ) ) : ?>
<?php echo do_shortcode( woodmart_get_opt( ‘prefooter_area’ ) ); ?>
<?php else : ?>
<?php echo woodmart_get_html_block( woodmart_get_opt( ‘prefooter_html_block’ ) ); ?>
<?php endif; ?>
</div>
</div>
<?php endif ?>
<?php if ( ! function_exists( ‘elementor_theme_do_location’ ) || ! elementor_theme_do_location( ‘footer’ ) ) : ?>
<footer class=”footer-container color-scheme-<?php echo esc_attr( woodmart_get_opt( ‘footer-style’ ) ); ?>”>
<?php if ( ! $disable_footer_page && woodmart_get_opt( ‘disable_footer’ ) ) : ?>
<?php woodmart_enqueue_inline_style( ‘footer-base’ ); ?>
<?php if ( ‘widgets’ === woodmart_get_opt( ‘footer_content_type’, ‘widgets’ ) ) : ?>
<?php get_sidebar( ‘footer’ ); ?>
<?php else : ?>
<div class=”container main-footer”>
<?php echo woodmart_get_html_block( woodmart_get_opt( ‘footer_html_block’ ) ); ?>
</div>
<?php endif; ?>
<?php endif; ?>
<?php if ( ! $disable_copyrights_page && woodmart_get_opt( ‘disable_copyrights’ ) ) : ?>
<?php woodmart_enqueue_inline_style( ‘footer-base’ ); ?>
<div class=”copyrights-wrapper copyrights-<?php echo esc_attr( woodmart_get_opt( ‘copyrights-layout’ ) ); ?>”>
<div class=”container”>
<div class=”min-footer”>
<div class=”col-left set-cont-mb-s reset-last-child”>
<?php if ( woodmart_get_opt( ‘copyrights’ ) != ” ) : ?>
<?php echo do_shortcode( woodmart_get_opt( ‘copyrights’ ) ); ?>
<?php else : ?>
<p>&copy; <?php echo date( ‘Y’ ); ?> <a href=”<?php echo esc_url( home_url( ‘/’ ) ); ?>”><?php bloginfo( ‘name’ ); ?></a>. <?php esc_html_e( ‘All rights reserved’, ‘woodmart’ ); ?></p>
<?php endif ?>
</div>
<?php if ( woodmart_get_opt( ‘copyrights2’ ) != ” ) : ?>
<div class=”col-right set-cont-mb-s reset-last-child”>
<?php echo do_shortcode( woodmart_get_opt( ‘copyrights2’ ) ); ?>
</div>
<?php endif ?>
</div>
</div>
</div>
<?php endif ?>
</footer>
<?php endif ?>
<?php endif ?>
</div> <!– end wrapper –>
<div class=”wd-close-side wd-fill<?php echo woodmart_get_old_classes( ‘ woodmart-close-side’ ); ?>”></div>
<?php do_action( ‘woodmart_before_wp_footer’ ); ?>
<?php wp_footer(); ?>
</body>
</html>
外网面板地址: https://47.251.0.85:39084/c93edd53
 内网面板地址: https://172.19.122.218:39084/c93edd53
 username: h3abwuxb
 password: 108aa0c7
密码3107366a
询盘邮箱:[email protected]
参考网站:
maxpeedingrods.com/?srsltid=AfmBOopbRABQl5f3Ow9fnKvXQIq5E0os_hC0JKMhvPBoIMD-BBAkJZY6
网站后台:mats
密码:3107366a
<!– 全景展示容器 –>
<div class=”panorama-container”><!– 左侧全景 iframe –>
<div class=”panorama-iframe”>
<iframe id=”panorama-frame” src=”https://embed.3dweb.io?presentation=eyJpZCI6ImU2MTUxODEyLWZkYmItNGMxYS04Yzc2LWFhZDk5NzBjZmJmNiJ9″ title=”全景展示” allowfullscreen></iframe>
</div><!– 右侧图片 –>
<div class=”panorama-images”>
<img src=”https://gzgoldstar.com/wp-content/uploads/2025/01/B3-image.jpg” alt=”展示1″ data-src=”https://embed.3dweb.io?presentation=eyJpZCI6ImU2MTUxODEyLWZkYmItNGMxYS04Yzc2LWFhZDk5NzBjZmJmNiJ9″ aria-label=”切换到展示1″>
<img src=”https://gzgoldstar.com/wp-content/uploads/2025/01/T7-image.jpg” alt=”展示2″ data-src=”https://embed.3dweb.io?presentation=eyJpZCI6ImU5NjlkZTQxLWM5N2MtNDIzZS05OTNhLWM2ZTlmMjc2OWQ2ZSJ9″ aria-label=”切换到展示2″>
<img src=”https://gzgoldstar.com/wp-content/uploads/2025/01/T7-image.jpg” alt=”展示3″ data-src=”https://embed.3dweb.io?presentation=eyJpZCI6ImVmYTIxMWNjLTQ1NzktNDk2OS1hZDQ4LWY4OTIwYTk0YWE3ZSJ9″ aria-label=”切换到展示3″>
</div>

</div>

/* 全景展示容器 */
.panorama-container {
display: flex;
flex-wrap: nowrap;
max-width: 100%;
margin: 0 auto;
padding: 20px;
box-sizing: border-box;
font-family: Arial, sans-serif;
}

/* 左侧全景 iframe */
.panorama-iframe {
flex: 3;
padding: 10px;
box-sizing: border-box;
}

.panorama-iframe iframe {
width: 100%;
height: 800px; /* 设置合适的高度 */
border: 3px solid #d9534f; /* 红色边框 */
border-radius: 8px;
transition: opacity 0.5s ease-in-out;
}

/* 右侧图片 */
.panorama-images {
flex: 1;
display: flex;
flex-direction: column;
padding: 10px;
box-sizing: border-box;
margin-left: 20px; /* 为iframe和图片之间添加间距 */
}

.panorama-images img {
width: 100%;
margin-bottom: 15px;
cursor: pointer;
border: 2px solid #d9534f; /* 图片边框 */
border-radius: 5px;
transition: transform 0.3s, border-color 0.3s;
}

.panorama-images img:last-child {
margin-bottom: 0;
}

.panorama-images img:hover {
transform: scale(1.05);
border-color: #a71d2a;
}

.panorama-images img.active {
border-color: #a71d2a; /* 高亮边框颜色 */
transform: scale(1.05);
}

/* 响应式设计 */
@media (max-width: 1200px) {
.panorama-container {
flex-direction: column;
align-items: center;
}

.panorama-iframe, .panorama-images {
width: 100%;
max-width: 1300px;
}

.panorama-iframe iframe {
height: 600px; /* 在中等屏幕上适当减少高度 */
}

.panorama-images {
flex-direction: row;
justify-content: space-between;
margin-left: 0;
margin-top: 20px;
}

.panorama-images img {
width: 32%; /* 三张图片并排显示 */
margin-bottom: 0;
}
}

@media (max-width: 768px) {
.panorama-iframe iframe {
height: 400px; /* 在小屏幕上适当减少高度 */
}

.panorama-images {
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
}

.panorama-images img {
width: 48%; /* 两张图片并排显示 */
margin-bottom: 10px;
}

.panorama-images img:nth-child(3) {
width: 100%; /* 最后一张图片占满一行 */
}
}

 

<script>
document.addEventListener(‘DOMContentLoaded’, function() {
const images = document.querySelectorAll(‘.panorama-images img’);
const iframe = document.getElementById(‘panorama-frame’);

images.forEach(img => {
img.addEventListener(‘click’, function() {
const newSrc = this.getAttribute(‘data-src’);
if(newSrc) {
iframe.src = newSrc;

// Optionally, add active class to highlight selected image
images.forEach(i => i.classList.remove(‘active’));
this.classList.add(‘active’);
}
});
});
});
</script>

———————————————————————–
<!– 全景展示容器 –>
<div class=”panorama-container”><!– 左侧全景 iframe –>
<div class=”panorama-iframe”>
<iframe id=”panorama-frame” src=”https://embed.3dweb.io?presentation=eyJpZCI6ImU2MTUxODEyLWZkYmItNGMxYS04Yzc2LWFhZDk5NzBjZmJmNiJ9″ title=”全景展示” allowfullscreen></iframe>
</div><!– 右侧图片 –>
<div class=”panorama-images”>
<img src=”https://gzgoldstar.com/wp-content/uploads/2025/01/B3-image.jpg” alt=”展示1″ data-src=”https://embed.3dweb.io?presentation=eyJpZCI6ImU2MTUxODEyLWZkYmItNGMxYS04Yzc2LWFhZDk5NzBjZmJmNiJ9″ aria-label=”切换到展示1″>
<img src=”https://gzgoldstar.com/wp-content/uploads/2025/01/T7-image.jpg” alt=”展示2″ data-src=”https://embed.3dweb.io?presentation=eyJpZCI6ImU5NjlkZTQxLWM5N2MtNDIzZS05OTNhLWM2ZTlmMjc2OWQ2ZSJ9″ aria-label=”切换到展示2″>
<img src=”https://gzgoldstar.com/wp-content/uploads/2025/01/T7-image.jpg” alt=”展示3″ data-src=”https://embed.3dweb.io?presentation=eyJpZCI6ImVmYTIxMWNjLTQ1NzktNDk2OS1hZDQ4LWY4OTIwYTk0YWE3ZSJ9″ aria-label=”切换到展示3″>
</div>

</div>

/* 全景展示容器 */
.panorama-container {
display: flex;
flex-wrap: nowrap;
max-width: 100%;
margin: 0 auto;
padding: 20px;
box-sizing: border-box;
font-family: Arial, sans-serif;
}

/* 左侧全景 iframe */
.panorama-iframe {
flex: 3;
padding: 10px;
box-sizing: border-box;
}

.panorama-iframe iframe {
width: 100%;
height: 800px; /* 设置合适的高度 */
border: 3px solid #d9534f; /* 红色边框 */
border-radius: 8px;
transition: opacity 0.5s ease-in-out;
}

/* 右侧图片 */
.panorama-images {
flex: 1;
display: flex;
flex-direction: column;
padding: 10px;
box-sizing: border-box;
margin-left: 20px; /* 为iframe和图片之间添加间距 */
}

.panorama-images img {
width: 100%;
margin-bottom: 15px;
cursor: pointer;
border: 2px solid #d9534f; /* 图片边框 */
border-radius: 5px;
transition: transform 0.3s, border-color 0.3s;
}

.panorama-images img:last-child {
margin-bottom: 0;
}

.panorama-images img:hover {
transform: scale(1.05);
border-color: #a71d2a;
}

.panorama-images img.active {
border-color: #a71d2a; /* 高亮边框颜色 */
transform: scale(1.05);
}

/* 响应式设计 */
@media (max-width: 1200px) {
.panorama-container {
flex-direction: column;
align-items: center;
}

.panorama-iframe, .panorama-images {
width: 100%;
max-width: 1300px;
}

.panorama-iframe iframe {
height: 600px; /* 在中等屏幕上适当减少高度 */
}

.panorama-images {
flex-direction: row;
justify-content: space-between;
margin-left: 0;
margin-top: 20px;
}

.panorama-images img {
width: 32%; /* 三张图片并排显示 */
margin-bottom: 0;
}
}

@media (max-width: 768px) {
.panorama-iframe iframe {
height: 400px; /* 在小屏幕上适当减少高度 */
}

.panorama-images {
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
}

.panorama-images img {
width: 48%; /* 两张图片并排显示 */
margin-bottom: 10px;
}

.panorama-images img:nth-child(3) {
width: 100%; /* 最后一张图片占满一行 */
}
}

 

 

<script>
document.addEventListener(‘DOMContentLoaded’, function() {
const images = document.querySelectorAll(‘.panorama-images img’);
const iframe = document.getElementById(‘panorama-frame’);

images.forEach(img => {
img.addEventListener(‘click’, function() {
const newSrc = this.getAttribute(‘data-src’);
if(newSrc) {
iframe.src = newSrc;

// Optionally, add active class to highlight selected image
images.forEach(i => i.classList.remove(‘active’));
this.classList.add(‘active’);
}
});
});
});
</script>

 

<div class=”featured-parts-section”>
<div class=”background-text”>FEATURED PARTS</div>
<div class=”foreground-text”>
FEATURED <span class=”highlighted”>PARTS</span>
</div>
</div>

.featured-parts-section {
position: relative;
text-align: center;
height: 200px; /* 根据需要调整高度 */
display: flex;
align-items: center;
justify-content: center;
background-color: #000; /* 背景色:黑色 */
}

.background-text {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
font-size: 12vw; /* 背景文字大小 */
font-weight: bold;
color: rgba(255, 255, 255, 0.1); /* 背景文字透明效果 */
z-index: 1;
white-space: nowrap;
pointer-events: none;
}

.foreground-text {
position: relative;
z-index: 2;
font-size: 2.5rem; /* 前景文字大小 */
color: #fff; /* 前景文字颜色 */
font-weight: bold;
}

.foreground-text .highlighted {
color: orange; /* 前景文字中部分文字的高亮颜色 */
}

内容查看本文隐藏内容仅限VIP查看,请先
客服QQ:1140845961
本资源网每日更新精品源码,宁缺毋滥,只做能用的精品源码。源码大部分为购买淘宝互站上的源码,少部分来自其他论坛的代理源码。均为精品!!目前源码数量还少,VIP价格较低,早上车早赚到!!!源码搭建教程详情请查看:https://yigexueshe.com
黑马源码资源网 »

开通会员

QQ联系 购买卡密

copy fly

咨询请飞机或邮箱

欢迎来到黑马源码网,搭建教程请移步:https://yigexueshe.com 若长时间未回复可联系QQ:2212190958/1140845961。本站无在线支付,开通会员请联系飞机/邮箱/QQ,告知管理员账号并开通,感谢支持!