/**
* Coupe Coupe WooCommerce B2B 商品详情页111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111
* 左侧双列瀑布流，右侧固定产品信息
* Forminator：27
* WhatsApp：+86 13688960716
*/

defined(‘ABSPATH’) || exit;

/* 清除旧版短代码 */
add_action(‘init’, ‘ccpw_disable_old_shortcode’, 9999);

function ccpw_disable_old_shortcode() {
remove_shortcode(‘coupe_product_layout’);
add_shortcode(‘coupe_product_layout’, ‘__return_empty_string’);
}

add_filter(‘the_content’, ‘ccpw_strip_old_shortcode’, 1);
add_filter(‘woocommerce_short_description’, ‘ccpw_strip_old_shortcode’, 1);

function ccpw_strip_old_shortcode($content) {

if (function_exists(‘is_product’) && is_product()) {
$content = preg_replace(
‘/\]*\]/i’,
”,
(string) $content
);
}

return $content;
}

/* 调整 WooCommerce 商品页 */
add_action(‘wp’, ‘ccpw_setup_product’, 9999);

function ccpw_setup_product() {

if (!function_exists(‘is_product’) || !is_product()) {
return;
}

remove_action(
‘woocommerce_before_single_product_summary’,
‘woocommerce_show_product_images’,
20
);

remove_action(
‘woocommerce_single_product_summary’,
‘woocommerce_template_single_title’,
5
);

remove_action(
‘woocommerce_single_product_summary’,
‘woocommerce_template_single_rating’,
10
);

remove_action(
‘woocommerce_single_product_summary’,
‘woocommerce_template_single_price’,
10
);

remove_action(
‘woocommerce_single_product_summary’,
‘woocommerce_template_single_excerpt’,
20
);

remove_action(
‘woocommerce_single_product_summary’,
‘woocommerce_template_single_add_to_cart’,
30
);

remove_action(
‘woocommerce_single_product_summary’,
‘woocommerce_template_single_meta’,
40
);

remove_action(
‘woocommerce_single_product_summary’,
‘woocommerce_template_single_sharing’,
50
);

/* 防止参考站代码重复输出 */
remove_action(
‘woocommerce_before_single_product_summary’,
‘dyy_patpat_gallery_grid’,
20
);

remove_action(
‘woocommerce_single_product_summary’,
‘dyy_patpat_feature_icons’,
31
);

remove_action(
‘woocommerce_single_product_summary’,
‘dyy_patpat_inquiry_buttons’,
35
);

remove_action(
‘wp_footer’,
‘dyy_patpat_bottom_inquiry_bar’
);

remove_action(
‘wp_footer’,
‘dyy_patpat_button_trigger_script’,
99999
);

/*
* 图片和右侧信息由同一个函数输出，
* 避免被 Twenty Twenty-Four 拆开。
*/
add_action(
‘woocommerce_before_single_product_summary’,
‘ccpw_product_hero’,
20
);
}

/* WhatsApp 链接 */
function ccpw_whatsapp_url($product) {

$message =
‘Hello, I would like a quote for: ‘ .
$product->get_name() .
‘ ‘ .
get_permalink($product->get_id());

return
‘https://wa.me/8613688960716?text=’ .
rawurlencode($message);
}

