<!--subheading字段判断小标题 添加spice-hero-homepage-subheading--> <div class="spice-hero-standard-slot "> <div class="spice-hero-item"> <div class="spice-flex-content spice-absolute"> <div> <div class="spice-flex-mask spice-flex-mask" data-flex-mask-opacity="" ></div> <a target=""> <picture> <source media="(min-width: 1024px)" srcset="https://res.gucci.cn/resources//2023/1/30/16750620877956053.jpg 1x,https://res.gucci.cn/resources//2023/1/30/16750620877956053.jpg 2x"> <source media="(min-width: 768px) and (max-width: 1023px)" srcset="https://res.gucci.cn/resources//2023/1/30/16750620934918467.png 1x,https://res.gucci.cn/resources//2023/1/30/16750620934918467.png 2x"> <source media="(max-width: 767px)" srcset="https://res.gucci.cn/resources//2023/1/30/16750620972639656.jpg 1x,https://res.gucci.cn/resources//2023/1/30/16750620972639656.jpg 2x"> <img decoding="async" alt="官网服务" class="hero-img" srcset="https://res.gucci.cn/resources//2023/1/30/16750620877956053.jpg"> </picture> </a> </div> </div> <div class="spice-flex-label"> <div class="spice-flex-standard-slot-label" > <input type="hidden" name="spiceFlexTitle" value="官网服务"/> <input type="hidden" name="spiceFlexBannerJumpUrl" value="https://www.gucci.cn"/> <div class="spice-flex-standard-slot-content "> <div class="spice-normal-box"> <h1 class="spice-flex-title spice-hero-subtitle spice-hero-subtitle "> <span class="heroSubtitle1" style="">官网服务</span></h1> <div class="spice-btn-group spice-btn-group-new"> </div> </div> <!--videoUrlHigh/videoUrlLow--> <!--videoUrlHigh/videoUrlLow--> </div> <!-- 向下箭头 --> <!--音量键 heroLoudspeaker--> <!--分享按钮 share--> </div> </div> <div class="spice-flex-size" style="position: initial;"> <picture> <source media="(min-width: 1024px)" srcset="https://res.gucci.cn/resources//2023/1/30/16750620877956053.jpg 1x,https://res.gucci.cn/resources//2023/1/30/16750620877956053.jpg 2x"> <source media="(min-width: 768px) and (max-width: 1023px)" srcset="https://res.gucci.cn/resources//2023/1/30/16750620934918467.png 1x,https://res.gucci.cn/resources//2023/1/30/16750620934918467.png 2x"> <source media="(max-width: 767px)" srcset="https://res.gucci.cn/resources//2023/1/30/16750620972639656.jpg 1x,https://res.gucci.cn/resources//2023/1/30/16750620972639656.jpg 2x"> <img decoding="async" alt="官网服务" class="hero-img" srcset="https://res.gucci.cn/resources//2023/1/30/16750620877956053.jpg"> </picture> </div> </div> </div>
<div class="service-page-drawer" style="background: #E7E7E7;"> <div class='member-box'> <!-- 组件标题颜色 --> <div class="member-title" style="background: #E7E7E7; color:black">Gucci专属体验</div> <div class="member-list"> <div class="swiper-container head-picture"> <div class="swiper-wrapper"> <!-- visited 选中样式 visited--> <div class="swiper-slide service-page-slide" data-id="" data-index="1"> <div class="img-container"> <!-- 圆框边框配置 --> <img decoding="async" id="borderConfig" data-promo-color="" data-promo-hover-color="black" src="https://res.gucci.cn/resources//2021/12/3/16385211415228962.png" /> </div> <!-- 圆框下方文字颜色配置 --> <span data-font-color="black" data-promo-color="" data-promo-hover-color="black">您的Gucci顾问</span> </div> <div class="swiper-slide service-page-slide" data-id="" data-index="2"> <div class="img-container"> <!-- 圆框边框配置 --> <img decoding="async" id="borderConfig" data-promo-color="" data-promo-hover-color="black" src="https://res.gucci.cn/resources//2021/12/3/16385211851666811.png" /> </div> <!-- 圆框下方文字颜色配置 --> <span data-font-color="black" data-promo-color="" data-promo-hover-color="black">个性化定制</span> </div> <div class="swiper-slide service-page-slide" data-id="" data-index="3"> <div class="img-container"> <!-- 圆框边框配置 --> <img decoding="async" id="borderConfig" data-promo-color="" data-promo-hover-color="black" src="https://res.gucci.cn/resources//2021/12/3/16385212225546488.png" /> </div> <!-- 圆框下方文字颜色配置 --> <span data-font-color="black" data-promo-color="" data-promo-hover-color="black">点睛之笔</span> </div> <div class="swiper-slide service-page-slide" data-id="" data-index="4"> <div class="img-container"> <!-- 圆框边框配置 --> <img decoding="async" id="borderConfig" data-promo-color="" data-promo-hover-color="black" src="https://res.gucci.cn/resources//2021/12/3/16385212540448042.png" /> </div> <!-- 圆框下方文字颜色配置 --> <span data-font-color="black" data-promo-color="" data-promo-hover-color="black">My Gucci</span> </div> </div> <div class="swiper-button-prev swiper-button-white"></div> <!--左箭头。如果放置在swiper-container外面，需要自定义样式。--> <div class="swiper-button-next swiper-button-white"></div> <!--右箭头。如果放置在swiper-container外面，需要自定义样式。--> </div> </div> <!-- 配置图片 --> </div> <div class="quto-list service-page-block-list"> <!-- current-block --> <div class="quote-block service-page-block" data-index="1" style="background: white;"> <!-- mobile端标题 --> <div class="quote-column"> <h3 style="color: black">您的Gucci顾问</h3> <!-- pc和pad端文字描述 --> <p class="pcpad-word" style="color: #666">欲获取礼品指南、保养建议或个性化购物推荐，敬请联系Gucci在线客户顾问。</p> </div> <div class="featured-edit-footer"> <a onclick="discoverMoreClick(this,0,'联系我们','您的Gucci顾问')" class="read-more-link" href="/zh/contact-us"> 联系我们<!-- <i class="svg-iconfont icon-svg-dropdown-arrow-right"></i> --> <i class='svg-default-textlink'></i> </a> </div> <!-- 配置图片 --> <picture class="bg-color" > </picture> </div> <!-- current-block --> <div class="quote-block service-page-block" data-index="2" style="background: white;"> <!-- mobile端标题 --> <div class="quote-column"> <h3 style="color: black">个性化定制 </h3> <!-- pc和pad端文字描述 --> <p class="pcpad-word" style="color: #666">部分精选单品支持个性化烫印服务，您可为在官网选购的这些精选皮革制品定制自选字母。</p> </div> <div class="featured-edit-footer"> <a onclick="discoverMoreClick(this,1,'更多','个性化定制')" class="read-more-link" href="/zh/ca/gifts/monogramming"> 更多<!-- <i class="svg-iconfont icon-svg-dropdown-arrow-right"></i> --> <i class='svg-default-textlink'></i> </a> </div> <!-- 配置图片 --> <picture class="bg-color" > </picture> </div> <!-- current-block --> <div class="quote-block service-page-block" data-index="3" style="background: white;"> <!-- mobile端标题 --> <div class="quote-column"> <h3 style="color: black">点睛之笔</h3> <!-- pc和pad端文字描述 --> <p class="pcpad-word" style="color: #666">Gucci经典包装采用可回收利用设计焕新演绎，传达品牌对复古风格设计的迷恋之情。大多数Gucci.cn订单均附有一个包官网专享可重复使用棉质托特包。</p> </div> <div class="featured-edit-footer"> <a onclick="discoverMoreClick(this,2,'更多','点睛之笔')" class="read-more-link" href="/zh/st/eco-packaging"> 更多<!-- <i class="svg-iconfont icon-svg-dropdown-arrow-right"></i> --> <i class='svg-default-textlink'></i> </a> </div> <!-- 配置图片 --> <picture class="bg-color" > </picture> </div> <!-- current-block --> <div class="quote-block service-page-block" data-index="4" style="background: white;"> <!-- mobile端标题 --> <div class="quote-column"> <h3 style="color: black">创建账户</h3> <!-- pc和pad端文字描述 --> <p class="pcpad-word" style="color: #666">抢先浏览并选购全新系列，创建个人心愿单，保存您的付款信息和配送偏好以节省结账时间。 </p> </div> <div class="featured-edit-footer"> <a onclick="discoverMoreClick(this,3,'马上注册','My Gucci')" class="read-more-link" href="/zh/member/login"> 马上注册<!-- <i class="svg-iconfont icon-svg-dropdown-arrow-right"></i> --> <i class='svg-default-textlink'></i> </a> </div> <!-- 配置图片 --> <picture class="bg-color" > </picture> </div> </div> </div> </div>
<div class="service-page-card "> <h2 class="title" >走进GUCCI世界</h2> <div class="spice-best-of-edits-content spice-float-clearfix"> <div class="spice-best-of-edits-grid men-grid"> <div class="best-of-edits-grid-box"> <div class="grid-img"> <a onclick="bannerClick(this,0,'专属视频咨询')" style="cursor: pointer;" href="https://www.gucci.cn/zh/ca/livechat"> <picture> <source media="(min-width: 1024px)" data-srcset="https://res.gucci.cn/resources//2021/12/3/16385217128777383.png 1x,https://res.gucci.cn/resources//2021/12/3/16385217128777383.png 2x"> <source media="(min-width: 768px) and (max-width: 1023px)" data-srcset="https://res.gucci.cn/resources//2021/12/3/16385217128777383.png 1x,https://res.gucci.cn/resources//2021/12/3/16385217128777383.png 2x"> <source media="(max-width: 767px)" data-srcset="https://res.gucci.cn/resources//2021/12/3/16385217128777383.png 1x,https://res.gucci.cn/resources//2021/12/3/16385217128777383.png 2x"> <img decoding="async" alt="专属视频咨询" class="hero-img lazy" srcset="https://res.gucci.cn/resources//2021/12/3/16385217128777383.png"> </picture> </a> </div> <div class="grid-info"> <div class="grid-header" style=""> </div> <div class="grid-title"> <a href="https://www.gucci.cn/zh/ca/livechat" style=""> 专属视频咨询</a> </div> <div class="grid-sub-title" style=""></div> <a onclick="bannerCtaClick(this,0, '','专属视频咨询')" > </a> <br> <a onclick="bannerCtaClick(this,0, '更多','专属视频咨询')" href='https://www.gucci.cn/zh/ca/livechat'> 更多<i class="svg-default-textlink"></i></a> </div> <div class="grid-footer-wrapper"> <div class="grid-edit-footer"></div> </div> </div> </div> <div class="spice-best-of-edits-grid women-grid"> <div class="best-of-edits-grid-box"> <div class="grid-img"> <a onclick="bannerClick(this,1,'预约门店服务')" style="cursor: pointer;" href="https://www.gucci.cn/zh/store-finder"> <picture> <source media="(min-width: 1024px)" data-srcset="https://res.gucci.cn/resources//2021/12/3/1638522004620487.png 1x,https://res.gucci.cn/resources//2021/12/3/1638522004620487.png 2x"> <source media="(min-width: 768px) and (max-width: 1023px)" data-srcset="https://res.gucci.cn/resources//2021/12/3/1638522004620487.png 1x,https://res.gucci.cn/resources//2021/12/3/1638522004620487.png 2x"> <source media="(max-width: 767px)" data-srcset="https://res.gucci.cn/resources//2021/12/3/1638522004620487.png 1x,https://res.gucci.cn/resources//2021/12/3/1638522004620487.png 2x"> <img decoding="async" alt="预约门店服务" class="hero-img lazy" srcset="https://res.gucci.cn/resources//2021/12/3/1638522004620487.png"> </picture> </a> </div> <div class="grid-info"> <div class="grid-header" style=""> </div> <div class="grid-title"> <a href="https://www.gucci.cn/zh/store-finder" style=""> 预约门店服务</a> </div> <div class="grid-sub-title" style=""></div> <a onclick="bannerCtaClick(this,1, '','预约门店服务')" > </a> <br> <a onclick="bannerCtaClick(this,1, '预约','预约门店服务')" href='https://www.gucci.cn/zh/store-finder'> 预约<i class="svg-default-textlink"></i></a> </div> <div class="grid-footer-wrapper"> <div class="grid-edit-footer"></div> </div> </div> </div> </div> </div> </div>
<div class="service-page-drawer" style="background: #E7E7E7;"> <div class='member-box'> <!-- 组件标题颜色 --> <div class="member-title" style="background: #E7E7E7; color:black">心意尊享</div> <div class="member-list"> <div class="swiper-container head-picture"> <div class="swiper-wrapper"> <!-- visited 选中样式 visited--> <div class="swiper-slide service-page-slide" data-id="" data-index="1"> <div class="img-container"> <!-- 圆框边框配置 --> <img decoding="async" id="borderConfig" data-promo-color="" data-promo-hover-color="black" src="https://res.gucci.cn/resources//2021/12/3/16385221445968285.png" /> </div> <!-- 圆框下方文字颜色配置 --> <span data-font-color="black" data-promo-color="" data-promo-hover-color="black">免费标准配送</span> </div> <div class="swiper-slide service-page-slide" data-id="" data-index="2"> <div class="img-container"> <!-- 圆框边框配置 --> <img decoding="async" id="borderConfig" data-promo-color="" data-promo-hover-color="black" src="https://res.gucci.cn/resources//2021/12/3/16385227704179456.png" /> </div> <!-- 圆框下方文字颜色配置 --> <span data-font-color="black" data-promo-color="" data-promo-hover-color="black">售后服务</span> </div> <div class="swiper-slide service-page-slide" data-id="" data-index="3"> <div class="img-container"> <!-- 圆框边框配置 --> <img decoding="async" id="borderConfig" data-promo-color="" data-promo-hover-color="black" src="https://res.gucci.cn/resources//2021/12/3/16385229297757425.png" /> </div> <!-- 圆框下方文字颜色配置 --> <span data-font-color="black" data-promo-color="" data-promo-hover-color="black">支付相关</span> </div> <div class="swiper-slide service-page-slide" data-id="" data-index="4"> <div class="img-container"> <!-- 圆框边框配置 --> <img decoding="async" id="borderConfig" data-promo-color="" data-promo-hover-color="black" src="https://res.gucci.cn/resources//2021/12/3/16385228697914502.png" /> </div> <!-- 圆框下方文字颜色配置 --> <span data-font-color="black" data-promo-color="" data-promo-hover-color="black">便捷退换货 </span> </div> </div> <div class="swiper-button-prev swiper-button-white"></div> <!--左箭头。如果放置在swiper-container外面，需要自定义样式。--> <div class="swiper-button-next swiper-button-white"></div> <!--右箭头。如果放置在swiper-container外面，需要自定义样式。--> </div> </div> <!-- 配置图片 --> </div> <div class="quto-list service-page-block-list"> <!-- current-block --> <div class="quote-block service-page-block" data-index="1" style="background: white;"> <!-- mobile端标题 --> <div class="quote-column"> <h3 style="color: black">免费标准配送</h3> <!-- pc和pad端文字描述 --> <p class="pcpad-word" style="color: #666">所有订单均享免费标准配送服务，预计发货后2-4个工作日送达。</p> </div> <div class="featured-edit-footer"> <a onclick="discoverMoreClick(this,0,'了解更多','免费标准配送')" class="read-more-link" href="/zh/help/faq#distribution"> 了解更多<!-- <i class="svg-iconfont icon-svg-dropdown-arrow-right"></i> --> <i class='svg-default-textlink'></i> </a> </div> <!-- 配置图片 --> <picture class="bg-color" > </picture> </div> <!-- current-block --> <div class="quote-block service-page-block" data-index="2" style="background: white;"> <!-- mobile端标题 --> <div class="quote-column"> <h3 style="color: black">售后服务</h3> <!-- pc和pad端文字描述 --> <p class="pcpad-word" style="color: #666">您的Gucci购物之旅并非止于订单完成阶段，我们还会为您提供新商品保养指南、维修建议并为您解答其他问题。 </p> </div> <div class="featured-edit-footer"> <a onclick="discoverMoreClick(this,1,'需要帮助','售后服务')" class="read-more-link" href="/zh/help/faq#maintenanceAndRepair"> 需要帮助<!-- <i class="svg-iconfont icon-svg-dropdown-arrow-right"></i> --> <i class='svg-default-textlink'></i> </a> </div> <!-- 配置图片 --> <picture class="bg-color" > </picture> </div> <!-- current-block --> <div class="quote-block service-page-block" data-index="3" style="background: white;"> <!-- mobile端标题 --> <div class="quote-column"> <h3 style="color: black">灵活支付</h3> <!-- pc和pad端文字描述 --> <p class="pcpad-word" style="color: #666">选择首选付款方式提交订单 - 支持大部分信用卡和移动支付。</p> </div> <div class="featured-edit-footer"> <a onclick="discoverMoreClick(this,2,'阅读更多内容','支付相关')" class="read-more-link" href="/zh/help/faq#onlineShopping"> 阅读更多内容<!-- <i class="svg-iconfont icon-svg-dropdown-arrow-right"></i> --> <i class='svg-default-textlink'></i> </a> </div> <!-- 配置图片 --> <picture class="bg-color" > </picture> </div> <!-- current-block --> <div class="quote-block service-page-block" data-index="4" style="background: white;"> <!-- mobile端标题 --> <div class="quote-column"> <h3 style="color: black">改变主意了？</h3> <!-- pc和pad端文字描述 --> <p class="pcpad-word" style="color: #666">如果您出于任何理由需要退换货，Gucci将免费提供相应服务。</p> </div> <div class="featured-edit-footer"> <a onclick="discoverMoreClick(this,3,'阅读更多内容','便捷退换货 ')" class="read-more-link" href="/zh/help/faq#returnedGoods"> 阅读更多内容<!-- <i class="svg-iconfont icon-svg-dropdown-arrow-right"></i> --> <i class='svg-default-textlink'></i> </a> </div> <!-- 配置图片 --> <picture class="bg-color" > </picture> </div> </div> </div> </div>