/* 输出图片区和右侧产品信息 */
function ccpw_product_hero() {

global $product;

if (!$product instanceof WC_Product) {
return;
}

$product_id = $product->get_id();
$title = $product->get_name();

$short = ccpw_strip_old_shortcode(
$product->get_short_description()
);

$sku = $product->get_sku();

$categories = wc_get_product_category_list(
$product_id,
‘, ‘
);

$tags = wc_get_product_tag_list(
$product_id,
‘, ‘
);

$whatsapp_url = ccpw_whatsapp_url($product);

/* 获取主图和产品相册 */
$image_ids = array_merge(
array($product->get_image_id()),
$product->get_gallery_image_ids()
);

$image_ids = array_values(
array_unique(
array_filter(
array_map(‘absint’, $image_ids)
)
)
);

/*
* 左列：1、3、5张
* 右列：2、4、6张
*/
$columns = array(
array(),
array()
);

foreach ($image_ids as $index => $image_id) {

$columns[$index % 2][] = array(
‘index’ => $index,
‘id’ => $image_id
);
}

?>

<?php foreach ($columns as $column) : ?>

<?php foreach ($column as $image_data) : ?>

<?php

$image_id = $image_data[‘id’];

$alt = trim(
(string) get_post_meta(
$image_id,
‘_wp_attachment_image_alt’,
true
)
);

if ($alt === ”) {
$alt = $title;
}

?>

<?php

echo wp_get_attachment_image(
$image_id,
‘full’,
false,
array(
‘class’ => ‘ccpw-gallery-image’,
‘alt’ => $alt,
‘loading’ => $image_data[‘index’] < 2
? ‘eager’
: ‘lazy’,
‘decoding’ => ‘async’,
‘sizes’ => ‘(max-width: 900px) 50vw, 34vw’
)
);

?>

</figure>

<?php endforeach; ?>

</div>

<?php endforeach; ?>

</div>

<?php if ($short !== ”) : ?>

<?php

echo wp_kses_post(
apply_filters(
‘woocommerce_short_description’,
$short
)
);

?>

</div>

<?php endif; ?>

<?php if ($sku || $categories || $tags) : ?>

<?php if ($sku) : ?>

<?php endif; ?>

<?php if ($categories) : ?>

<div>
<span>Category</span>
<strong>
<?php echo wp_kses_post($categories); ?>
</strong>
</div>

<?php endif; ?>

<?php if ($tags) : ?>

<?php endif; ?>

</div>

<?php endif; ?>

<?php

$features = array(
‘Custom Logo’,
‘Custom Fabric’,
‘Low MOQ’,
‘OEM / ODM’,
‘Custom Colors’,
‘Fast Sampling’
);

foreach ($features as $feature) :

?>

<?php endforeach; ?>

</div>

<button
class=”ccpw-button ccpw-primary ccpw-open-quote”
type=”button”>
Request a Quote
</button>

<a
class=”ccpw-button ccpw-dark”
href=”<?php echo esc_url($whatsapp_url); ?>”
target=”_blank”
rel=”noopener”>
WhatsApp Us
</a>

</div>

</div>

</aside>

</section>

<?php
}

/* 商品介绍标签名称 */
add_filter(
‘woocommerce_product_tabs’,
‘ccpw_product_tabs’,
99
);

function ccpw_product_tabs($tabs) {

if (isset($tabs[‘description’])) {
$tabs[‘description’][‘title’] = ‘Overview’;
}

if (isset($tabs[‘additional_information’])) {
$tabs[‘additional_information’][‘title’] = ‘Details’;
}

if (isset($tabs[‘reviews’])) {
$tabs[‘reviews’][‘title’] = ‘Reviews’;
}

return $tabs;
}

/* 商品页样式 */
add_action(‘wp_head’, ‘ccpw_product_css’, 9999);

function ccpw_product_css() {

if (!function_exists(‘is_product’) || !is_product()) {
return;
}

?>

:root {
–ccpw-black: #111111;
–ccpw-line: #e7e7e7;
–ccpw-pink: #ff365e;
}

html,
body.single-product {
overflow-x: clip !important;
}

body.single-product {
padding-bottom: 76px;
}

/* 隐藏旧版商品布局和旧固定按钮 */

body.single-product .ccp-fullwidth,
body.single-product .ccp-product,
body.single-product .ccp-bottom-bar,
body.single-product #floating-quote-btn,
body.single-product #custom-green-chat-box {
display: none !important;
}

/* 解除 Twenty Twenty-Four 宽度限制 */

body.single-product main
:is(
.wp-block-group,
.wp-block-post-content
):has(
.wp-block-woocommerce-legacy-template
),

body.single-product main
.wp-block-woocommerce-legacy-template,

body.single-product main
.woocommerce,

body.single-product
.woocommerce
div.product {
width: 100% !important;
max-width: none !important;
}

body.single-product
.woocommerce
div.product::before,

body.single-product
.woocommerce
div.product::after {
display: none !important;
content: none !important;
}

/* 隐藏 WooCommerce 已经清空的默认信息容器 */

body.single-product
.woocommerce
div.product
> .summary.entry-summary {
display: none !important;
}

/* 页面主要区域统一宽度 */

body.single-product
.woocommerce-breadcrumb,

body.single-product
.ccpw-hero,

body.single-product
.woocommerce-tabs,

body.single-product
.related.products,

body.single-product
.upsells.products {
width:
min(
1600px,
calc(100% – 48px)
) !important;

max-width: 1600px !important;

margin-right: auto !important;
margin-left: auto !important;
}

body.single-product
.woocommerce-breadcrumb {
margin-top: 24px !important;
margin-bottom: 30px !important;
}

/* PC：左侧图片，右侧信息 */

.ccpw-hero {
display: grid !important;

grid-template-columns:
minmax(0, 2.15fr)
minmax(340px, 0.85fr) !important;

align-items: start !important;

gap:
clamp(
28px,
3vw,
54px
) !important;

margin-top: 0 !important;
margin-bottom: 90px !important;

padding: 0 !important;

box-sizing: border-box;
}

/* 双列瀑布流 */

.ccpw-gallery {
display: grid !important;

grid-template-columns:
repeat(
2,
minmax(0, 1fr)
) !important;

align-items: start !important;

gap: 6px !important;

width: 100% !important;
min-width: 0 !important;

line-height: 0;
}

.ccpw-gallery-column {
display: flex !important;
flex-direction: column !important;

gap: 6px !important;

width: 100% !important;
min-width: 0 !important;
}

.ccpw-gallery-card {
display: block !important;

width: 100% !important;

margin: 0 !important;
padding: 0 !important;

overflow: hidden !important;

background: #f2f2f2;
}

.ccpw-gallery-image {
display: block !important;

width: 100% !important;
max-width: none !important;

height: auto !important;

margin: 0 !important;
padding: 0 !important;

object-fit: contain !important;
}

/* 右侧信息 */

.ccpw-summary {
display: block !important;

min-width: 0 !important;

margin: 0 !important;
padding: 0 !important;
}

.ccpw-summary-sticky {
position: sticky !important;
top: 28px !important;
}

.admin-bar
.ccpw-summary-sticky {
top: 60px !important;
}

.ccpw-summary h1 {
margin: 0 0 22px !important;

color: var(–ccpw-black) !important;

font-size:
clamp(
38px,
3.2vw,
61px
) !important;

font-weight: 650 !important;
line-height: 1.04 !important;

letter-spacing: -0.04em !important;
}

.ccpw-intro {
margin: 0 0 24px;

color: #454549;

font-size: 15px;
line-height: 1.7;
}

.ccpw-intro > :first-child {
margin-top: 0;
}

.ccpw-intro > :last-child {
margin-bottom: 0;
}

/* SKU、分类和标签 */

.ccpw-meta {
padding: 15px 0;

border-top:
1px solid var(–ccpw-line);

border-bottom:
1px solid var(–ccpw-line);
}

.ccpw-meta > div {
display: grid;

grid-template-columns:
78px minmax(0, 1fr);

gap: 10px;

padding: 4px 0;

font-size: 12px;
line-height: 1.5;
}

.ccpw-meta span {
color: #919196;

font-size: 10px;
font-weight: 700;

letter-spacing: 0.06em;
text-transform: uppercase;
}

.ccpw-meta strong {
font-weight: 450;
overflow-wrap: anywhere;
}

.ccpw-meta a {
color: inherit;
text-decoration: none;
}

/* 六个服务卖点 */

.ccpw-features {
display: grid;

grid-template-columns:
repeat(
3,
minmax(0, 1fr)
);

gap: 20px 8px;

padding: 26px 0;

border-bottom:
1px solid var(–ccpw-line);
}

.ccpw-features > div {
display: flex;
flex-direction: column;
align-items: center;

gap: 8px;

color: #55555a;

font-size: 10px;
line-height: 1.25;

text-align: center;
}

.ccpw-features b {
display: grid;
place-items: center;

width: 32px;
height: 32px;

border: 1px solid #aaaaaa;
border-radius: 50%;

color: #111111;

font-size: 14px;
font-weight: 500;
}

/* 询盘按钮 */

.ccpw-actions {
display: grid;

gap: 9px;

padding-top: 27px;
}

.ccpw-button {
display: inline-flex;

align-items: center;
justify-content: center;

min-height: 50px;

margin: 0 !important;

padding:
13px 18px !important;

border: 0 !important;
border-radius: 0 !important;

font: inherit;

font-size: 11px !important;
font-weight: 750 !important;

letter-spacing: 0.055em;
line-height: 1.1;

text-decoration: none !important;
text-transform: uppercase;

cursor: pointer;
}

.ccpw-primary {
background:
var(–ccpw-pink) !important;

color: #ffffff !important;
}

.ccpw-dark {
background: #111111 !important;
color: #ffffff !important;
}

/* 商品介绍和相关产品 */

body.single-product
.woocommerce-tabs {
margin-top: 0 !important;
margin-bottom: 70px !important;
}

body.single-product
.related.products,

body.single-product
.upsells.products {
margin-top: 70px !important;
margin-bottom: 70px !important;
}

/* 底部固定操作栏 */

.ccpw-bottom-bar {
position: fixed;

z-index: 9997;

right: 0;
bottom: 0;
left: 0;

background:
rgba(255, 255, 255, 0.95);

border-top:
1px solid var(–ccpw-line);

box-shadow:
0 -8px 28px
rgba(0, 0, 0, 0.04);

backdrop-filter: blur(16px);
}

.ccpw-bottom-inner {
display: flex;

align-items: center;
justify-content: space-between;

width:
min(
1600px,
calc(100% – 48px)
);

min-height: 72px;

margin: auto;

gap: 24px;
}

.ccpw-bottom-title {
max-width: 58%;

overflow: hidden;

font-size: 13px;
font-weight: 650;

text-overflow: ellipsis;
white-space: nowrap;
}

.ccpw-bottom-actions {
display: grid;

grid-template-columns:
repeat(
2,
minmax(155px, 1fr)
);

gap: 8px;
}

.ccpw-bottom-actions
.ccpw-button {
min-height: 44px;
}

/* Forminator 弹窗 */

.ccpw-modal {
position: fixed;

z-index: 10050;

inset: 0;

display: none;
place-items: center;

padding: 24px;
}

.ccpw-modal.is-open {
display: grid;
}

.ccpw-modal-backdrop {
position: absolute;
inset: 0;

background:
rgba(0, 0, 0, 0.62);
}

.ccpw-modal-panel {
position: relative;

z-index: 1;

width: min(720px, 100%);

max-height:
calc(100vh – 48px);

overflow: auto;

padding:
clamp(
24px,
4vw,
46px
);

background: #ffffff;

box-shadow:
0 28px 80px
rgba(0, 0, 0, 0.24);
}

.ccpw-modal-head {
display: flex;

align-items: center;
justify-content: space-between;

gap: 20px;

margin-bottom: 22px;
}

.ccpw-modal-head h2 {
margin: 0;
font-size: 28px;
}

.ccpw-modal-close {
width: 42px;
height: 42px;

padding: 0;

border: 0;

background: #f1f1f1;
color: #111111;

font-size: 27px;
line-height: 1;

cursor: pointer;
}

body.ccpw-modal-open {
overflow: hidden !important;
}

/* 手机和平板 */

@media (max-width: 900px) {

body.single-product {
padding-bottom: 64px;
}

body.single-product
.woocommerce-breadcrumb,

body.single-product
.ccpw-hero,

body.single-product
.woocommerce-tabs,

body.single-product
.related.products,

body.single-product
.upsells.products {
width:
calc(100% – 18px) !important;
}

.ccpw-hero {
grid-template-columns:
minmax(0, 1fr) !important;

gap: 30px !important;

margin-bottom: 55px !important;
}

/* 手机端保持两列图片 */

.ccpw-gallery,
.ccpw-gallery-column {
gap: 3px !important;
}

.ccpw-summary-sticky {
position: static !important;
top: auto !important;
}

.ccpw-summary h1 {
font-size:
clamp(
32px,
10vw,
46px
) !important;
}

.ccpw-bottom-inner {
width:
calc(100% – 18px);

min-height: 62px;
}

.ccpw-bottom-title {
display: none;
}

.ccpw-bottom-actions {
width: 100%;

grid-template-columns:
1fr 1fr;
}

.ccpw-bottom-actions
.ccpw-button {
min-height: 44px;

padding:
10px !important;

font-size:
9px !important;
}

.ccpw-modal {
padding: 10px;
}

.ccpw-modal-panel {
max-height:
calc(100vh – 20px);
}
}

</style>

<?php
}

/* 底部固定栏和报价弹窗 */
add_action(‘wp_footer’, ‘ccpw_product_footer’, 9999);

function ccpw_product_footer() {

if (!function_exists(‘is_product’) || !is_product()) {
return;
}

$product = wc_get_product(
get_queried_object_id()
);

if (!$product) {
return;
}

$whatsapp_url = ccpw_whatsapp_url($product);

?>

<a
class=”ccpw-button ccpw-dark”
href=”<?php echo esc_url($whatsapp_url); ?>”
target=”_blank”
rel=”noopener”>
WhatsApp
</a>

<button
class=”ccpw-button ccpw-primary ccpw-open-quote”
type=”button”>
Request a Quote
</button>

</div>

</div>

</div>

<h2 id=”ccpw-modal-title”>
Request a Quote
</h2>

</div>

<?php
echo do_shortcode(
‘

Full Name *

Email Address *

WhatsApp / Phone Number

Country / Region *

Brand / Company

Services NeededOEM Production — I Have My Own DesignODM Development — I Need Design SupportPrivate Label / Logo CustomizationSample DevelopmentBulk WholesaleNot Sure Yet

Estimated Quantity (pcs)

Project Details

Upload Your DesignUpload your reference images, logo or tech pack. JPG, PNG or PDF.

‘
);
?>

</div>

</div>

(function () {

var modal =
document.getElementById(
‘ccpw-quote-modal’
);

if (!modal) {
return;
}

function toggleModal(open) {

modal.classList.toggle(
‘is-open’,
open
);

modal.setAttribute(
‘aria-hidden’,
open ? ‘false’ : ‘true’
);

document.body.classList.toggle(
‘ccpw-modal-open’,
open
);
}

document.addEventListener(
‘click’,
function (event) {

if (
event.target.closest(
‘.ccpw-open-quote’
)
) {

event.preventDefault();

toggleModal(true);

return;
}

if (
event.target.closest(
‘[data-ccpw-close]’
)
) {

event.preventDefault();

toggleModal(false);
}
}
);

document.addEventListener(
‘keydown’,
function (event) {

if (
event.key === ‘Escape’ &&
modal.classList.contains(
‘is-open’
)
) {

toggleModal(false);
}
}
);

}());

</script>

<?php
}

Great things are on the horizon