即溶咖啡 https://www.nescafe.com/hk/ zh-hk 雀巢咖啡醇品®咖啡 https://www.nescafe.com/hk/our-coffees/richblend <h1 class="headline-h1">雀巢咖啡醇品<sup>®</sup>咖啡</h1> <span><span lang="" about="/hk/user/1" typeof="schema:Person" property="schema:name" datatype="">Site Factory admin</span></span> <span><time datetime="2020-06-29T19:06:03+00:00" title="Monday, June 29, 2020 - 19:06">Mon, 06/29/2020 - 19:06</time> </span> <div class="cell product-image"> <div class="product-pic-col"> <ul class="tabs-panel-block single-image-slider"> <li data-imageid="product-0" class="tab-panel active"> <a class="product-zoomin-icon" title="雀巢咖啡醇品®咖啡" data-image="/hk/sites/default/files/2020-07/Nescafe%20Rich%20Blend%20200g_Hi.png"> <img alt="zoom" src="/hk/themes/custom/nescafe_design_refresh/img/icons/product-zoom-in.svg"> </a> <picture> <source srcset="/hk/sites/default/files/styles/product_stage_690_690/public/2020-07/Nescafe%20Rich%20Blend%20200g_Hi.png?itok=MIRsBCpu 1x" media="(min-width: 1200px)" type="image/png" width="690" height="690"/> <source srcset="/hk/sites/default/files/styles/product_stage_690_690/public/2020-07/Nescafe%20Rich%20Blend%20200g_Hi.png?itok=MIRsBCpu 1x" media="(min-width: 468px) and (max-width: 768px)" type="image/png" width="690" height="690"/> <source srcset="/hk/sites/default/files/styles/product_stage_225_225/public/2020-07/Nescafe%20Rich%20Blend%20200g_Hi.png?itok=daD8gpui 1x" media="(min-width: 0px)" type="image/png" width="225" height="225"/> <img image_lazyload="no" class="panzoom" src="data:image/gif;base64,R0lGODlhAQABAIABAP///wAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" width="1" height="1" alt="雀巢咖啡醇品®咖啡" loading="lazy" typeof="foaf:Image" /> </picture> </li> </ul> <div class="zoom-image-container js-zoom-image-container hide"> <button type="button" class="zoom-image-previous" aria-label="previous slide"></button> <img class="js-zoom-image zoom-image" src="" alt="zoom-image"> <div class="js-zoom-video-container zoom-video-container hide"></div> <button type="button" class="zoom-image-next" aria-label="next slide"></button> </div> <div class="tabs-panel-block thumbnail-slider" data-title = "Product Images" data-slideItems="1"> <div data-imageid="product-0" class="tab-panel active reset"> <picture> <source srcset="" media="(min-width: 1200px)" type="image/png" width="60" height="46" data-srcset="/hk/sites/default/files/styles/product_slider_thumbnail/public/2020-07/Nescafe%20Rich%20Blend%20200g_Hi.png?itok=xf9aLBS0 1x"/> <source srcset="" media="(min-width: 768px)" type="image/png" width="60" height="46" data-srcset="/hk/sites/default/files/styles/product_slider_thumbnail/public/2020-07/Nescafe%20Rich%20Blend%20200g_Hi.png?itok=xf9aLBS0 1x"/> <source srcset="" media="(min-width: 468px) and (max-width: 768px)" type="image/png" width="36" height="28" data-srcset="/hk/sites/default/files/styles/product_slider_thumbnail_mobile/public/2020-07/Nescafe%20Rich%20Blend%20200g_Hi.png?itok=k4B5oSll 1x"/> <img image_lazyload="no" src="/hk/sites/default/files/styles/product_slider_thumbnail/public/2020-07/Nescafe%20Rich%20Blend%20200g_Hi.png?itok=xf9aLBS0" width="60" height="46" alt="雀巢咖啡醇品®咖啡" loading="lazy" typeof="foaf:Image" /> </picture> </div> </div> </div> </div> red <div class="field field--node-field-dsu-product-desc field--name-field-dsu-product-desc field--type-text-with-summary field--label-hidden field__item"><p>#richblend</p> <p>選用優質咖啡豆製成,濃而不苦,香而不烈。一杯雀巢咖啡醇品®咖啡在手,更醇厚原香 、更豐厚口感、更悠然餘甘。</p></div> <div class="field field--node-field-dsu-sku field--name-field-dsu-sku field--type-string field--label-hidden field__item">p587</div> <div class="field field--node-field-product-stage-share field--name-field-product-stage-share field--type-entity-reference-revisions field--label-hidden field__item"> <div class="paragraph paragraph--type--c-share-buttons paragraph--view-mode--default"> <div class="dsu"> <ul class=""> <li> <a target="_blank" class="facebook-share social-media-icon share" href="http://www.facebook.com/share.php?u=https://www.nescafe.com/hk/taxonomy/term/1413/feed&amp;title=" title="Facebook"> <img alt="Facebook" src="https://www.nescafe.com/hk/themes/custom/nescafe_design_refresh/img/icons/fb.png"> </a> </li> </ul> </div> </div> </div> <drupal-render-placeholder callback="flag.link_builder:build" arguments="0=node&amp;1=1346&amp;2=product_wishlist" token="-lyCW8IeZwFdy-w2Wcikx5lIsJi7z12Sh7Pgfs24kaY"></drupal-render-placeholder> <div class="field field--node-field-rating field--name-field-rating field--type-fivestar field--label-hidden field__item"><form class="fivestar-form-1" id="vote" data-drupal-selector="fivestar-form-1" action="/hk/taxonomy/term/1413/feed" method="post" accept-charset="UTF-8"> <div class="clearfix fivestar-average-text fivestar-average-stars fivestar-form-item fivestar-basic"><div class="js-form-item form-item js-form-type-fivestar form-item-vote js-form-item-vote form-no-label"> <div class="js-form-item form-item js-form-type-select form-item-vote js-form-item-vote form-no-label"> <select class="vote form-select" data-drupal-selector="edit-vote" aria-describedby="edit-vote--2--description" id="edit-vote--2" name="vote" aria-labelledby="edit-vote--2"><option value="-">Select rating</option><option value="20">Give it 1/5</option><option value="40">Give it 2/5</option><option value="60" selected="selected">Give it 3/5</option><option value="80">Give it 4/5</option><option value="100">Give it 5/5</option></select> <p id="edit-vote--2--description" class="description help-text"> <div class="fivestar-summary fivestar-summary-average-count"> <span class="average-rating"> Average: <span>3</span> </span> <span class="total-votes"> (<span>4</span> votes) </span> </div> </p> </div> </div> </div><input class="js-hide button js-form-submit form-submit" data-drupal-selector="edit-submit" type="submit" id="edit-submit" name="op" value="Rate" /> <input autocomplete="off" data-drupal-selector="form-cpd6i0lsuka7sgjjku8n5wlw3xe23ipkg1eslmxvmt0" type="hidden" name="form_build_id" value="form-CPD6i0LsUKA7SGjJkU8n5wlw3xE23IpKG1ESlMXVMT0" /> <input data-drupal-selector="edit-fivestar-form-1" type="hidden" name="form_id" value="fivestar_form_1" /> </form> </div> <div class="cell large-20 large-offset-2"> <div class="cp-review-section"> <div class="view-filters"> <div class="grid-x form-row"> <div class="cell large-6 small-24 clearfix fivestar-none-text fivestar-average-stars fivestar-form-item fivestar-default average-rating-cell"> <fieldset class="js-form-item js-form-type- form-type- js-form-item-current form-item-current form-no-label form-group"> <div class="input-group"> <fieldset class="js-form-item js-form-type-select form-type-select js-form-item-current form-item-current form-no-label form-group"> <div class="fivestar-default"> <span class="on"></span> </div> <div class="stars stars-"></div> </fieldset> <div class="input-group-append"> <span class="field-suffix input-group-text"> 基於 評論 </span> </div> </div> </fieldset> </div> <div class="cell large-12 small-24"> <fieldset class="auto-submit-click fieldgroup form-composite js-form-item form-item js-form-wrapper form-group average-review-stars"> </fieldset> </div> <div class="cell large-6 small-24 review-button"> <input class="write-a-review button black" type="submit" id="write-review-btn" name="write_review_button" value="寫評論"> <br> <br> </div> </div> </div> </div> <drupal-render-placeholder callback="comment.lazy_builders:renderForm" arguments="0=node&amp;1=1346&amp;2=field_comments&amp;3=dsu_ratings_reviews_comment_type" token="9qiP-N9aWbloODslRBNpva9B5m6Ilw_7Igvn-w7zJG0"></drupal-render-placeholder> </div> <div class="field field--node-field-fusepump field--name-field-fusepump field--type-field-fusepump field--label-hidden field__item"><div id="fusepump-0-1346" class="fusepump-widget"></div> <div class="fusepump-link button red compare-product__buy_now" data-id="v3y5elq" data-fallback="" target-id="fusepump-0-1346"><span class="button-text">立即購買</span></div> </div> <div class="field field--node-field-product-type field--name-field-product-type field--type-list-string field--label-hidden field__item">Coffee</div> <div class="field field--node-field-pdp-components field--name-field-pdp-components field--type-entity-reference-revisions field--label-hidden field__items"> <div class="field__item"><section class="grid-container text-and-title js-text-and-title animate-block" data-animation='{"element":" img" }' > <div class="grid-x grid-margin-x"> <div class="cell large-8 large-offset-2"> <h3 class="headline-h3"></h3> </div> <div class="cell large-offset-3 large-10"> </div> </div> <div class="grid-x two-images-wrap imageTileSlider"> <div class="cell large-12 image-tile jarallax-keep-img"> <picture class="jarallax-img"> <source media="(min-width: 1200px)" srcset="/hk/sites/default/files/styles/text_details_large/public/images/Nescafe%2520Product%2520Slide%25201.jpg?itok=7YEsQEvx"> <source media="(min-width: 768px)" srcset="/hk/sites/default/files/styles/text_details_large/public/images/Nescafe%2520Product%2520Slide%25201.jpg?itok=7YEsQEvx"> <source media="(min-width: 0px)" srcset="/hk/sites/default/files/styles/text_details_mobile/public/images/Nescafe%2520Product%2520Slide%25201.jpg?itok=eiPuI9lr"> <img src="/hk/sites/default/files/styles/text_details_large/public/images/Nescafe%2520Product%2520Slide%25201.jpg?itok=7YEsQEvx" alt="Nescafe Product Slide 1"> </picture> </div> <div class="cell large-12 image-tile jarallax-keep-img"> <picture class="jarallax-img"> <source media="(min-width: 1200px)" srcset="/hk/sites/default/files/styles/text_details_large/public/images/Nescafe%2520Product%2520Slide%25202.jpg?itok=5cUP23oz"> <source media="(min-width: 768px)" srcset="/hk/sites/default/files/styles/text_details_large/public/images/Nescafe%2520Product%2520Slide%25202.jpg?itok=5cUP23oz"> <source media="(min-width: 0px)" srcset="/hk/sites/default/files/styles/text_details_mobile/public/images/Nescafe%2520Product%2520Slide%25202.jpg?itok=5y50nlYD"> <img src="/hk/sites/default/files/styles/text_details_large/public/images/Nescafe%2520Product%2520Slide%25202.jpg?itok=5cUP23oz" alt="Nescafe Product Slide 2"> </picture> </div> <div class="cell large-12 image-tile jarallax-keep-img"> <picture class="jarallax-img"> <source media="(min-width: 1200px)" srcset="/hk/sites/default/files/styles/text_details_large/public/images/Nescafe%2520Product%2520Slide%25203%2520.jpg?itok=cgNJ4pk_"> <source media="(min-width: 768px)" srcset="/hk/sites/default/files/styles/text_details_large/public/images/Nescafe%2520Product%2520Slide%25203%2520.jpg?itok=cgNJ4pk_"> <source media="(min-width: 0px)" srcset="/hk/sites/default/files/styles/text_details_mobile/public/images/Nescafe%2520Product%2520Slide%25203%2520.jpg?itok=vsZ827Q1"> <img src="/hk/sites/default/files/styles/text_details_large/public/images/Nescafe%2520Product%2520Slide%25203%2520.jpg?itok=cgNJ4pk_" alt="Nescafe Product Slide 3"> </picture> </div> <div class="cell large-12 image-tile jarallax-keep-img"> <picture class="jarallax-img"> <source media="(min-width: 1200px)" srcset="/hk/sites/default/files/styles/text_details_large/public/images/Nescafe%2520Product%2520Slide%25204.jpg?itok=PVkUATy4"> <source media="(min-width: 768px)" srcset="/hk/sites/default/files/styles/text_details_large/public/images/Nescafe%2520Product%2520Slide%25204.jpg?itok=PVkUATy4"> <source media="(min-width: 0px)" srcset="/hk/sites/default/files/styles/text_details_mobile/public/images/Nescafe%2520Product%2520Slide%25204.jpg?itok=QWLXgOoJ"> <img src="/hk/sites/default/files/styles/text_details_large/public/images/Nescafe%2520Product%2520Slide%25204.jpg?itok=PVkUATy4" alt="Nescafe Product Slide 4"> </picture> </div> </div> </section> </div> <div class="field__item"> <section class="product-slideshow js-product-slider grid-container grid-x animate-block no-padding-for-small background--light-grey-secondary discover-the-range new-product-card" data-topic-text="各不相同的咖啡體驗" id="product-slider-title-各不相同的咖啡體驗" data-animation='{"element":".slide-container"}'> <div class="small-24 medium-24 large-24 slide-container"> <div class="controls__container controls controls__background"></div> <div class="small-20 medium-10 large-5 xlarge-24 medium-offset-1 xlarge-offset-0 text-center"> <div class="product-slideshow__details custom-details"> <h2 class="product-slideshow__main-title text--heavy-metal"> 各不相同的咖啡體驗 </h2> <div class="product-slideshow__sub-title text--heavy-metal copy-xlarge"> <p><span><span><span><span lang="ZH-TW" xml:lang="ZH-TW" xml:lang="ZH-TW">從</span>NESCAFÉ®SMOOVLATTE®<span lang="ZH-TW" xml:lang="ZH-TW" xml:lang="ZH-TW">咖啡飲料、</span>NESCAFÉ®<span lang="ZH-TW" xml:lang="ZH-TW" xml:lang="ZH-TW">極品白咖啡,到</span>NESCAFÉ GOLDBLEND®<span lang="ZH-TW" xml:lang="ZH-TW" xml:lang="ZH-TW">咖啡,我們創造了不同口味、適合不同場合的咖啡。</span></span></span></span></p> </div> </div> </div> <div class="small-24 medium-12 medium-offset-1 large-offset-0 xlarge-offset-0 large-17 xlarge-24"> <div class="product-slideshow__container"> <div class="product-slider" data-next="Next" data-previous="Previouszxfzfsd"> <!-- new design start1 --> <!--when the product compare is there and we also have the link we want a div and not an achor tag--> <div class="cell new-product-card-cont background--white small-24 medium-12 large-6 content-animation swiper-slide slide slide__product use_partial_link_for_compare"> <a href="/hk/our-coffees/quechaokafeirsmoovlatterzhugulikafei"> <div class="small-24 product-image"> <picture class="image-teaser__image"> <source media="(min-width: 1200px)" data-srcset="/hk/sites/default/files/styles/product_list_large/public/2020-07/nes_smv_mocha_mer_0.png?itok=b3xnFxh3"> <source media="(min-width: 768px)" data-srcset="/hk/sites/default/files/styles/product_list_large/public/2020-07/nes_smv_mocha_mer_0.png?itok=b3xnFxh3"> <source media="(min-width: 0px)" data-srcset="/hk/sites/default/files/styles/product_list_small/public/2020-07/nes_smv_mocha_mer_0.png?itok=S9LZzQ8u"> <img data-src="/hk/sites/default/files/styles/product_list_large/public/2020-07/nes_smv_mocha_mer_0.png?itok=b3xnFxh3" class="lazyload" alt="雀巢咖啡®SMOOVLATTÉ®朱古力咖啡"/> </picture> </div> <div class="product-content product-slideshow__text "> <p class="product-name text--dark-grey copy-xlarge"> 雀巢咖啡<sup>®</sup>SMOOVLATTÉ<sup>®</sup>朱古力咖啡 </p> <div class="rating-and-description"> <div class="rating-widget" tabindex="0" aria-label="0" role="img"> <label for="edit-vote--2" class="hide">Product Ratings</label> <div class="user-rating disabled white-star inline"> <div class="fivestar-basic"> <div class="fivestar-widget-static fivestar-widget-static-vote fivestar-widget-static-5 clearfix"> <div class="star star-1 star-odd star-first"> <span class="off"> 0 </span> </div> <div class="star star-2 star-even"> <span class="off"> </span> </div> <div class="star star-3 star-odd"> <span class="off"> </span> </div> <div class="star star-4 star-even"> <span class="off"> </span> </div> <div class="star star-5 star-odd star-last"> <span class="off"> </span> </div> </div> </div> </div> </div> <p class="product-desc copy-large-h3 text--black"> #smoovlatte #smooth... </p> </div> </div> <div class="buy-now-and-compare-products"> <!-- <button class="expanded button red">Buy Now</button> --> <div class="compare-product__link copy-small-h5__bold" data-title="雀巢咖啡<sup>®</sup>SMOOVLATTÉ<sup>®</sup>朱古力咖啡" data-product-image="/hk/sites/default/files/styles/product_list_thumbnail/public/2020-07/nes_smv_mocha_mer_0.png?itok=2VlPmoo4" data-product-nid="1296"> <input type="checkbox" id="1296-20126" class="form-checkbox required" aria-required="true"> <label for="1296-20126" class="font-awesome-icon fa-check-square contact-privacy-policy-label"> 產品比較 </label> </div> </a> </div> </div> <!-- new design end --> <!-- new design start1 --> <!--when the product compare is there and we also have the link we want a div and not an achor tag--> <div class="cell new-product-card-cont background--white small-24 medium-12 large-6 content-animation swiper-slide slide slide__product use_partial_link_for_compare"> <a href="/hk/our-coffees/quechaokafeirsmoovlatter"> <div class="small-24 product-image"> <picture class="image-teaser__image"> <source media="(min-width: 1200px)" data-srcset="/hk/sites/default/files/styles/product_list_large/public/2020-07/nes_smv_regular_mer_0.png?itok=ioo-nb8s"> <source media="(min-width: 768px)" data-srcset="/hk/sites/default/files/styles/product_list_large/public/2020-07/nes_smv_regular_mer_0.png?itok=ioo-nb8s"> <source media="(min-width: 0px)" data-srcset="/hk/sites/default/files/styles/product_list_small/public/2020-07/nes_smv_regular_mer_0.png?itok=wSv3GhZ1"> <img data-src="/hk/sites/default/files/styles/product_list_large/public/2020-07/nes_smv_regular_mer_0.png?itok=ioo-nb8s" class="lazyload" alt="雀巢咖啡®SMOOVLATTÉ®"/> </picture> </div> <div class="product-content product-slideshow__text "> <p class="product-name text--dark-grey copy-xlarge"> 雀巢咖啡<sup>®</sup>SMOOVLATTÉ<sup>®</sup> </p> <div class="rating-and-description"> <div class="rating-widget" tabindex="0" aria-label="0" role="img"> <label for="edit-vote--2" class="hide">Product Ratings</label> <div class="user-rating disabled white-star inline"> <div class="fivestar-basic"> <div class="fivestar-widget-static fivestar-widget-static-vote fivestar-widget-static-5 clearfix"> <div class="star star-1 star-odd star-first"> <span class="off"> 0 </span> </div> <div class="star star-2 star-even"> <span class="off"> </span> </div> <div class="star star-3 star-odd"> <span class="off"> </span> </div> <div class="star star-4 star-even"> <span class="off"> </span> </div> <div class="star star-5 star-odd star-last"> <span class="off"> </span> </div> </div> </div> </div> </div> <p class="product-desc copy-large-h3 text--black"> #smoovlatte #smooth... </p> </div> </div> <div class="buy-now-and-compare-products"> <!-- <button class="expanded button red">Buy Now</button> --> <div class="compare-product__link copy-small-h5__bold" data-title="雀巢咖啡<sup>®</sup>SMOOVLATTÉ<sup>®</sup>" data-product-image="/hk/sites/default/files/styles/product_list_thumbnail/public/2020-07/nes_smv_regular_mer_0.png?itok=95QRTwFA" data-product-nid="1291"> <input type="checkbox" id="1291-20131" class="form-checkbox required" aria-required="true"> <label for="1291-20131" class="font-awesome-icon fa-check-square contact-privacy-policy-label"> 產品比較 </label> </div> </a> </div> </div> <!-- new design end --> <!-- new design start1 --> <!--when the product compare is there and we also have the link we want a div and not an achor tag--> <div class="cell new-product-card-cont background--white small-24 medium-12 large-6 content-animation swiper-slide slide slide__product use_partial_link_for_compare"> <a href="/hk/our-coffees/goldoriginals-altarica"> <div class="small-24 product-image"> <picture class="image-teaser__image"> <source media="(min-width: 1200px)" data-srcset="/hk/sites/default/files/styles/product_list_large/public/2020-07/SIMULATION_3D_P_NESC176_ALTARICA_SBU.png?itok=QyZneJ6T"> <source media="(min-width: 768px)" data-srcset="/hk/sites/default/files/styles/product_list_large/public/2020-07/SIMULATION_3D_P_NESC176_ALTARICA_SBU.png?itok=QyZneJ6T"> <source media="(min-width: 0px)" data-srcset="/hk/sites/default/files/styles/product_list_small/public/2020-07/SIMULATION_3D_P_NESC176_ALTARICA_SBU.png?itok=mtxYLRby"> <img data-src="/hk/sites/default/files/styles/product_list_large/public/2020-07/SIMULATION_3D_P_NESC176_ALTARICA_SBU.png?itok=QyZneJ6T" class="lazyload" alt="雀巢咖啡®ALTA RICA®咖啡"/> </picture> </div> <div class="product-content product-slideshow__text "> <p class="product-name text--dark-grey copy-xlarge"> 雀巢咖啡<sup>®</sup>ALTA RICA<sup>®</sup>咖啡 </p> <div class="rating-and-description"> <div class="rating-widget" tabindex="0" aria-label="0" role="img"> <label for="edit-vote--2" class="hide">Product Ratings</label> <div class="user-rating disabled white-star inline"> <div class="fivestar-basic"> <div class="fivestar-widget-static fivestar-widget-static-vote fivestar-widget-static-5 clearfix"> <div class="star star-1 star-odd star-first"> <span class="off"> 0 </span> </div> <div class="star star-2 star-even"> <span class="off"> </span> </div> <div class="star star-3 star-odd"> <span class="off"> </span> </div> <div class="star star-4 star-even"> <span class="off"> </span> </div> <div class="star star-5 star-odd star-last"> <span class="off"> </span> </div> </div> </div> </div> </div> <p class="product-desc copy-large-h3 text--black"> ... </p> </div> </div> <div class="buy-now-and-compare-products"> <!-- <button class="expanded button red">Buy Now</button> --> <div class="compare-product__link copy-small-h5__bold" data-title="雀巢咖啡<sup>®</sup>ALTA RICA<sup>®</sup>咖啡" data-product-image="/hk/sites/default/files/styles/product_list_thumbnail/public/2020-07/SIMULATION_3D_P_NESC176_ALTARICA_SBU.png?itok=8gdO_abq" data-product-nid="1286"> <input type="checkbox" id="1286-20136" class="form-checkbox required" aria-required="true"> <label for="1286-20136" class="font-awesome-icon fa-check-square contact-privacy-policy-label"> 產品比較 </label> </div> </a> </div> </div> <!-- new design end --> </div> </div> </div> </div> </section> </div> </div> Mon, 29 Jun 2020 19:06:03 +0000 Site Factory admin 1346 at https://www.nescafe.com/hk 雀巢咖啡®金牌咖啡低因咖啡 https://www.nescafe.com/hk/our-coffees/goldblend-decaf <h1 class="headline-h1">雀巢咖啡<sup>®</sup>金牌咖啡低因咖啡</h1> <span><span lang="" about="/hk/user/1" typeof="schema:Person" property="schema:name" datatype="">Site Factory admin</span></span> <span><time datetime="2020-06-29T19:06:03+00:00" title="Monday, June 29, 2020 - 19:06">Mon, 06/29/2020 - 19:06</time> </span> <div class="cell product-image"> <div class="product-pic-col"> <ul class="tabs-panel-block single-image-slider"> <li data-imageid="product-0" class="tab-panel active"> <a class="product-zoomin-icon" title="雀巢咖啡®金牌咖啡低因咖啡" data-image="/hk/sites/default/files/2020-07/GB%2080G%20DECAF.png"> <img alt="zoom" src="/hk/themes/custom/nescafe_design_refresh/img/icons/product-zoom-in.svg"> </a> <picture> <source srcset="/hk/sites/default/files/styles/product_stage_690_690/public/2020-07/GB%2080G%20DECAF.png?itok=PbHagkLX 1x" media="(min-width: 1200px)" type="image/png" width="690" height="690"/> <source srcset="/hk/sites/default/files/styles/product_stage_690_690/public/2020-07/GB%2080G%20DECAF.png?itok=PbHagkLX 1x" media="(min-width: 468px) and (max-width: 768px)" type="image/png" width="690" height="690"/> <source srcset="/hk/sites/default/files/styles/product_stage_225_225/public/2020-07/GB%2080G%20DECAF.png?itok=NlLdfGRQ 1x" media="(min-width: 0px)" type="image/png" width="225" height="225"/> <img image_lazyload="no" class="panzoom" src="data:image/gif;base64,R0lGODlhAQABAIABAP///wAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" width="1" height="1" alt="雀巢咖啡®金牌咖啡低因咖啡" loading="lazy" typeof="foaf:Image" /> </picture> </li> </ul> <div class="zoom-image-container js-zoom-image-container hide"> <button type="button" class="zoom-image-previous" aria-label="previous slide"></button> <img class="js-zoom-image zoom-image" src="" alt="zoom-image"> <div class="js-zoom-video-container zoom-video-container hide"></div> <button type="button" class="zoom-image-next" aria-label="next slide"></button> </div> <div class="tabs-panel-block thumbnail-slider" data-title = "Product Images" data-slideItems="1"> <div data-imageid="product-0" class="tab-panel active reset"> <picture> <source srcset="" media="(min-width: 1200px)" type="image/png" width="60" height="46" data-srcset="/hk/sites/default/files/styles/product_slider_thumbnail/public/2020-07/GB%2080G%20DECAF.png?itok=Kd46TBYG 1x"/> <source srcset="" media="(min-width: 768px)" type="image/png" width="60" height="46" data-srcset="/hk/sites/default/files/styles/product_slider_thumbnail/public/2020-07/GB%2080G%20DECAF.png?itok=Kd46TBYG 1x"/> <source srcset="" media="(min-width: 468px) and (max-width: 768px)" type="image/png" width="36" height="28" data-srcset="/hk/sites/default/files/styles/product_slider_thumbnail_mobile/public/2020-07/GB%2080G%20DECAF.png?itok=E58wmjGR 1x"/> <img image_lazyload="no" src="/hk/sites/default/files/styles/product_slider_thumbnail/public/2020-07/GB%2080G%20DECAF.png?itok=Kd46TBYG" width="60" height="46" alt="雀巢咖啡®金牌咖啡低因咖啡" loading="lazy" typeof="foaf:Image" /> </picture> </div> </div> </div> </div> red <div class="field field--node-field-dsu-product-desc field--name-field-dsu-product-desc field--type-text-with-summary field--label-hidden field__item"><p>#goldblend</p> <p>雀巢咖啡®金牌咖啡低因咖啡去除97%咖啡因,仍能保持香濃馥郁的咖啡香味,為追求低因咖啡人士之選。</p></div> <div class="field field--node-field-dsu-sku field--name-field-dsu-sku field--type-string field--label-hidden field__item">p906</div> <div class="field field--node-field-product-stage-share field--name-field-product-stage-share field--type-entity-reference-revisions field--label-hidden field__item"> <div class="paragraph paragraph--type--c-share-buttons paragraph--view-mode--default"> <div class="dsu"> <ul class=""> <li> <a target="_blank" class="facebook-share social-media-icon share" href="http://www.facebook.com/share.php?u=https://www.nescafe.com/hk/taxonomy/term/1413/feed&amp;title=" title="Facebook"> <img alt="Facebook" src="https://www.nescafe.com/hk/themes/custom/nescafe_design_refresh/img/icons/fb.png"> </a> </li> </ul> </div> </div> </div> <drupal-render-placeholder callback="flag.link_builder:build" arguments="0=node&amp;1=1341&amp;2=product_wishlist" token="kcRu-Ofi2jbmrk02mM-gGEniD4RhurvxdRI8hMg7Ad8"></drupal-render-placeholder> <div class="field field--node-field-rating field--name-field-rating field--type-fivestar field--label-hidden field__item"><form class="fivestar-form-2" id="vote--2" data-drupal-selector="fivestar-form-2" action="/hk/taxonomy/term/1413/feed" method="post" accept-charset="UTF-8"> <div class="clearfix fivestar-average-text fivestar-average-stars fivestar-form-item fivestar-basic"><div class="js-form-item form-item js-form-type-fivestar form-item-vote js-form-item-vote form-no-label"> <div class="js-form-item form-item js-form-type-select form-item-vote js-form-item-vote form-no-label"> <select class="vote form-select" data-drupal-selector="edit-vote" aria-describedby="edit-vote--4--description" id="edit-vote--4" name="vote"><option value="-">Select rating</option><option value="20">Give it 1/5</option><option value="40">Give it 2/5</option><option value="60" selected="selected">Give it 3/5</option><option value="80">Give it 4/5</option><option value="100">Give it 5/5</option></select> <p id="edit-vote--4--description" class="description help-text"> <div class="fivestar-summary fivestar-summary-average-count"> <span class="average-rating"> Average: <span>3</span> </span> <span class="total-votes"> (<span>4</span> votes) </span> </div> </p> </div> </div> </div><input class="js-hide button js-form-submit form-submit" data-drupal-selector="edit-submit" type="submit" id="edit-submit--2" name="op" value="Rate" /> <input autocomplete="off" data-drupal-selector="form-rbe71bptdm1-zbc06r-apab3kburrlhnknyy6emtrqk" type="hidden" name="form_build_id" value="form-RBE71bPTdm1-Zbc06R_APab3kburRLhNKNYy6emTRqk" /> <input data-drupal-selector="edit-fivestar-form-2" type="hidden" name="form_id" value="fivestar_form_2" /> </form> </div> <div class="cell large-20 large-offset-2"> <div class="cp-review-section"> <div class="view-filters"> <div class="grid-x form-row"> <div class="cell large-6 small-24 clearfix fivestar-none-text fivestar-average-stars fivestar-form-item fivestar-default average-rating-cell"> <fieldset class="js-form-item js-form-type- form-type- js-form-item-current form-item-current form-no-label form-group"> <div class="input-group"> <fieldset class="js-form-item js-form-type-select form-type-select js-form-item-current form-item-current form-no-label form-group"> <div class="fivestar-default"> <span class="on"></span> </div> <div class="stars stars-"></div> </fieldset> <div class="input-group-append"> <span class="field-suffix input-group-text"> 基於 評論 </span> </div> </div> </fieldset> </div> <div class="cell large-12 small-24"> <fieldset class="auto-submit-click fieldgroup form-composite js-form-item form-item js-form-wrapper form-group average-review-stars"> </fieldset> </div> <div class="cell large-6 small-24 review-button"> <input class="write-a-review button black" type="submit" id="write-review-btn" name="write_review_button" value="寫評論"> <br> <br> </div> </div> </div> </div> <drupal-render-placeholder callback="comment.lazy_builders:renderForm" arguments="0=node&amp;1=1341&amp;2=field_comments&amp;3=dsu_ratings_reviews_comment_type" token="U-qWa2py1SAYTaYsZflhK2Mo84qrcPEQeb2vUsFPCjQ"></drupal-render-placeholder> </div> <div class="field field--node-field-fusepump field--name-field-fusepump field--type-field-fusepump field--label-hidden field__item"><div id="fusepump-0-1341" class="fusepump-widget"></div> <div class="fusepump-link button red compare-product__buy_now" data-id="v3y6z64" data-fallback="" target-id="fusepump-0-1341"><span class="button-text">立即購買</span></div> </div> <div class="field field--node-field-product-type field--name-field-product-type field--type-list-string field--label-hidden field__item">Coffee</div> <div class="field field--node-field-pdp-components field--name-field-pdp-components field--type-entity-reference-revisions field--label-hidden field__items"> <div class="field__item"><section class="grid-container text-and-title js-text-and-title animate-block" data-animation='{"element":" img" }' > <div class="grid-x grid-margin-x"> <div class="cell large-8 large-offset-2"> <h3 class="headline-h3"></h3> </div> <div class="cell large-offset-3 large-10"> </div> </div> <div class="grid-x two-images-wrap imageTileSlider"> <div class="cell large-12 image-tile jarallax-keep-img"> <picture class="jarallax-img"> <source media="(min-width: 1200px)" srcset="/hk/sites/default/files/styles/text_details_large/public/images/Nescafe%2520Product%2520Slide%25201.jpg?itok=7YEsQEvx"> <source media="(min-width: 768px)" srcset="/hk/sites/default/files/styles/text_details_large/public/images/Nescafe%2520Product%2520Slide%25201.jpg?itok=7YEsQEvx"> <source media="(min-width: 0px)" srcset="/hk/sites/default/files/styles/text_details_mobile/public/images/Nescafe%2520Product%2520Slide%25201.jpg?itok=eiPuI9lr"> <img src="/hk/sites/default/files/styles/text_details_large/public/images/Nescafe%2520Product%2520Slide%25201.jpg?itok=7YEsQEvx" alt="Nescafe Product Slide 1"> </picture> </div> <div class="cell large-12 image-tile jarallax-keep-img"> <picture class="jarallax-img"> <source media="(min-width: 1200px)" srcset="/hk/sites/default/files/styles/text_details_large/public/images/Nescafe%2520Product%2520Slide%25202.jpg?itok=5cUP23oz"> <source media="(min-width: 768px)" srcset="/hk/sites/default/files/styles/text_details_large/public/images/Nescafe%2520Product%2520Slide%25202.jpg?itok=5cUP23oz"> <source media="(min-width: 0px)" srcset="/hk/sites/default/files/styles/text_details_mobile/public/images/Nescafe%2520Product%2520Slide%25202.jpg?itok=5y50nlYD"> <img src="/hk/sites/default/files/styles/text_details_large/public/images/Nescafe%2520Product%2520Slide%25202.jpg?itok=5cUP23oz" alt="Nescafe Product Slide 2"> </picture> </div> <div class="cell large-12 image-tile jarallax-keep-img"> <picture class="jarallax-img"> <source media="(min-width: 1200px)" srcset="/hk/sites/default/files/styles/text_details_large/public/images/Nescafe%2520Product%2520Slide%25203%2520.jpg?itok=cgNJ4pk_"> <source media="(min-width: 768px)" srcset="/hk/sites/default/files/styles/text_details_large/public/images/Nescafe%2520Product%2520Slide%25203%2520.jpg?itok=cgNJ4pk_"> <source media="(min-width: 0px)" srcset="/hk/sites/default/files/styles/text_details_mobile/public/images/Nescafe%2520Product%2520Slide%25203%2520.jpg?itok=vsZ827Q1"> <img src="/hk/sites/default/files/styles/text_details_large/public/images/Nescafe%2520Product%2520Slide%25203%2520.jpg?itok=cgNJ4pk_" alt="Nescafe Product Slide 3"> </picture> </div> <div class="cell large-12 image-tile jarallax-keep-img"> <picture class="jarallax-img"> <source media="(min-width: 1200px)" srcset="/hk/sites/default/files/styles/text_details_large/public/images/Nescafe%2520Product%2520Slide%25204.jpg?itok=PVkUATy4"> <source media="(min-width: 768px)" srcset="/hk/sites/default/files/styles/text_details_large/public/images/Nescafe%2520Product%2520Slide%25204.jpg?itok=PVkUATy4"> <source media="(min-width: 0px)" srcset="/hk/sites/default/files/styles/text_details_mobile/public/images/Nescafe%2520Product%2520Slide%25204.jpg?itok=QWLXgOoJ"> <img src="/hk/sites/default/files/styles/text_details_large/public/images/Nescafe%2520Product%2520Slide%25204.jpg?itok=PVkUATy4" alt="Nescafe Product Slide 4"> </picture> </div> </div> </section> </div> <div class="field__item"> <section class="product-slideshow js-product-slider grid-container grid-x animate-block no-padding-for-small background--light-grey-secondary discover-the-range new-product-card" data-topic-text="各不相同的咖啡體驗" id="product-slider-title-各不相同的咖啡體驗" data-animation='{"element":".slide-container"}'> <div class="small-24 medium-24 large-24 slide-container"> <div class="controls__container controls controls__background"></div> <div class="small-20 medium-10 large-5 xlarge-24 medium-offset-1 xlarge-offset-0 text-center"> <div class="product-slideshow__details custom-details"> <h2 class="product-slideshow__main-title text--heavy-metal"> 各不相同的咖啡體驗 </h2> <div class="product-slideshow__sub-title text--heavy-metal copy-xlarge"> <p><span><span><span><span lang="ZH-TW" xml:lang="ZH-TW" xml:lang="ZH-TW">從</span>NESCAFÉ®SMOOVLATTE®<span lang="ZH-TW" xml:lang="ZH-TW" xml:lang="ZH-TW">咖啡飲料、</span>NESCAFÉ®<span lang="ZH-TW" xml:lang="ZH-TW" xml:lang="ZH-TW">極品白咖啡,到</span>NESCAFÉ GOLDBLEND®<span lang="ZH-TW" xml:lang="ZH-TW" xml:lang="ZH-TW">咖啡,我們創造了不同口味、適合不同場合的咖啡。</span></span></span></span></p> </div> </div> </div> <div class="small-24 medium-12 medium-offset-1 large-offset-0 xlarge-offset-0 large-17 xlarge-24"> <div class="product-slideshow__container"> <div class="product-slider" data-next="Next" data-previous="Previouszxfzfsd"> <!-- new design start1 --> <!--when the product compare is there and we also have the link we want a div and not an achor tag--> <div class="cell new-product-card-cont background--white small-24 medium-12 large-6 content-animation swiper-slide slide slide__product use_partial_link_for_compare"> <a href="/hk/our-coffees/goldblend"> <div class="small-24 product-image"> <picture class="image-teaser__image"> <source media="(min-width: 1200px)" data-srcset="/hk/sites/default/files/styles/product_list_large/public/2020-07/GB%20120G.png?itok=iK9Lo5yH"> <source media="(min-width: 768px)" data-srcset="/hk/sites/default/files/styles/product_list_large/public/2020-07/GB%20120G.png?itok=iK9Lo5yH"> <source media="(min-width: 0px)" data-srcset="/hk/sites/default/files/styles/product_list_small/public/2020-07/GB%20120G.png?itok=NuXoYSe7"> <img data-src="/hk/sites/default/files/styles/product_list_large/public/2020-07/GB%20120G.png?itok=iK9Lo5yH" class="lazyload" alt="雀巢咖啡®金牌咖啡"/> </picture> </div> <div class="product-content product-slideshow__text "> <p class="product-name text--dark-grey copy-xlarge"> 雀巢咖啡<sup>®</sup>金牌咖啡 </p> <div class="rating-and-description"> <div class="rating-widget" tabindex="0" aria-label="0" role="img"> <label for="edit-vote--2" class="hide">Product Ratings</label> <div class="user-rating disabled white-star inline"> <div class="fivestar-basic"> <div class="fivestar-widget-static fivestar-widget-static-vote fivestar-widget-static-5 clearfix"> <div class="star star-1 star-odd star-first"> <span class="off"> 0 </span> </div> <div class="star star-2 star-even"> <span class="off"> </span> </div> <div class="star star-3 star-odd"> <span class="off"> </span> </div> <div class="star star-4 star-even"> <span class="off"> </span> </div> <div class="star star-5 star-odd star-last"> <span class="off"> </span> </div> </div> </div> </div> </div> <p class="product-desc copy-large-h3 text--black"> #goldblend 雀巢咖啡®金牌咖啡,嚴選來自哥倫比亞及危地馬拉等中美洲國家,最優質的阿拉比卡咖啡豆,以創新MAC (Micronized... </p> </div> </div> <div class="buy-now-and-compare-products"> <!-- <button class="expanded button red">Buy Now</button> --> <div id="fusepump-link-id" data-productname="雀巢咖啡®金牌咖啡" data-productbrand="NESCAFE" data-productskuid="p878" data-productcategory="coffee" class="buy-now-btn expanded button red"> <div class="field field--node-field-fusepump field--name-field-fusepump field--type-field-fusepump field--label-hidden field__item"><div id="fusepump-0-1331" class="fusepump-widget"></div> <div class="fusepump-link button red compare-product__buy_now" data-id="v3ym0md" data-fallback="" target-id="fusepump-0-1331"><span class="button-text">立即購買</span></div> </div> </div> <div class="compare-product__link copy-small-h5__bold" data-title="雀巢咖啡<sup>®</sup>金牌咖啡" data-product-image="/hk/sites/default/files/styles/product_list_thumbnail/public/2020-07/GB%20120G.png?itok=sVWkrb8S" data-product-nid="1331"> <input type="checkbox" id="1331-19576" class="form-checkbox required" aria-required="true"> <label for="1331-19576" class="font-awesome-icon fa-check-square contact-privacy-policy-label"> 產品比較 </label> </div> </a> </div> </div> <!-- new design end --> <!-- new design start1 --> <!--when the product compare is there and we also have the link we want a div and not an achor tag--> <div class="cell new-product-card-cont background--white small-24 medium-12 large-6 content-animation swiper-slide slide slide__product use_partial_link_for_compare"> <a href="/hk/our-coffees/goldblendmix-3in1"> <div class="small-24 product-image"> <picture class="image-teaser__image"> <source media="(min-width: 1200px)" data-srcset="/hk/sites/default/files/styles/product_list_large/public/2020-07/12105906%20GB%20Mix.png?itok=6y-wqhPd"> <source media="(min-width: 768px)" data-srcset="/hk/sites/default/files/styles/product_list_large/public/2020-07/12105906%20GB%20Mix.png?itok=6y-wqhPd"> <source media="(min-width: 0px)" data-srcset="/hk/sites/default/files/styles/product_list_small/public/2020-07/12105906%20GB%20Mix.png?itok=06d2DC_G"> <img data-src="/hk/sites/default/files/styles/product_list_large/public/2020-07/12105906%20GB%20Mix.png?itok=6y-wqhPd" class="lazyload" alt="雀巢咖啡®金牌咖啡 三合一即溶咖啡飲品"/> </picture> </div> <div class="product-content product-slideshow__text "> <p class="product-name text--dark-grey copy-xlarge"> 雀巢咖啡<sup>®</sup>金牌咖啡 三合一即溶咖啡飲品 </p> <div class="rating-and-description"> <div class="rating-widget" tabindex="0" aria-label="0" role="img"> <label for="edit-vote--2" class="hide">Product Ratings</label> <div class="user-rating disabled white-star inline"> <div class="fivestar-basic"> <div class="fivestar-widget-static fivestar-widget-static-vote fivestar-widget-static-5 clearfix"> <div class="star star-1 star-odd star-first"> <span class="off"> 0 </span> </div> <div class="star star-2 star-even"> <span class="off"> </span> </div> <div class="star star-3 star-odd"> <span class="off"> </span> </div> <div class="star star-4 star-even"> <span class="off"> </span> </div> <div class="star star-5 star-odd star-last"> <span class="off"> </span> </div> </div> </div> </div> </div> <p class="product-desc copy-large-h3 text--black"> ... </p> </div> </div> <div class="buy-now-and-compare-products"> <!-- <button class="expanded button red">Buy Now</button> --> <div id="fusepump-link-id" data-productname="雀巢咖啡®金牌咖啡 三合一即溶咖啡飲品" data-productbrand="NESCAFE" data-productskuid="p987" data-productcategory="coffee" class="buy-now-btn expanded button red"> <div class="field field--node-field-fusepump field--name-field-fusepump field--type-field-fusepump field--label-hidden field__item"><div id="fusepump-0-1336" class="fusepump-widget"></div> <div class="fusepump-link button red compare-product__buy_now" data-id="v3w3ej6" data-fallback="" target-id="fusepump-0-1336"><span class="button-text">立即購買</span></div> </div> </div> <div class="compare-product__link copy-small-h5__bold" data-title="雀巢咖啡<sup>®</sup>金牌咖啡 三合一即溶咖啡飲品" data-product-image="/hk/sites/default/files/styles/product_list_thumbnail/public/2020-07/12105906%20GB%20Mix.png?itok=SEk4Th1H" data-product-nid="1336"> <input type="checkbox" id="1336-19581" class="form-checkbox required" aria-required="true"> <label for="1336-19581" class="font-awesome-icon fa-check-square contact-privacy-policy-label"> 產品比較 </label> </div> </a> </div> </div> <!-- new design end --> <!-- new design start1 --> <!--when the product compare is there and we also have the link we want a div and not an achor tag--> <div class="cell new-product-card-cont background--white small-24 medium-12 large-6 content-animation swiper-slide slide slide__product use_partial_link_for_compare"> <a href="/hk/our-coffees/goldblend-decaf"> <div class="small-24 product-image"> <picture class="image-teaser__image"> <source media="(min-width: 1200px)" data-srcset="/hk/sites/default/files/styles/product_list_large/public/2020-07/GB%2080G%20DECAF.png?itok=rc6kc7IO"> <source media="(min-width: 768px)" data-srcset="/hk/sites/default/files/styles/product_list_large/public/2020-07/GB%2080G%20DECAF.png?itok=rc6kc7IO"> <source media="(min-width: 0px)" data-srcset="/hk/sites/default/files/styles/product_list_small/public/2020-07/GB%2080G%20DECAF.png?itok=2GRQNO1T"> <img data-src="/hk/sites/default/files/styles/product_list_large/public/2020-07/GB%2080G%20DECAF.png?itok=rc6kc7IO" class="lazyload" alt="雀巢咖啡®金牌咖啡低因咖啡"/> </picture> </div> <div class="product-content product-slideshow__text "> <p class="product-name text--dark-grey copy-xlarge"> 雀巢咖啡<sup>®</sup>金牌咖啡低因咖啡 </p> <div class="rating-and-description"> <div class="rating-widget" tabindex="0" aria-label="0" role="img"> <label for="edit-vote--2" class="hide">Product Ratings</label> <div class="user-rating disabled white-star inline"> <div class="fivestar-basic"> <div class="fivestar-widget-static fivestar-widget-static-vote fivestar-widget-static-5 clearfix"> <div class="star star-1 star-odd star-first"> <span class="off"> 0 </span> </div> <div class="star star-2 star-even"> <span class="off"> </span> </div> <div class="star star-3 star-odd"> <span class="off"> </span> </div> <div class="star star-4 star-even"> <span class="off"> </span> </div> <div class="star star-5 star-odd star-last"> <span class="off"> </span> </div> </div> </div> </div> </div> <p class="product-desc copy-large-h3 text--black"> #goldblend 雀巢咖啡®金牌咖啡低因咖啡去除97%咖啡因,仍能保持香濃馥郁的咖啡香味,為追求低因咖啡人士之選。 </p> </div> </div> <div class="buy-now-and-compare-products"> <!-- <button class="expanded button red">Buy Now</button> --> <div id="fusepump-link-id" data-productname="雀巢咖啡®金牌咖啡低因咖啡" data-productbrand="NESCAFE" data-productskuid="p906" data-productcategory="coffee" class="buy-now-btn expanded button red"> <div class="field field--node-field-fusepump field--name-field-fusepump field--type-field-fusepump field--label-hidden field__item"><div id="fusepump-0-1341" class="fusepump-widget"></div> <div class="fusepump-link button red compare-product__buy_now" data-id="v3y6z64" data-fallback="" target-id="fusepump-0-1341"><span class="button-text">立即購買</span></div> </div> </div> <div class="compare-product__link copy-small-h5__bold" data-title="雀巢咖啡<sup>®</sup>金牌咖啡低因咖啡" data-product-image="/hk/sites/default/files/styles/product_list_thumbnail/public/2020-07/GB%2080G%20DECAF.png?itok=TpMSJudl" data-product-nid="1341"> <input type="checkbox" id="1341-19586" class="form-checkbox required" aria-required="true"> <label for="1341-19586" class="font-awesome-icon fa-check-square contact-privacy-policy-label"> 產品比較 </label> </div> </a> </div> </div> <!-- new design end --> </div> </div> </div> </div> </section> </div> </div> Mon, 29 Jun 2020 19:06:03 +0000 Site Factory admin 1341 at https://www.nescafe.com/hk 雀巢咖啡®金牌咖啡 三合一即溶咖啡飲品 https://www.nescafe.com/hk/our-coffees/goldblendmix-3in1 <h1 class="headline-h1">雀巢咖啡<sup>®</sup>金牌咖啡 三合一即溶咖啡飲品</h1> <span><span lang="" about="/hk/user/1" typeof="schema:Person" property="schema:name" datatype="">Site Factory admin</span></span> <span><time datetime="2020-06-29T19:06:03+00:00" title="Monday, June 29, 2020 - 19:06">Mon, 06/29/2020 - 19:06</time> </span> <div class="cell product-image"> <div class="product-pic-col"> <ul class="tabs-panel-block single-image-slider"> <li data-imageid="product-0" class="tab-panel active"> <a class="product-zoomin-icon" title="雀巢咖啡®金牌咖啡 三合一即溶咖啡飲品" data-image="/hk/sites/default/files/2020-07/12105906%20GB%20Mix.png"> <img alt="zoom" src="/hk/themes/custom/nescafe_design_refresh/img/icons/product-zoom-in.svg"> </a> <picture> <source srcset="/hk/sites/default/files/styles/product_stage_690_690/public/2020-07/12105906%20GB%20Mix.png?itok=p0OJzozR 1x" media="(min-width: 1200px)" type="image/png" width="690" height="690"/> <source srcset="/hk/sites/default/files/styles/product_stage_690_690/public/2020-07/12105906%20GB%20Mix.png?itok=p0OJzozR 1x" media="(min-width: 468px) and (max-width: 768px)" type="image/png" width="690" height="690"/> <source srcset="/hk/sites/default/files/styles/product_stage_225_225/public/2020-07/12105906%20GB%20Mix.png?itok=iBXYIBXW 1x" media="(min-width: 0px)" type="image/png" width="225" height="225"/> <img image_lazyload="no" class="panzoom" src="data:image/gif;base64,R0lGODlhAQABAIABAP///wAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" width="1" height="1" alt="雀巢咖啡®金牌咖啡 三合一即溶咖啡飲品" loading="lazy" typeof="foaf:Image" /> </picture> </li> </ul> <div class="zoom-image-container js-zoom-image-container hide"> <button type="button" class="zoom-image-previous" aria-label="previous slide"></button> <img class="js-zoom-image zoom-image" src="" alt="zoom-image"> <div class="js-zoom-video-container zoom-video-container hide"></div> <button type="button" class="zoom-image-next" aria-label="next slide"></button> </div> <div class="tabs-panel-block thumbnail-slider" data-title = "Product Images" data-slideItems="1"> <div data-imageid="product-0" class="tab-panel active reset"> <picture> <source srcset="" media="(min-width: 1200px)" type="image/png" width="60" height="46" data-srcset="/hk/sites/default/files/styles/product_slider_thumbnail/public/2020-07/12105906%20GB%20Mix.png?itok=70Bp5us_ 1x"/> <source srcset="" media="(min-width: 768px)" type="image/png" width="60" height="46" data-srcset="/hk/sites/default/files/styles/product_slider_thumbnail/public/2020-07/12105906%20GB%20Mix.png?itok=70Bp5us_ 1x"/> <source srcset="" media="(min-width: 468px) and (max-width: 768px)" type="image/png" width="36" height="28" data-srcset="/hk/sites/default/files/styles/product_slider_thumbnail_mobile/public/2020-07/12105906%20GB%20Mix.png?itok=xg0bUfSW 1x"/> <img image_lazyload="no" src="/hk/sites/default/files/styles/product_slider_thumbnail/public/2020-07/12105906%20GB%20Mix.png?itok=70Bp5us_" width="60" height="46" alt="雀巢咖啡®金牌咖啡 三合一即溶咖啡飲品" loading="lazy" typeof="foaf:Image" /> </picture> </div> </div> </div> </div> gold <div class="field field--node-field-dsu-product-desc field--name-field-dsu-product-desc field--type-text-with-summary field--label-hidden field__item"><p>#goldblendmix</p> <p>由精心挑選的阿拉比卡拉伯種咖啡豆混合調製而成的雀巢咖啡®金牌咖啡三合一即溶咖啡飲品,帶來既方便又完美的咖啡真體驗,絕對是有品味人士於忙裡偷閒的心水選擇!</p></div> <div class="field field--node-field-dsu-sku field--name-field-dsu-sku field--type-string field--label-hidden field__item">p987</div> <div class="field field--node-field-product-stage-share field--name-field-product-stage-share field--type-entity-reference-revisions field--label-hidden field__item"> <div class="paragraph paragraph--type--c-share-buttons paragraph--view-mode--default"> <div class="dsu"> <ul class=""> <li> <a target="_blank" class="facebook-share social-media-icon share" href="http://www.facebook.com/share.php?u=https://www.nescafe.com/hk/taxonomy/term/1413/feed&amp;title=" title="Facebook"> <img alt="Facebook" src="https://www.nescafe.com/hk/themes/custom/nescafe_design_refresh/img/icons/fb.png"> </a> </li> </ul> </div> </div> </div> <drupal-render-placeholder callback="flag.link_builder:build" arguments="0=node&amp;1=1336&amp;2=product_wishlist" token="t9pH19RS0OtVl2WbpUR4n5R4Wqx3EqA3oAerAnzKbCM"></drupal-render-placeholder> <div class="field field--node-field-rating field--name-field-rating field--type-fivestar field--label-hidden field__item"><form class="fivestar-form-3" id="vote--3" data-drupal-selector="fivestar-form-3" action="/hk/taxonomy/term/1413/feed" method="post" accept-charset="UTF-8"> <div class="clearfix fivestar-average-text fivestar-average-stars fivestar-form-item fivestar-basic"><div class="js-form-item form-item js-form-type-fivestar form-item-vote js-form-item-vote form-no-label"> <div class="js-form-item form-item js-form-type-select form-item-vote js-form-item-vote form-no-label"> <select class="vote form-select" data-drupal-selector="edit-vote" aria-describedby="edit-vote--6--description" id="edit-vote--6" name="vote"><option value="-">Select rating</option><option value="20">Give it 1/5</option><option value="40">Give it 2/5</option><option value="60" selected="selected">Give it 3/5</option><option value="80">Give it 4/5</option><option value="100">Give it 5/5</option></select> <p id="edit-vote--6--description" class="description help-text"> <div class="fivestar-summary fivestar-summary-average-count"> <span class="average-rating"> Average: <span>3</span> </span> <span class="total-votes"> (<span>4</span> votes) </span> </div> </p> </div> </div> </div><input class="js-hide button js-form-submit form-submit" data-drupal-selector="edit-submit" type="submit" id="edit-submit--3" name="op" value="Rate" /> <input autocomplete="off" data-drupal-selector="form-do7popmogrrq0sojnkzd-gu-3kocgodgg10tk9-z0bi" type="hidden" name="form_build_id" value="form-dO7popmoGrRq0SoJnkZD_gu-3kocgODgg10Tk9_z0bI" /> <input data-drupal-selector="edit-fivestar-form-3" type="hidden" name="form_id" value="fivestar_form_3" /> </form> </div> <div class="cell large-20 large-offset-2"> <div class="cp-review-section"> <div class="view-filters"> <div class="grid-x form-row"> <div class="cell large-6 small-24 clearfix fivestar-none-text fivestar-average-stars fivestar-form-item fivestar-default average-rating-cell"> <fieldset class="js-form-item js-form-type- form-type- js-form-item-current form-item-current form-no-label form-group"> <div class="input-group"> <fieldset class="js-form-item js-form-type-select form-type-select js-form-item-current form-item-current form-no-label form-group"> <div class="fivestar-default"> <span class="on"></span> </div> <div class="stars stars-"></div> </fieldset> <div class="input-group-append"> <span class="field-suffix input-group-text"> 基於 評論 </span> </div> </div> </fieldset> </div> <div class="cell large-12 small-24"> <fieldset class="auto-submit-click fieldgroup form-composite js-form-item form-item js-form-wrapper form-group average-review-stars"> </fieldset> </div> <div class="cell large-6 small-24 review-button"> <input class="write-a-review button black" type="submit" id="write-review-btn" name="write_review_button" value="寫評論"> <br> <br> </div> </div> </div> </div> <drupal-render-placeholder callback="comment.lazy_builders:renderForm" arguments="0=node&amp;1=1336&amp;2=field_comments&amp;3=dsu_ratings_reviews_comment_type" token="P-apR07TrnAhLIyoFLFhYHJHE1346ZVnDqJnG-iCHIg"></drupal-render-placeholder> </div> <div class="field field--node-field-fusepump field--name-field-fusepump field--type-field-fusepump field--label-hidden field__item"><div id="fusepump-0-1336" class="fusepump-widget"></div> <div class="fusepump-link button red compare-product__buy_now" data-id="v3w3ej6" data-fallback="" target-id="fusepump-0-1336"><span class="button-text">立即購買</span></div> </div> <div class="field field--node-field-product-type field--name-field-product-type field--type-list-string field--label-hidden field__item">Coffee</div> <div class="field field--node-field-pdp-components field--name-field-pdp-components field--type-entity-reference-revisions field--label-hidden field__items"> <div class="field__item"><section class="grid-container text-and-title js-text-and-title animate-block" data-animation='{"element":" img" }' > <div class="grid-x grid-margin-x"> <div class="cell large-8 large-offset-2"> <h3 class="headline-h3"></h3> </div> <div class="cell large-offset-3 large-10"> </div> </div> <div class="grid-x two-images-wrap imageTileSlider"> <div class="cell large-12 image-tile jarallax-keep-img"> <picture class="jarallax-img"> <source media="(min-width: 1200px)" srcset="/hk/sites/default/files/styles/text_details_large/public/images/Nescafe%2520Product%2520Slide%25201.jpg?itok=7YEsQEvx"> <source media="(min-width: 768px)" srcset="/hk/sites/default/files/styles/text_details_large/public/images/Nescafe%2520Product%2520Slide%25201.jpg?itok=7YEsQEvx"> <source media="(min-width: 0px)" srcset="/hk/sites/default/files/styles/text_details_mobile/public/images/Nescafe%2520Product%2520Slide%25201.jpg?itok=eiPuI9lr"> <img src="/hk/sites/default/files/styles/text_details_large/public/images/Nescafe%2520Product%2520Slide%25201.jpg?itok=7YEsQEvx" alt="Nescafe Product Slide 1"> </picture> </div> <div class="cell large-12 image-tile jarallax-keep-img"> <picture class="jarallax-img"> <source media="(min-width: 1200px)" srcset="/hk/sites/default/files/styles/text_details_large/public/images/Nescafe%2520Product%2520Slide%25202.jpg?itok=5cUP23oz"> <source media="(min-width: 768px)" srcset="/hk/sites/default/files/styles/text_details_large/public/images/Nescafe%2520Product%2520Slide%25202.jpg?itok=5cUP23oz"> <source media="(min-width: 0px)" srcset="/hk/sites/default/files/styles/text_details_mobile/public/images/Nescafe%2520Product%2520Slide%25202.jpg?itok=5y50nlYD"> <img src="/hk/sites/default/files/styles/text_details_large/public/images/Nescafe%2520Product%2520Slide%25202.jpg?itok=5cUP23oz" alt="Nescafe Product Slide 2"> </picture> </div> <div class="cell large-12 image-tile jarallax-keep-img"> <picture class="jarallax-img"> <source media="(min-width: 1200px)" srcset="/hk/sites/default/files/styles/text_details_large/public/images/Nescafe%2520Product%2520Slide%25203%2520.jpg?itok=cgNJ4pk_"> <source media="(min-width: 768px)" srcset="/hk/sites/default/files/styles/text_details_large/public/images/Nescafe%2520Product%2520Slide%25203%2520.jpg?itok=cgNJ4pk_"> <source media="(min-width: 0px)" srcset="/hk/sites/default/files/styles/text_details_mobile/public/images/Nescafe%2520Product%2520Slide%25203%2520.jpg?itok=vsZ827Q1"> <img src="/hk/sites/default/files/styles/text_details_large/public/images/Nescafe%2520Product%2520Slide%25203%2520.jpg?itok=cgNJ4pk_" alt="Nescafe Product Slide 3"> </picture> </div> <div class="cell large-12 image-tile jarallax-keep-img"> <picture class="jarallax-img"> <source media="(min-width: 1200px)" srcset="/hk/sites/default/files/styles/text_details_large/public/images/Nescafe%2520Product%2520Slide%25204.jpg?itok=PVkUATy4"> <source media="(min-width: 768px)" srcset="/hk/sites/default/files/styles/text_details_large/public/images/Nescafe%2520Product%2520Slide%25204.jpg?itok=PVkUATy4"> <source media="(min-width: 0px)" srcset="/hk/sites/default/files/styles/text_details_mobile/public/images/Nescafe%2520Product%2520Slide%25204.jpg?itok=QWLXgOoJ"> <img src="/hk/sites/default/files/styles/text_details_large/public/images/Nescafe%2520Product%2520Slide%25204.jpg?itok=PVkUATy4" alt="Nescafe Product Slide 4"> </picture> </div> </div> </section> </div> <div class="field__item"> <section class="product-slideshow js-product-slider grid-container grid-x animate-block no-padding-for-small background--light-grey-secondary discover-the-range new-product-card" data-topic-text="各不相同的咖啡體驗" id="product-slider-title-各不相同的咖啡體驗" data-animation='{"element":".slide-container"}'> <div class="small-24 medium-24 large-24 slide-container"> <div class="controls__container controls controls__background"></div> <div class="small-20 medium-10 large-5 xlarge-24 medium-offset-1 xlarge-offset-0 text-center"> <div class="product-slideshow__details custom-details"> <h2 class="product-slideshow__main-title text--heavy-metal"> 各不相同的咖啡體驗 </h2> <div class="product-slideshow__sub-title text--heavy-metal copy-xlarge"> <p>從NESCAFÉ®SMOOVLATTE®咖啡飲料、NESCAFÉ®極品白咖啡,到NESCAFÉ GOLDBLEND®咖啡,我們創造了不同口味、適合不同場合的咖啡。</p> </div> </div> </div> <div class="small-24 medium-12 medium-offset-1 large-offset-0 xlarge-offset-0 large-17 xlarge-24"> <div class="product-slideshow__container"> <div class="product-slider" data-next="Next" data-previous="Previouszxfzfsd"> <!-- new design start1 --> <!--when the product compare is there and we also have the link we want a div and not an achor tag--> <div class="cell new-product-card-cont background--white small-24 medium-12 large-6 content-animation swiper-slide slide slide__product use_partial_link_for_compare"> <a href="/hk/our-coffees/regular"> <div class="small-24 product-image"> <picture class="image-teaser__image"> <source media="(min-width: 1200px)" data-srcset="/hk/sites/default/files/styles/product_list_large/public/2020-07/regular%20H.png?itok=5_BuzIf2"> <source media="(min-width: 768px)" data-srcset="/hk/sites/default/files/styles/product_list_large/public/2020-07/regular%20H.png?itok=5_BuzIf2"> <source media="(min-width: 0px)" data-srcset="/hk/sites/default/files/styles/product_list_small/public/2020-07/regular%20H.png?itok=dXblXpDr"> <img data-src="/hk/sites/default/files/styles/product_list_large/public/2020-07/regular%20H.png?itok=5_BuzIf2" class="lazyload" alt="雀巢咖啡® 香滑"/> </picture> </div> <div class="product-content product-slideshow__text "> <p class="product-name text--dark-grey copy-xlarge"> 雀巢咖啡<sup>®</sup> 香滑 </p> <div class="rating-and-description"> <div class="rating-widget" tabindex="0" aria-label="0" role="img"> <label for="edit-vote--2" class="hide">Product Ratings</label> <div class="user-rating disabled white-star inline"> <div class="fivestar-basic"> <div class="fivestar-widget-static fivestar-widget-static-vote fivestar-widget-static-5 clearfix"> <div class="star star-1 star-odd star-first"> <span class="off"> 0 </span> </div> <div class="star star-2 star-even"> <span class="off"> </span> </div> <div class="star star-3 star-odd"> <span class="off"> </span> </div> <div class="star star-4 star-even"> <span class="off"> </span> </div> <div class="star star-5 star-odd star-last"> <span class="off"> </span> </div> </div> </div> </div> </div> <p class="product-desc copy-large-h3 text--black"> 雀巢咖啡®香滑咖啡飲料,濃郁、燻香同幼滑嘅口感,配以咖啡豆獨有嘅香味。加入適量糖及奶,隨時隨地都嘆到好味嘅咖啡。 </p> </div> </div> <div class="buy-now-and-compare-products"> <!-- <button class="expanded button red">Buy Now</button> --> <div class="compare-product__link copy-small-h5__bold" data-title="雀巢咖啡<sup>®</sup> 香滑" data-product-image="/hk/sites/default/files/styles/product_list_thumbnail/public/2020-07/regular%20H.png?itok=CmkNzCtR" data-product-nid="1266"> <input type="checkbox" id="1266-20231" class="form-checkbox required" aria-required="true"> <label for="1266-20231" class="font-awesome-icon fa-check-square contact-privacy-policy-label"> 產品比較 </label> </div> </a> </div> </div> <!-- new design end --> <!-- new design start1 --> <!--when the product compare is there and we also have the link we want a div and not an achor tag--> <div class="cell new-product-card-cont background--white small-24 medium-12 large-6 content-animation swiper-slide slide slide__product use_partial_link_for_compare"> <a href="/hk/our-coffees/goldoriginals-altarica"> <div class="small-24 product-image"> <picture class="image-teaser__image"> <source media="(min-width: 1200px)" data-srcset="/hk/sites/default/files/styles/product_list_large/public/2020-07/SIMULATION_3D_P_NESC176_ALTARICA_SBU.png?itok=QyZneJ6T"> <source media="(min-width: 768px)" data-srcset="/hk/sites/default/files/styles/product_list_large/public/2020-07/SIMULATION_3D_P_NESC176_ALTARICA_SBU.png?itok=QyZneJ6T"> <source media="(min-width: 0px)" data-srcset="/hk/sites/default/files/styles/product_list_small/public/2020-07/SIMULATION_3D_P_NESC176_ALTARICA_SBU.png?itok=mtxYLRby"> <img data-src="/hk/sites/default/files/styles/product_list_large/public/2020-07/SIMULATION_3D_P_NESC176_ALTARICA_SBU.png?itok=QyZneJ6T" class="lazyload" alt="雀巢咖啡®ALTA RICA®咖啡"/> </picture> </div> <div class="product-content product-slideshow__text "> <p class="product-name text--dark-grey copy-xlarge"> 雀巢咖啡<sup>®</sup>ALTA RICA<sup>®</sup>咖啡 </p> <div class="rating-and-description"> <div class="rating-widget" tabindex="0" aria-label="0" role="img"> <label for="edit-vote--2" class="hide">Product Ratings</label> <div class="user-rating disabled white-star inline"> <div class="fivestar-basic"> <div class="fivestar-widget-static fivestar-widget-static-vote fivestar-widget-static-5 clearfix"> <div class="star star-1 star-odd star-first"> <span class="off"> 0 </span> </div> <div class="star star-2 star-even"> <span class="off"> </span> </div> <div class="star star-3 star-odd"> <span class="off"> </span> </div> <div class="star star-4 star-even"> <span class="off"> </span> </div> <div class="star star-5 star-odd star-last"> <span class="off"> </span> </div> </div> </div> </div> </div> <p class="product-desc copy-large-h3 text--black"> ... </p> </div> </div> <div class="buy-now-and-compare-products"> <!-- <button class="expanded button red">Buy Now</button> --> <div class="compare-product__link copy-small-h5__bold" data-title="雀巢咖啡<sup>®</sup>ALTA RICA<sup>®</sup>咖啡" data-product-image="/hk/sites/default/files/styles/product_list_thumbnail/public/2020-07/SIMULATION_3D_P_NESC176_ALTARICA_SBU.png?itok=8gdO_abq" data-product-nid="1286"> <input type="checkbox" id="1286-20236" class="form-checkbox required" aria-required="true"> <label for="1286-20236" class="font-awesome-icon fa-check-square contact-privacy-policy-label"> 產品比較 </label> </div> </a> </div> </div> <!-- new design end --> <!-- new design start1 --> <!--when the product compare is there and we also have the link we want a div and not an achor tag--> <div class="cell new-product-card-cont background--white small-24 medium-12 large-6 content-animation swiper-slide slide slide__product use_partial_link_for_compare"> <a href="/hk/our-coffees/quechaokafeirsmoovlatter"> <div class="small-24 product-image"> <picture class="image-teaser__image"> <source media="(min-width: 1200px)" data-srcset="/hk/sites/default/files/styles/product_list_large/public/2020-07/nes_smv_regular_mer_0.png?itok=ioo-nb8s"> <source media="(min-width: 768px)" data-srcset="/hk/sites/default/files/styles/product_list_large/public/2020-07/nes_smv_regular_mer_0.png?itok=ioo-nb8s"> <source media="(min-width: 0px)" data-srcset="/hk/sites/default/files/styles/product_list_small/public/2020-07/nes_smv_regular_mer_0.png?itok=wSv3GhZ1"> <img data-src="/hk/sites/default/files/styles/product_list_large/public/2020-07/nes_smv_regular_mer_0.png?itok=ioo-nb8s" class="lazyload" alt="雀巢咖啡®SMOOVLATTÉ®"/> </picture> </div> <div class="product-content product-slideshow__text "> <p class="product-name text--dark-grey copy-xlarge"> 雀巢咖啡<sup>®</sup>SMOOVLATTÉ<sup>®</sup> </p> <div class="rating-and-description"> <div class="rating-widget" tabindex="0" aria-label="0" role="img"> <label for="edit-vote--2" class="hide">Product Ratings</label> <div class="user-rating disabled white-star inline"> <div class="fivestar-basic"> <div class="fivestar-widget-static fivestar-widget-static-vote fivestar-widget-static-5 clearfix"> <div class="star star-1 star-odd star-first"> <span class="off"> 0 </span> </div> <div class="star star-2 star-even"> <span class="off"> </span> </div> <div class="star star-3 star-odd"> <span class="off"> </span> </div> <div class="star star-4 star-even"> <span class="off"> </span> </div> <div class="star star-5 star-odd star-last"> <span class="off"> </span> </div> </div> </div> </div> </div> <p class="product-desc copy-large-h3 text--black"> #smoovlatte #smooth... </p> </div> </div> <div class="buy-now-and-compare-products"> <!-- <button class="expanded button red">Buy Now</button> --> <div class="compare-product__link copy-small-h5__bold" data-title="雀巢咖啡<sup>®</sup>SMOOVLATTÉ<sup>®</sup>" data-product-image="/hk/sites/default/files/styles/product_list_thumbnail/public/2020-07/nes_smv_regular_mer_0.png?itok=95QRTwFA" data-product-nid="1291"> <input type="checkbox" id="1291-20241" class="form-checkbox required" aria-required="true"> <label for="1291-20241" class="font-awesome-icon fa-check-square contact-privacy-policy-label"> 產品比較 </label> </div> </a> </div> </div> <!-- new design end --> </div> </div> </div> </div> </section> </div> </div> Mon, 29 Jun 2020 19:06:03 +0000 Site Factory admin 1336 at https://www.nescafe.com/hk 雀巢咖啡®金牌咖啡 https://www.nescafe.com/hk/our-coffees/goldblend <h1 class="headline-h1">雀巢咖啡<sup>®</sup>金牌咖啡</h1> <span><span lang="" about="/hk/user/1" typeof="schema:Person" property="schema:name" datatype="">Site Factory admin</span></span> <span><time datetime="2020-06-29T19:06:03+00:00" title="Monday, June 29, 2020 - 19:06">Mon, 06/29/2020 - 19:06</time> </span> <div class="cell product-image"> <div class="product-pic-col"> <ul class="tabs-panel-block single-image-slider"> <li data-imageid="product-0" class="tab-panel active"> <a class="product-zoomin-icon" title="雀巢咖啡®金牌咖啡" data-image="/hk/sites/default/files/2020-07/GB%20120G.png"> <img alt="zoom" src="/hk/themes/custom/nescafe_design_refresh/img/icons/product-zoom-in.svg"> </a> <picture> <source srcset="/hk/sites/default/files/styles/product_stage_690_690/public/2020-07/GB%20120G.png?itok=khtodrTw 1x" media="(min-width: 1200px)" type="image/png" width="690" height="690"/> <source srcset="/hk/sites/default/files/styles/product_stage_690_690/public/2020-07/GB%20120G.png?itok=khtodrTw 1x" media="(min-width: 468px) and (max-width: 768px)" type="image/png" width="690" height="690"/> <source srcset="/hk/sites/default/files/styles/product_stage_225_225/public/2020-07/GB%20120G.png?itok=uqRaVKqq 1x" media="(min-width: 0px)" type="image/png" width="225" height="225"/> <img image_lazyload="no" class="panzoom" src="data:image/gif;base64,R0lGODlhAQABAIABAP///wAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" width="1" height="1" alt="雀巢咖啡®金牌咖啡" loading="lazy" typeof="foaf:Image" /> </picture> </li> </ul> <div class="zoom-image-container js-zoom-image-container hide"> <button type="button" class="zoom-image-previous" aria-label="previous slide"></button> <img class="js-zoom-image zoom-image" src="" alt="zoom-image"> <div class="js-zoom-video-container zoom-video-container hide"></div> <button type="button" class="zoom-image-next" aria-label="next slide"></button> </div> <div class="tabs-panel-block thumbnail-slider" data-title = "Product Images" data-slideItems="1"> <div data-imageid="product-0" class="tab-panel active reset"> <picture> <source srcset="" media="(min-width: 1200px)" type="image/png" width="60" height="46" data-srcset="/hk/sites/default/files/styles/product_slider_thumbnail/public/2020-07/GB%20120G.png?itok=SOat1zSy 1x"/> <source srcset="" media="(min-width: 768px)" type="image/png" width="60" height="46" data-srcset="/hk/sites/default/files/styles/product_slider_thumbnail/public/2020-07/GB%20120G.png?itok=SOat1zSy 1x"/> <source srcset="" media="(min-width: 468px) and (max-width: 768px)" type="image/png" width="36" height="28" data-srcset="/hk/sites/default/files/styles/product_slider_thumbnail_mobile/public/2020-07/GB%20120G.png?itok=cHdf69do 1x"/> <img image_lazyload="no" src="/hk/sites/default/files/styles/product_slider_thumbnail/public/2020-07/GB%20120G.png?itok=SOat1zSy" width="60" height="46" alt="雀巢咖啡®金牌咖啡" loading="lazy" typeof="foaf:Image" /> </picture> </div> </div> </div> </div> orange <div class="field field--node-field-dsu-product-desc field--name-field-dsu-product-desc field--type-text-with-summary field--label-hidden field__item"><p>#goldblend</p> <p>雀巢咖啡®金牌咖啡,嚴選來自哥倫比亞及危地馬拉等中美洲國家,最優質的阿拉比卡咖啡豆,以創新MAC (Micronized Added Coffee)微研磨咖啡技術,將原粒咖啡豆研磨成微細顆粒,並均勻封存於金牌咖啡當中,讓研磨咖啡至醇至真的馥郁原香盡然釋放、享受極致昇華。每粒存留於杯內的小顆粒,就是研磨咖啡享受的真醇印記!</p></div> <div class="field field--node-field-dsu-sku field--name-field-dsu-sku field--type-string field--label-hidden field__item">p878</div> <div class="field field--node-field-product-stage-share field--name-field-product-stage-share field--type-entity-reference-revisions field--label-hidden field__item"> <div class="paragraph paragraph--type--c-share-buttons paragraph--view-mode--default"> <div class="dsu"> <ul class=""> <li> <a target="_blank" class="facebook-share social-media-icon share" href="http://www.facebook.com/share.php?u=https://www.nescafe.com/hk/taxonomy/term/1413/feed&amp;title=" title="Facebook"> <img alt="Facebook" src="https://www.nescafe.com/hk/themes/custom/nescafe_design_refresh/img/icons/fb.png"> </a> </li> </ul> </div> </div> </div> <drupal-render-placeholder callback="flag.link_builder:build" arguments="0=node&amp;1=1331&amp;2=product_wishlist" token="HvOfPrkIcOs8LS24U-a3B3xWlvLqVRgh7FtltKs8WiA"></drupal-render-placeholder> <div class="field field--node-field-rating field--name-field-rating field--type-fivestar field--label-hidden field__item"><form class="fivestar-form-4" id="vote--4" data-drupal-selector="fivestar-form-4" action="/hk/taxonomy/term/1413/feed" method="post" accept-charset="UTF-8"> <div class="clearfix fivestar-average-text fivestar-average-stars fivestar-form-item fivestar-basic"><div class="js-form-item form-item js-form-type-fivestar form-item-vote js-form-item-vote form-no-label"> <div class="js-form-item form-item js-form-type-select form-item-vote js-form-item-vote form-no-label"> <select class="vote form-select" data-drupal-selector="edit-vote" aria-describedby="edit-vote--8--description" id="edit-vote--8" name="vote"><option value="-">Select rating</option><option value="20">Give it 1/5</option><option value="40">Give it 2/5</option><option value="60" selected="selected">Give it 3/5</option><option value="80">Give it 4/5</option><option value="100">Give it 5/5</option></select> <p id="edit-vote--8--description" class="description help-text"> <div class="fivestar-summary fivestar-summary-average-count"> <span class="average-rating"> Average: <span>3</span> </span> <span class="total-votes"> (<span>4</span> votes) </span> </div> </p> </div> </div> </div><input class="js-hide button js-form-submit form-submit" data-drupal-selector="edit-submit" type="submit" id="edit-submit--4" name="op" value="Rate" /> <input autocomplete="off" data-drupal-selector="form-ysblwccefgmupowwuckyijeqk9divx-hck2tlx3i0hm" type="hidden" name="form_build_id" value="form-ySBlWccEfgMUPowwUckyijeQk9divX_HcK2tlX3I0hM" /> <input data-drupal-selector="edit-fivestar-form-4" type="hidden" name="form_id" value="fivestar_form_4" /> </form> </div> <div class="cell large-20 large-offset-2"> <div class="cp-review-section"> <div class="view-filters"> <div class="grid-x form-row"> <div class="cell large-6 small-24 clearfix fivestar-none-text fivestar-average-stars fivestar-form-item fivestar-default average-rating-cell"> <fieldset class="js-form-item js-form-type- form-type- js-form-item-current form-item-current form-no-label form-group"> <div class="input-group"> <fieldset class="js-form-item js-form-type-select form-type-select js-form-item-current form-item-current form-no-label form-group"> <div class="fivestar-default"> <span class="on"></span> </div> <div class="stars stars-"></div> </fieldset> <div class="input-group-append"> <span class="field-suffix input-group-text"> 基於 評論 </span> </div> </div> </fieldset> </div> <div class="cell large-12 small-24"> <fieldset class="auto-submit-click fieldgroup form-composite js-form-item form-item js-form-wrapper form-group average-review-stars"> </fieldset> </div> <div class="cell large-6 small-24 review-button"> <input class="write-a-review button black" type="submit" id="write-review-btn" name="write_review_button" value="寫評論"> <br> <br> </div> </div> </div> </div> <drupal-render-placeholder callback="comment.lazy_builders:renderForm" arguments="0=node&amp;1=1331&amp;2=field_comments&amp;3=dsu_ratings_reviews_comment_type" token="YonCLw_M-8T3cjJ7dTWRsAqhXEyrtzI1ynjQCyHSF1c"></drupal-render-placeholder> </div> <div class="field field--node-field-fusepump field--name-field-fusepump field--type-field-fusepump field--label-hidden field__item"><div id="fusepump-0-1331" class="fusepump-widget"></div> <div class="fusepump-link button red compare-product__buy_now" data-id="v3ym0md" data-fallback="" target-id="fusepump-0-1331"><span class="button-text">立即購買</span></div> </div> <div class="field field--node-field-product-type field--name-field-product-type field--type-list-string field--label-hidden field__item">Coffee</div> <div class="field field--node-field-pdp-components field--name-field-pdp-components field--type-entity-reference-revisions field--label-hidden field__items"> <div class="field__item"><section class="grid-container text-and-title js-text-and-title animate-block" data-animation='{"element":" img" }' > <div class="grid-x grid-margin-x"> <div class="cell large-8 large-offset-2"> <h3 class="headline-h3"></h3> </div> <div class="cell large-offset-3 large-10"> </div> </div> <div class="grid-x two-images-wrap imageTileSlider"> <div class="cell large-12 image-tile jarallax-keep-img"> <picture class="jarallax-img"> <source media="(min-width: 1200px)" srcset="/hk/sites/default/files/styles/text_details_large/public/images/Nescafe%2520Product%2520Slide%25201.jpg?itok=7YEsQEvx"> <source media="(min-width: 768px)" srcset="/hk/sites/default/files/styles/text_details_large/public/images/Nescafe%2520Product%2520Slide%25201.jpg?itok=7YEsQEvx"> <source media="(min-width: 0px)" srcset="/hk/sites/default/files/styles/text_details_mobile/public/images/Nescafe%2520Product%2520Slide%25201.jpg?itok=eiPuI9lr"> <img src="/hk/sites/default/files/styles/text_details_large/public/images/Nescafe%2520Product%2520Slide%25201.jpg?itok=7YEsQEvx" alt="Nescafe Product Slide 1"> </picture> </div> <div class="cell large-12 image-tile jarallax-keep-img"> <picture class="jarallax-img"> <source media="(min-width: 1200px)" srcset="/hk/sites/default/files/styles/text_details_large/public/images/Nescafe%2520Product%2520Slide%25202.jpg?itok=5cUP23oz"> <source media="(min-width: 768px)" srcset="/hk/sites/default/files/styles/text_details_large/public/images/Nescafe%2520Product%2520Slide%25202.jpg?itok=5cUP23oz"> <source media="(min-width: 0px)" srcset="/hk/sites/default/files/styles/text_details_mobile/public/images/Nescafe%2520Product%2520Slide%25202.jpg?itok=5y50nlYD"> <img src="/hk/sites/default/files/styles/text_details_large/public/images/Nescafe%2520Product%2520Slide%25202.jpg?itok=5cUP23oz" alt="Nescafe Product Slide 2"> </picture> </div> <div class="cell large-12 image-tile jarallax-keep-img"> <picture class="jarallax-img"> <source media="(min-width: 1200px)" srcset="/hk/sites/default/files/styles/text_details_large/public/images/Nescafe%2520Product%2520Slide%25203%2520.jpg?itok=cgNJ4pk_"> <source media="(min-width: 768px)" srcset="/hk/sites/default/files/styles/text_details_large/public/images/Nescafe%2520Product%2520Slide%25203%2520.jpg?itok=cgNJ4pk_"> <source media="(min-width: 0px)" srcset="/hk/sites/default/files/styles/text_details_mobile/public/images/Nescafe%2520Product%2520Slide%25203%2520.jpg?itok=vsZ827Q1"> <img src="/hk/sites/default/files/styles/text_details_large/public/images/Nescafe%2520Product%2520Slide%25203%2520.jpg?itok=cgNJ4pk_" alt="Nescafe Product Slide 3"> </picture> </div> <div class="cell large-12 image-tile jarallax-keep-img"> <picture class="jarallax-img"> <source media="(min-width: 1200px)" srcset="/hk/sites/default/files/styles/text_details_large/public/images/Nescafe%2520Product%2520Slide%25204.jpg?itok=PVkUATy4"> <source media="(min-width: 768px)" srcset="/hk/sites/default/files/styles/text_details_large/public/images/Nescafe%2520Product%2520Slide%25204.jpg?itok=PVkUATy4"> <source media="(min-width: 0px)" srcset="/hk/sites/default/files/styles/text_details_mobile/public/images/Nescafe%2520Product%2520Slide%25204.jpg?itok=QWLXgOoJ"> <img src="/hk/sites/default/files/styles/text_details_large/public/images/Nescafe%2520Product%2520Slide%25204.jpg?itok=PVkUATy4" alt="Nescafe Product Slide 4"> </picture> </div> </div> </section> </div> <div class="field__item"> <section class="product-slideshow js-product-slider grid-container grid-x animate-block no-padding-for-small background--light-grey-secondary discover-the-range new-product-card" data-topic-text="各不相同的咖啡體驗" id="product-slider-title-各不相同的咖啡體驗" data-animation='{"element":".slide-container"}'> <div class="small-24 medium-24 large-24 slide-container"> <div class="controls__container controls controls__background"></div> <div class="small-20 medium-10 large-5 xlarge-24 medium-offset-1 xlarge-offset-0 text-center"> <div class="product-slideshow__details custom-details"> <h2 class="product-slideshow__main-title text--heavy-metal"> 各不相同的咖啡體驗 </h2> <div class="product-slideshow__sub-title text--heavy-metal copy-xlarge"> <p>從NESCAFÉ®SMOOVLATTE®咖啡飲料、NESCAFÉ®極品白咖啡,到NESCAFÉ GOLDBLEND®咖啡,我們創造了不同口味、適合不同場合的咖啡。</p> </div> </div> </div> <div class="small-24 medium-12 medium-offset-1 large-offset-0 xlarge-offset-0 large-17 xlarge-24"> <div class="product-slideshow__container"> <div class="product-slider" data-next="Next" data-previous="Previouszxfzfsd"> <!-- new design start1 --> <!--when the product compare is there and we also have the link we want a div and not an achor tag--> <div class="cell new-product-card-cont background--white small-24 medium-12 large-6 content-animation swiper-slide slide slide__product use_partial_link_for_compare"> <a href="/hk/our-coffees/goldblend-decaf"> <div class="small-24 product-image"> <picture class="image-teaser__image"> <source media="(min-width: 1200px)" data-srcset="/hk/sites/default/files/styles/product_list_large/public/2020-07/GB%2080G%20DECAF.png?itok=rc6kc7IO"> <source media="(min-width: 768px)" data-srcset="/hk/sites/default/files/styles/product_list_large/public/2020-07/GB%2080G%20DECAF.png?itok=rc6kc7IO"> <source media="(min-width: 0px)" data-srcset="/hk/sites/default/files/styles/product_list_small/public/2020-07/GB%2080G%20DECAF.png?itok=2GRQNO1T"> <img data-src="/hk/sites/default/files/styles/product_list_large/public/2020-07/GB%2080G%20DECAF.png?itok=rc6kc7IO" class="lazyload" alt="雀巢咖啡®金牌咖啡低因咖啡"/> </picture> </div> <div class="product-content product-slideshow__text "> <p class="product-name text--dark-grey copy-xlarge"> 雀巢咖啡<sup>®</sup>金牌咖啡低因咖啡 </p> <div class="rating-and-description"> <div class="rating-widget" tabindex="0" aria-label="0" role="img"> <label for="edit-vote--2" class="hide">Product Ratings</label> <div class="user-rating disabled white-star inline"> <div class="fivestar-basic"> <div class="fivestar-widget-static fivestar-widget-static-vote fivestar-widget-static-5 clearfix"> <div class="star star-1 star-odd star-first"> <span class="off"> 0 </span> </div> <div class="star star-2 star-even"> <span class="off"> </span> </div> <div class="star star-3 star-odd"> <span class="off"> </span> </div> <div class="star star-4 star-even"> <span class="off"> </span> </div> <div class="star star-5 star-odd star-last"> <span class="off"> </span> </div> </div> </div> </div> </div> <p class="product-desc copy-large-h3 text--black"> #goldblend 雀巢咖啡®金牌咖啡低因咖啡去除97%咖啡因,仍能保持香濃馥郁的咖啡香味,為追求低因咖啡人士之選。 </p> </div> </div> <div class="buy-now-and-compare-products"> <!-- <button class="expanded button red">Buy Now</button> --> <div id="fusepump-link-id" data-productname="雀巢咖啡®金牌咖啡低因咖啡" data-productbrand="NESCAFE" data-productskuid="p906" data-productcategory="coffee" class="buy-now-btn expanded button red"> <div class="field field--node-field-fusepump field--name-field-fusepump field--type-field-fusepump field--label-hidden field__item"><div id="fusepump-0-1341" class="fusepump-widget"></div> <div class="fusepump-link button red compare-product__buy_now" data-id="v3y6z64" data-fallback="" target-id="fusepump-0-1341"><span class="button-text">立即購買</span></div> </div> </div> <div class="compare-product__link copy-small-h5__bold" data-title="雀巢咖啡<sup>®</sup>金牌咖啡低因咖啡" data-product-image="/hk/sites/default/files/styles/product_list_thumbnail/public/2020-07/GB%2080G%20DECAF.png?itok=TpMSJudl" data-product-nid="1341"> <input type="checkbox" id="1341-19566" class="form-checkbox required" aria-required="true"> <label for="1341-19566" class="font-awesome-icon fa-check-square contact-privacy-policy-label"> 產品比較 </label> </div> </a> </div> </div> <!-- new design end --> <!-- new design start1 --> <!--when the product compare is there and we also have the link we want a div and not an achor tag--> <div class="cell new-product-card-cont background--white small-24 medium-12 large-6 content-animation swiper-slide slide slide__product use_partial_link_for_compare"> <a href="/hk/our-coffees/quechaokafeirsmoovlatterzhugulikafei"> <div class="small-24 product-image"> <picture class="image-teaser__image"> <source media="(min-width: 1200px)" data-srcset="/hk/sites/default/files/styles/product_list_large/public/2020-07/nes_smv_mocha_mer_0.png?itok=b3xnFxh3"> <source media="(min-width: 768px)" data-srcset="/hk/sites/default/files/styles/product_list_large/public/2020-07/nes_smv_mocha_mer_0.png?itok=b3xnFxh3"> <source media="(min-width: 0px)" data-srcset="/hk/sites/default/files/styles/product_list_small/public/2020-07/nes_smv_mocha_mer_0.png?itok=S9LZzQ8u"> <img data-src="/hk/sites/default/files/styles/product_list_large/public/2020-07/nes_smv_mocha_mer_0.png?itok=b3xnFxh3" class="lazyload" alt="雀巢咖啡®SMOOVLATTÉ®朱古力咖啡"/> </picture> </div> <div class="product-content product-slideshow__text "> <p class="product-name text--dark-grey copy-xlarge"> 雀巢咖啡<sup>®</sup>SMOOVLATTÉ<sup>®</sup>朱古力咖啡 </p> <div class="rating-and-description"> <div class="rating-widget" tabindex="0" aria-label="0" role="img"> <label for="edit-vote--2" class="hide">Product Ratings</label> <div class="user-rating disabled white-star inline"> <div class="fivestar-basic"> <div class="fivestar-widget-static fivestar-widget-static-vote fivestar-widget-static-5 clearfix"> <div class="star star-1 star-odd star-first"> <span class="off"> 0 </span> </div> <div class="star star-2 star-even"> <span class="off"> </span> </div> <div class="star star-3 star-odd"> <span class="off"> </span> </div> <div class="star star-4 star-even"> <span class="off"> </span> </div> <div class="star star-5 star-odd star-last"> <span class="off"> </span> </div> </div> </div> </div> </div> <p class="product-desc copy-large-h3 text--black"> #smoovlatte #smooth... </p> </div> </div> <div class="buy-now-and-compare-products"> <!-- <button class="expanded button red">Buy Now</button> --> <div class="compare-product__link copy-small-h5__bold" data-title="雀巢咖啡<sup>®</sup>SMOOVLATTÉ<sup>®</sup>朱古力咖啡" data-product-image="/hk/sites/default/files/styles/product_list_thumbnail/public/2020-07/nes_smv_mocha_mer_0.png?itok=2VlPmoo4" data-product-nid="1296"> <input type="checkbox" id="1296-20106" class="form-checkbox required" aria-required="true"> <label for="1296-20106" class="font-awesome-icon fa-check-square contact-privacy-policy-label"> 產品比較 </label> </div> </a> </div> </div> <!-- new design end --> <!-- new design start1 --> <!--when the product compare is there and we also have the link we want a div and not an achor tag--> <div class="cell new-product-card-cont background--white small-24 medium-12 large-6 content-animation swiper-slide slide slide__product use_partial_link_for_compare"> <a href="/hk/our-coffees/quechaokafeirsmoovlatter"> <div class="small-24 product-image"> <picture class="image-teaser__image"> <source media="(min-width: 1200px)" data-srcset="/hk/sites/default/files/styles/product_list_large/public/2020-07/nes_smv_regular_mer_0.png?itok=ioo-nb8s"> <source media="(min-width: 768px)" data-srcset="/hk/sites/default/files/styles/product_list_large/public/2020-07/nes_smv_regular_mer_0.png?itok=ioo-nb8s"> <source media="(min-width: 0px)" data-srcset="/hk/sites/default/files/styles/product_list_small/public/2020-07/nes_smv_regular_mer_0.png?itok=wSv3GhZ1"> <img data-src="/hk/sites/default/files/styles/product_list_large/public/2020-07/nes_smv_regular_mer_0.png?itok=ioo-nb8s" class="lazyload" alt="雀巢咖啡®SMOOVLATTÉ®"/> </picture> </div> <div class="product-content product-slideshow__text "> <p class="product-name text--dark-grey copy-xlarge"> 雀巢咖啡<sup>®</sup>SMOOVLATTÉ<sup>®</sup> </p> <div class="rating-and-description"> <div class="rating-widget" tabindex="0" aria-label="0" role="img"> <label for="edit-vote--2" class="hide">Product Ratings</label> <div class="user-rating disabled white-star inline"> <div class="fivestar-basic"> <div class="fivestar-widget-static fivestar-widget-static-vote fivestar-widget-static-5 clearfix"> <div class="star star-1 star-odd star-first"> <span class="off"> 0 </span> </div> <div class="star star-2 star-even"> <span class="off"> </span> </div> <div class="star star-3 star-odd"> <span class="off"> </span> </div> <div class="star star-4 star-even"> <span class="off"> </span> </div> <div class="star star-5 star-odd star-last"> <span class="off"> </span> </div> </div> </div> </div> </div> <p class="product-desc copy-large-h3 text--black"> #smoovlatte #smooth... </p> </div> </div> <div class="buy-now-and-compare-products"> <!-- <button class="expanded button red">Buy Now</button> --> <div class="compare-product__link copy-small-h5__bold" data-title="雀巢咖啡<sup>®</sup>SMOOVLATTÉ<sup>®</sup>" data-product-image="/hk/sites/default/files/styles/product_list_thumbnail/public/2020-07/nes_smv_regular_mer_0.png?itok=95QRTwFA" data-product-nid="1291"> <input type="checkbox" id="1291-20111" class="form-checkbox required" aria-required="true"> <label for="1291-20111" class="font-awesome-icon fa-check-square contact-privacy-policy-label"> 產品比較 </label> </div> </a> </div> </div> <!-- new design end --> </div> </div> </div> </div> </section> </div> </div> Mon, 29 Jun 2020 19:06:03 +0000 Site Factory admin 1331 at https://www.nescafe.com/hk 雀巢咖啡®絲滑牛奶咖啡 https://www.nescafe.com/hk/our-coffees/smoovlatte <h1 class="headline-h1">雀巢咖啡<sup>®</sup>絲滑牛奶咖啡</h1> <span><span lang="" about="/hk/user/1" typeof="schema:Person" property="schema:name" datatype="">Site Factory admin</span></span> <span><time datetime="2020-06-29T19:06:03+00:00" title="Monday, June 29, 2020 - 19:06">Mon, 06/29/2020 - 19:06</time> </span> <div class="cell product-image"> <div class="product-pic-col"> <ul class="tabs-panel-block single-image-slider"> <li data-imageid="product-0" class="tab-panel active"> <a class="product-zoomin-icon" title="雀巢咖啡®絲滑牛奶咖啡" data-image="/hk/sites/default/files/2020-07/Nescafe_Smoovlatte%205cups_0.png"> <img alt="zoom" src="/hk/themes/custom/nescafe_design_refresh/img/icons/product-zoom-in.svg"> </a> <picture> <source srcset="/hk/sites/default/files/styles/product_stage_690_690/public/2020-07/Nescafe_Smoovlatte%205cups_0.png?itok=8TXB6lEr 1x" media="(min-width: 1200px)" type="image/png" width="690" height="690"/> <source srcset="/hk/sites/default/files/styles/product_stage_690_690/public/2020-07/Nescafe_Smoovlatte%205cups_0.png?itok=8TXB6lEr 1x" media="(min-width: 468px) and (max-width: 768px)" type="image/png" width="690" height="690"/> <source srcset="/hk/sites/default/files/styles/product_stage_225_225/public/2020-07/Nescafe_Smoovlatte%205cups_0.png?itok=DgOXDm1x 1x" media="(min-width: 0px)" type="image/png" width="225" height="225"/> <img image_lazyload="no" class="panzoom" src="data:image/gif;base64,R0lGODlhAQABAIABAP///wAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" width="1" height="1" alt="雀巢咖啡®絲滑牛奶咖啡" loading="lazy" typeof="foaf:Image" /> </picture> </li> </ul> <div class="zoom-image-container js-zoom-image-container hide"> <button type="button" class="zoom-image-previous" aria-label="previous slide"></button> <img class="js-zoom-image zoom-image" src="" alt="zoom-image"> <div class="js-zoom-video-container zoom-video-container hide"></div> <button type="button" class="zoom-image-next" aria-label="next slide"></button> </div> <div class="tabs-panel-block thumbnail-slider" data-title = "Product Images" data-slideItems="1"> <div data-imageid="product-0" class="tab-panel active reset"> <picture> <source srcset="" media="(min-width: 1200px)" type="image/png" width="60" height="46" data-srcset="/hk/sites/default/files/styles/product_slider_thumbnail/public/2020-07/Nescafe_Smoovlatte%205cups_0.png?itok=ZHEUrcZ6 1x"/> <source srcset="" media="(min-width: 768px)" type="image/png" width="60" height="46" data-srcset="/hk/sites/default/files/styles/product_slider_thumbnail/public/2020-07/Nescafe_Smoovlatte%205cups_0.png?itok=ZHEUrcZ6 1x"/> <source srcset="" media="(min-width: 468px) and (max-width: 768px)" type="image/png" width="36" height="28" data-srcset="/hk/sites/default/files/styles/product_slider_thumbnail_mobile/public/2020-07/Nescafe_Smoovlatte%205cups_0.png?itok=KlQpFL1I 1x"/> <img image_lazyload="no" src="/hk/sites/default/files/styles/product_slider_thumbnail/public/2020-07/Nescafe_Smoovlatte%205cups_0.png?itok=ZHEUrcZ6" width="60" height="46" alt="雀巢咖啡®絲滑牛奶咖啡" loading="lazy" typeof="foaf:Image" /> </picture> </div> </div> </div> </div> brown <div class="field field--node-field-dsu-product-desc field--name-field-dsu-product-desc field--type-text-with-summary field--label-hidden field__item"><p>#superpremium</p> <p>雀巢咖啡®絲滑牛奶咖啡讓你享受,由咖啡和牛奶所帶來絲滑香醇的咖啡感受。</p></div> <div class="field field--node-field-dsu-sku field--name-field-dsu-sku field--type-string field--label-hidden field__item">p7987</div> <div class="field field--node-field-product-stage-share field--name-field-product-stage-share field--type-entity-reference-revisions field--label-hidden field__item"> <div class="paragraph paragraph--type--c-share-buttons paragraph--view-mode--default"> <div class="dsu"> <ul class=""> <li> <a target="_blank" class="facebook-share social-media-icon share" href="http://www.facebook.com/share.php?u=https://www.nescafe.com/hk/taxonomy/term/1413/feed&amp;title=" title="Facebook"> <img alt="Facebook" src="https://www.nescafe.com/hk/themes/custom/nescafe_design_refresh/img/icons/fb.png"> </a> </li> </ul> </div> </div> </div> <drupal-render-placeholder callback="flag.link_builder:build" arguments="0=node&amp;1=1326&amp;2=product_wishlist" token="2luAuRCujE_VfGK1fTGxx8NMAi8k3GU4A8mACEza_bg"></drupal-render-placeholder> <div class="field field--node-field-rating field--name-field-rating field--type-fivestar field--label-hidden field__item"><form class="fivestar-form-4" id="vote--4" data-drupal-selector="fivestar-form-4" action="/hk/taxonomy/term/1413/feed" method="post" accept-charset="UTF-8"> <div class="clearfix fivestar-average-text fivestar-average-stars fivestar-form-item fivestar-basic"><div class="js-form-item form-item js-form-type-fivestar form-item-vote js-form-item-vote form-no-label"> <div class="js-form-item form-item js-form-type-select form-item-vote js-form-item-vote form-no-label"> <select class="vote form-select" data-drupal-selector="edit-vote" aria-describedby="edit-vote--8--description" id="edit-vote--8" name="vote"><option value="-">Select rating</option><option value="20">Give it 1/5</option><option value="40">Give it 2/5</option><option value="60" selected="selected">Give it 3/5</option><option value="80">Give it 4/5</option><option value="100">Give it 5/5</option></select> <p id="edit-vote--8--description" class="description help-text"> <div class="fivestar-summary fivestar-summary-average-count"> <span class="average-rating"> Average: <span>3</span> </span> <span class="total-votes"> (<span>4</span> votes) </span> </div> </p> </div> </div> </div><input class="js-hide button js-form-submit form-submit" data-drupal-selector="edit-submit" type="submit" id="edit-submit--4" name="op" value="Rate" /> <input autocomplete="off" data-drupal-selector="form-8zxah3zwqpg-21u-6okwz4u9zlmrqfopwm6sda1sqpg" type="hidden" name="form_build_id" value="form-8ZxaH3zwqPg-21U_6oKWZ4U9ZlMRQFOpWm6SDa1SQpg" /> <input data-drupal-selector="edit-fivestar-form-4" type="hidden" name="form_id" value="fivestar_form_4" /> </form> </div> <div class="cell large-20 large-offset-2"> <div class="cp-review-section"> <div class="view-filters"> <div class="grid-x form-row"> <div class="cell large-6 small-24 clearfix fivestar-none-text fivestar-average-stars fivestar-form-item fivestar-default average-rating-cell"> <fieldset class="js-form-item js-form-type- form-type- js-form-item-current form-item-current form-no-label form-group"> <div class="input-group"> <fieldset class="js-form-item js-form-type-select form-type-select js-form-item-current form-item-current form-no-label form-group"> <div class="fivestar-default"> <span class="on"></span> </div> <div class="stars stars-"></div> </fieldset> <div class="input-group-append"> <span class="field-suffix input-group-text"> 基於 評論 </span> </div> </div> </fieldset> </div> <div class="cell large-12 small-24"> <fieldset class="auto-submit-click fieldgroup form-composite js-form-item form-item js-form-wrapper form-group average-review-stars"> </fieldset> </div> <div class="cell large-6 small-24 review-button"> <input class="write-a-review button black" type="submit" id="write-review-btn" name="write_review_button" value="寫評論"> <br> <br> </div> </div> </div> </div> <drupal-render-placeholder callback="comment.lazy_builders:renderForm" arguments="0=node&amp;1=1326&amp;2=field_comments&amp;3=dsu_ratings_reviews_comment_type" token="nisp4VUTqbTJbZ6vanYY0s-zponl2jOXvRwZRFxq7-g"></drupal-render-placeholder> </div> <div class="field field--node-field-fusepump field--name-field-fusepump field--type-field-fusepump field--label-hidden field__item"><div id="fusepump-0-1326" class="fusepump-widget"></div> <div class="fusepump-link button red compare-product__buy_now" data-id="v3yxk07" data-fallback="" target-id="fusepump-0-1326"><span class="button-text">立即購買</span></div> </div> <div class="field field--node-field-product-type field--name-field-product-type field--type-list-string field--label-hidden field__item">Coffee</div> <div class="field field--node-field-pdp-components field--name-field-pdp-components field--type-entity-reference-revisions field--label-hidden field__items"> <div class="field__item"><section class="grid-container text-and-title js-text-and-title animate-block" data-animation='{"element":" img" }' > <div class="grid-x grid-margin-x"> <div class="cell large-8 large-offset-2"> <h3 class="headline-h3"></h3> </div> <div class="cell large-offset-3 large-10"> </div> </div> <div class="grid-x two-images-wrap imageTileSlider"> <div class="cell large-12 image-tile jarallax-keep-img"> <picture class="jarallax-img"> <source media="(min-width: 1200px)" srcset="/hk/sites/default/files/styles/text_details_large/public/images/Nescafe%2520Product%2520Slide%25201.jpg?itok=7YEsQEvx"> <source media="(min-width: 768px)" srcset="/hk/sites/default/files/styles/text_details_large/public/images/Nescafe%2520Product%2520Slide%25201.jpg?itok=7YEsQEvx"> <source media="(min-width: 0px)" srcset="/hk/sites/default/files/styles/text_details_mobile/public/images/Nescafe%2520Product%2520Slide%25201.jpg?itok=eiPuI9lr"> <img src="/hk/sites/default/files/styles/text_details_large/public/images/Nescafe%2520Product%2520Slide%25201.jpg?itok=7YEsQEvx" alt="Nescafe Product Slide 1"> </picture> </div> <div class="cell large-12 image-tile jarallax-keep-img"> <picture class="jarallax-img"> <source media="(min-width: 1200px)" srcset="/hk/sites/default/files/styles/text_details_large/public/images/Nescafe%2520Product%2520Slide%25202.jpg?itok=5cUP23oz"> <source media="(min-width: 768px)" srcset="/hk/sites/default/files/styles/text_details_large/public/images/Nescafe%2520Product%2520Slide%25202.jpg?itok=5cUP23oz"> <source media="(min-width: 0px)" srcset="/hk/sites/default/files/styles/text_details_mobile/public/images/Nescafe%2520Product%2520Slide%25202.jpg?itok=5y50nlYD"> <img src="/hk/sites/default/files/styles/text_details_large/public/images/Nescafe%2520Product%2520Slide%25202.jpg?itok=5cUP23oz" alt="Nescafe Product Slide 2"> </picture> </div> <div class="cell large-12 image-tile jarallax-keep-img"> <picture class="jarallax-img"> <source media="(min-width: 1200px)" srcset="/hk/sites/default/files/styles/text_details_large/public/images/Nescafe%2520Product%2520Slide%25203%2520.jpg?itok=cgNJ4pk_"> <source media="(min-width: 768px)" srcset="/hk/sites/default/files/styles/text_details_large/public/images/Nescafe%2520Product%2520Slide%25203%2520.jpg?itok=cgNJ4pk_"> <source media="(min-width: 0px)" srcset="/hk/sites/default/files/styles/text_details_mobile/public/images/Nescafe%2520Product%2520Slide%25203%2520.jpg?itok=vsZ827Q1"> <img src="/hk/sites/default/files/styles/text_details_large/public/images/Nescafe%2520Product%2520Slide%25203%2520.jpg?itok=cgNJ4pk_" alt="Nescafe Product Slide 3"> </picture> </div> <div class="cell large-12 image-tile jarallax-keep-img"> <picture class="jarallax-img"> <source media="(min-width: 1200px)" srcset="/hk/sites/default/files/styles/text_details_large/public/images/Nescafe%2520Product%2520Slide%25204.jpg?itok=PVkUATy4"> <source media="(min-width: 768px)" srcset="/hk/sites/default/files/styles/text_details_large/public/images/Nescafe%2520Product%2520Slide%25204.jpg?itok=PVkUATy4"> <source media="(min-width: 0px)" srcset="/hk/sites/default/files/styles/text_details_mobile/public/images/Nescafe%2520Product%2520Slide%25204.jpg?itok=QWLXgOoJ"> <img src="/hk/sites/default/files/styles/text_details_large/public/images/Nescafe%2520Product%2520Slide%25204.jpg?itok=PVkUATy4" alt="Nescafe Product Slide 4"> </picture> </div> </div> </section> </div> <div class="field__item"> <section class="product-slideshow js-product-slider grid-container grid-x animate-block no-padding-for-small background--light-grey-secondary discover-the-range new-product-card" data-topic-text="各不相同的咖啡體驗" id="product-slider-title-各不相同的咖啡體驗" data-animation='{"element":".slide-container"}'> <div class="small-24 medium-24 large-24 slide-container"> <div class="controls__container controls controls__background"></div> <div class="small-20 medium-10 large-5 xlarge-24 medium-offset-1 xlarge-offset-0 text-center"> <div class="product-slideshow__details custom-details"> <h2 class="product-slideshow__main-title text--heavy-metal"> 各不相同的咖啡體驗 </h2> <div class="product-slideshow__sub-title text--heavy-metal copy-xlarge"> <p><span><span><span><span lang="ZH-TW" xml:lang="ZH-TW" xml:lang="ZH-TW">從</span>NESCAFÉ®SMOOVLATTE®<span lang="ZH-TW" xml:lang="ZH-TW" xml:lang="ZH-TW">咖啡飲料、</span>NESCAFÉ®<span lang="ZH-TW" xml:lang="ZH-TW" xml:lang="ZH-TW">極品白咖啡,到</span>NESCAFÉ GOLDBLEND®<span lang="ZH-TW" xml:lang="ZH-TW" xml:lang="ZH-TW">咖啡,我們創造了不同口味、適合不同場合的咖啡。</span></span></span></span></p> </div> </div> </div> <div class="small-24 medium-12 medium-offset-1 large-offset-0 xlarge-offset-0 large-17 xlarge-24"> <div class="product-slideshow__container"> <div class="product-slider" data-next="Next" data-previous="Previouszxfzfsd"> <!-- new design start1 --> <!--when the product compare is there and we also have the link we want a div and not an achor tag--> <div class="cell new-product-card-cont background--white small-24 medium-12 large-6 content-animation swiper-slide slide slide__product use_partial_link_for_compare"> <a href="/hk/our-coffees/cappuccino"> <div class="small-24 product-image"> <picture class="image-teaser__image"> <source media="(min-width: 1200px)" data-srcset="/hk/sites/default/files/styles/product_list_large/public/2020-07/Nescafe_Cappuccino%205cups_1.png?itok=NsW_A8lA"> <source media="(min-width: 768px)" data-srcset="/hk/sites/default/files/styles/product_list_large/public/2020-07/Nescafe_Cappuccino%205cups_1.png?itok=NsW_A8lA"> <source media="(min-width: 0px)" data-srcset="/hk/sites/default/files/styles/product_list_small/public/2020-07/Nescafe_Cappuccino%205cups_1.png?itok=S2QYSEyk"> <img data-src="/hk/sites/default/files/styles/product_list_large/public/2020-07/Nescafe_Cappuccino%205cups_1.png?itok=NsW_A8lA" class="lazyload" alt="雀巢咖啡®意大利泡沫咖啡"/> </picture> </div> <div class="product-content product-slideshow__text "> <p class="product-name text--dark-grey copy-xlarge"> 雀巢咖啡<sup>®</sup>意大利泡沫咖啡 </p> <div class="rating-and-description"> <div class="rating-widget" tabindex="0" aria-label="0" role="img"> <label for="edit-vote--2" class="hide">Product Ratings</label> <div class="user-rating disabled white-star inline"> <div class="fivestar-basic"> <div class="fivestar-widget-static fivestar-widget-static-vote fivestar-widget-static-5 clearfix"> <div class="star star-1 star-odd star-first"> <span class="off"> 0 </span> </div> <div class="star star-2 star-even"> <span class="off"> </span> </div> <div class="star star-3 star-odd"> <span class="off"> </span> </div> <div class="star star-4 star-even"> <span class="off"> </span> </div> <div class="star star-5 star-odd star-last"> <span class="off"> </span> </div> </div> </div> </div> </div> <p class="product-desc copy-large-h3 text--black"> ... </p> </div> </div> <div class="buy-now-and-compare-products"> <!-- <button class="expanded button red">Buy Now</button> --> <div id="fusepump-link-id" data-productname="雀巢咖啡®意大利泡沫咖啡" data-productbrand="NESCAFE" data-productskuid="p0980" data-productcategory="coffee" class="buy-now-btn expanded button red"> <div class="field field--node-field-fusepump field--name-field-fusepump field--type-field-fusepump field--label-hidden field__item"><div id="fusepump-0-1306" class="fusepump-widget"></div> <div class="fusepump-link button red compare-product__buy_now" data-id="v3wr121" data-fallback="" target-id="fusepump-0-1306"><span class="button-text">立即購買</span></div> </div> </div> <div class="compare-product__link copy-small-h5__bold" data-title="雀巢咖啡<sup>®</sup>意大利泡沫咖啡" data-product-image="/hk/sites/default/files/styles/product_list_thumbnail/public/2020-07/Nescafe_Cappuccino%205cups_1.png?itok=SJRXCImd" data-product-nid="1306"> <input type="checkbox" id="1306-19551" class="form-checkbox required" aria-required="true"> <label for="1306-19551" class="font-awesome-icon fa-check-square contact-privacy-policy-label"> 產品比較 </label> </div> </a> </div> </div> <!-- new design end --> <!-- new design start1 --> <!--when the product compare is there and we also have the link we want a div and not an achor tag--> <div class="cell new-product-card-cont background--white small-24 medium-12 large-6 content-animation swiper-slide slide slide__product use_partial_link_for_compare"> <a href="/hk/our-coffees/quechaokafeirsmoovlatter"> <div class="small-24 product-image"> <picture class="image-teaser__image"> <source media="(min-width: 1200px)" data-srcset="/hk/sites/default/files/styles/product_list_large/public/2020-07/nes_smv_regular_mer_0.png?itok=ioo-nb8s"> <source media="(min-width: 768px)" data-srcset="/hk/sites/default/files/styles/product_list_large/public/2020-07/nes_smv_regular_mer_0.png?itok=ioo-nb8s"> <source media="(min-width: 0px)" data-srcset="/hk/sites/default/files/styles/product_list_small/public/2020-07/nes_smv_regular_mer_0.png?itok=wSv3GhZ1"> <img data-src="/hk/sites/default/files/styles/product_list_large/public/2020-07/nes_smv_regular_mer_0.png?itok=ioo-nb8s" class="lazyload" alt="雀巢咖啡®SMOOVLATTÉ®"/> </picture> </div> <div class="product-content product-slideshow__text "> <p class="product-name text--dark-grey copy-xlarge"> 雀巢咖啡<sup>®</sup>SMOOVLATTÉ<sup>®</sup> </p> <div class="rating-and-description"> <div class="rating-widget" tabindex="0" aria-label="0" role="img"> <label for="edit-vote--2" class="hide">Product Ratings</label> <div class="user-rating disabled white-star inline"> <div class="fivestar-basic"> <div class="fivestar-widget-static fivestar-widget-static-vote fivestar-widget-static-5 clearfix"> <div class="star star-1 star-odd star-first"> <span class="off"> 0 </span> </div> <div class="star star-2 star-even"> <span class="off"> </span> </div> <div class="star star-3 star-odd"> <span class="off"> </span> </div> <div class="star star-4 star-even"> <span class="off"> </span> </div> <div class="star star-5 star-odd star-last"> <span class="off"> </span> </div> </div> </div> </div> </div> <p class="product-desc copy-large-h3 text--black"> #smoovlatte #smooth... </p> </div> </div> <div class="buy-now-and-compare-products"> <!-- <button class="expanded button red">Buy Now</button> --> <div class="compare-product__link copy-small-h5__bold" data-title="雀巢咖啡<sup>®</sup>SMOOVLATTÉ<sup>®</sup>" data-product-image="/hk/sites/default/files/styles/product_list_thumbnail/public/2020-07/nes_smv_regular_mer_0.png?itok=95QRTwFA" data-product-nid="1291"> <input type="checkbox" id="1291-20041" class="form-checkbox required" aria-required="true"> <label for="1291-20041" class="font-awesome-icon fa-check-square contact-privacy-policy-label"> 產品比較 </label> </div> </a> </div> </div> <!-- new design end --> </div> </div> </div> </div> </section> </div> </div> Mon, 29 Jun 2020 19:06:03 +0000 Site Factory admin 1326 at https://www.nescafe.com/hk 雀巢咖啡®特濃咖啡 https://www.nescafe.com/hk/our-coffees/goldespresso-italianstyle <h1 class="headline-h1">雀巢咖啡<sup>®</sup>特濃咖啡</h1> <span><span lang="" about="/hk/user/1" typeof="schema:Person" property="schema:name" datatype="">Site Factory admin</span></span> <span><time datetime="2020-06-29T19:06:03+00:00" title="Monday, June 29, 2020 - 19:06">Mon, 06/29/2020 - 19:06</time> </span> <div class="cell product-image"> <div class="product-pic-col"> <ul class="tabs-panel-block single-image-slider"> <li data-imageid="product-0" class="tab-panel active"> <a class="product-zoomin-icon" title="雀巢咖啡®特濃咖啡" data-image="/hk/sites/default/files/2020-07/7613036076173_C1C1_0.png"> <img alt="zoom" src="/hk/themes/custom/nescafe_design_refresh/img/icons/product-zoom-in.svg"> </a> <picture> <source srcset="/hk/sites/default/files/styles/product_stage_690_690/public/2020-07/7613036076173_C1C1_0.png?itok=jVxVzNzm 1x" media="(min-width: 1200px)" type="image/png" width="690" height="690"/> <source srcset="/hk/sites/default/files/styles/product_stage_690_690/public/2020-07/7613036076173_C1C1_0.png?itok=jVxVzNzm 1x" media="(min-width: 468px) and (max-width: 768px)" type="image/png" width="690" height="690"/> <source srcset="/hk/sites/default/files/styles/product_stage_225_225/public/2020-07/7613036076173_C1C1_0.png?itok=lCcf_N40 1x" media="(min-width: 0px)" type="image/png" width="225" height="225"/> <img image_lazyload="no" class="panzoom" src="data:image/gif;base64,R0lGODlhAQABAIABAP///wAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" width="1" height="1" alt="雀巢咖啡®特濃咖啡" loading="lazy" typeof="foaf:Image" /> </picture> </li> </ul> <div class="zoom-image-container js-zoom-image-container hide"> <button type="button" class="zoom-image-previous" aria-label="previous slide"></button> <img class="js-zoom-image zoom-image" src="" alt="zoom-image"> <div class="js-zoom-video-container zoom-video-container hide"></div> <button type="button" class="zoom-image-next" aria-label="next slide"></button> </div> <div class="tabs-panel-block thumbnail-slider" data-title = "Product Images" data-slideItems="1"> <div data-imageid="product-0" class="tab-panel active reset"> <picture> <source srcset="" media="(min-width: 1200px)" type="image/png" width="60" height="46" data-srcset="/hk/sites/default/files/styles/product_slider_thumbnail/public/2020-07/7613036076173_C1C1_0.png?itok=0xS-50Bm 1x"/> <source srcset="" media="(min-width: 768px)" type="image/png" width="60" height="46" data-srcset="/hk/sites/default/files/styles/product_slider_thumbnail/public/2020-07/7613036076173_C1C1_0.png?itok=0xS-50Bm 1x"/> <source srcset="" media="(min-width: 468px) and (max-width: 768px)" type="image/png" width="36" height="28" data-srcset="/hk/sites/default/files/styles/product_slider_thumbnail_mobile/public/2020-07/7613036076173_C1C1_0.png?itok=Dw5P_ptO 1x"/> <img image_lazyload="no" src="/hk/sites/default/files/styles/product_slider_thumbnail/public/2020-07/7613036076173_C1C1_0.png?itok=0xS-50Bm" width="60" height="46" alt="雀巢咖啡®特濃咖啡" loading="lazy" typeof="foaf:Image" /> </picture> </div> </div> </div> </div> orange <div class="field field--node-field-dsu-product-desc field--name-field-dsu-product-desc field--type-text-with-summary field--label-hidden field__item"><p>#superpremium</p> <p>採用百分百阿拉比卡咖啡豆,味道層次豐富並有濃郁咖啡味,口感豐厚,並有幼滑的crema。為追求濃郁咖啡風味人士的不二之選。</p></div> <div class="field field--node-field-dsu-sku field--name-field-dsu-sku field--type-string field--label-hidden field__item">p7698</div> <div class="field field--node-field-product-stage-share field--name-field-product-stage-share field--type-entity-reference-revisions field--label-hidden field__item"> <div class="paragraph paragraph--type--c-share-buttons paragraph--view-mode--default"> <div class="dsu"> <ul class=""> <li> <a target="_blank" class="facebook-share social-media-icon share" href="http://www.facebook.com/share.php?u=https://www.nescafe.com/hk/taxonomy/term/1413/feed&amp;title=" title="Facebook"> <img alt="Facebook" src="https://www.nescafe.com/hk/themes/custom/nescafe_design_refresh/img/icons/fb.png"> </a> </li> </ul> </div> </div> </div> <drupal-render-placeholder callback="flag.link_builder:build" arguments="0=node&amp;1=1321&amp;2=product_wishlist" token="OZd22HQwChhctOfomnB5toe2GOEICt7xLlXNTBbMKiM"></drupal-render-placeholder> <div class="field field--node-field-rating field--name-field-rating field--type-fivestar field--label-hidden field__item"><form class="fivestar-form-5" id="vote--5" data-drupal-selector="fivestar-form-5" action="/hk/taxonomy/term/1413/feed" method="post" accept-charset="UTF-8"> <div class="clearfix fivestar-average-text fivestar-average-stars fivestar-form-item fivestar-basic"><div class="js-form-item form-item js-form-type-fivestar form-item-vote js-form-item-vote form-no-label"> <div class="js-form-item form-item js-form-type-select form-item-vote js-form-item-vote form-no-label"> <select class="vote form-select" data-drupal-selector="edit-vote" aria-describedby="edit-vote--10--description" id="edit-vote--10" name="vote"><option value="-">Select rating</option><option value="20">Give it 1/5</option><option value="40">Give it 2/5</option><option value="60" selected="selected">Give it 3/5</option><option value="80">Give it 4/5</option><option value="100">Give it 5/5</option></select> <p id="edit-vote--10--description" class="description help-text"> <div class="fivestar-summary fivestar-summary-average-count"> <span class="average-rating"> Average: <span>3</span> </span> <span class="total-votes"> (<span>4</span> votes) </span> </div> </p> </div> </div> </div><input class="js-hide button js-form-submit form-submit" data-drupal-selector="edit-submit" type="submit" id="edit-submit--5" name="op" value="Rate" /> <input autocomplete="off" data-drupal-selector="form-s6dwg2-9-kviawbhlcrd2ddqbn3llojxenmfgaqhiic" type="hidden" name="form_build_id" value="form-s6dwG2-9-kvIAWBhLCrD2DdqBN3LLojxenmFgAqhiic" /> <input data-drupal-selector="edit-fivestar-form-5" type="hidden" name="form_id" value="fivestar_form_5" /> </form> </div> <div class="cell large-20 large-offset-2"> <div class="cp-review-section"> <div class="view-filters"> <div class="grid-x form-row"> <div class="cell large-6 small-24 clearfix fivestar-none-text fivestar-average-stars fivestar-form-item fivestar-default average-rating-cell"> <fieldset class="js-form-item js-form-type- form-type- js-form-item-current form-item-current form-no-label form-group"> <div class="input-group"> <fieldset class="js-form-item js-form-type-select form-type-select js-form-item-current form-item-current form-no-label form-group"> <div class="fivestar-default"> <span class="on"></span> </div> <div class="stars stars-"></div> </fieldset> <div class="input-group-append"> <span class="field-suffix input-group-text"> 基於 評論 </span> </div> </div> </fieldset> </div> <div class="cell large-12 small-24"> <fieldset class="auto-submit-click fieldgroup form-composite js-form-item form-item js-form-wrapper form-group average-review-stars"> </fieldset> </div> <div class="cell large-6 small-24 review-button"> <input class="write-a-review button black" type="submit" id="write-review-btn" name="write_review_button" value="寫評論"> <br> <br> </div> </div> </div> </div> <drupal-render-placeholder callback="comment.lazy_builders:renderForm" arguments="0=node&amp;1=1321&amp;2=field_comments&amp;3=dsu_ratings_reviews_comment_type" token="AtKBw45x6Ad5lkFoNgR5M1qPCkT7aGOmtZe1PHjT9zo"></drupal-render-placeholder> </div> <div class="field field--node-field-fusepump field--name-field-fusepump field--type-field-fusepump field--label-hidden field__item"><div id="fusepump-0-1321" class="fusepump-widget"></div> <div class="fusepump-link button red compare-product__buy_now" data-id="" data-fallback="" target-id="fusepump-0-1321"><span class="button-text">立即購買</span></div> </div> <div class="field field--node-field-product-type field--name-field-product-type field--type-list-string field--label-hidden field__item">Coffee</div> <div class="field field--node-field-pdp-components field--name-field-pdp-components field--type-entity-reference-revisions field--label-hidden field__items"> <div class="field__item"><section class="grid-container text-and-title js-text-and-title animate-block" data-animation='{"element":" img" }' > <div class="grid-x grid-margin-x"> <div class="cell large-8 large-offset-2"> <h3 class="headline-h3"></h3> </div> <div class="cell large-offset-3 large-10"> </div> </div> <div class="grid-x two-images-wrap imageTileSlider"> <div class="cell large-12 image-tile jarallax-keep-img"> <picture class="jarallax-img"> <source media="(min-width: 1200px)" srcset="/hk/sites/default/files/styles/text_details_large/public/images/Nescafe%2520Product%2520Slide%25201.jpg?itok=7YEsQEvx"> <source media="(min-width: 768px)" srcset="/hk/sites/default/files/styles/text_details_large/public/images/Nescafe%2520Product%2520Slide%25201.jpg?itok=7YEsQEvx"> <source media="(min-width: 0px)" srcset="/hk/sites/default/files/styles/text_details_mobile/public/images/Nescafe%2520Product%2520Slide%25201.jpg?itok=eiPuI9lr"> <img src="/hk/sites/default/files/styles/text_details_large/public/images/Nescafe%2520Product%2520Slide%25201.jpg?itok=7YEsQEvx" alt="Nescafe Product Slide 1"> </picture> </div> <div class="cell large-12 image-tile jarallax-keep-img"> <picture class="jarallax-img"> <source media="(min-width: 1200px)" srcset="/hk/sites/default/files/styles/text_details_large/public/images/Nescafe%2520Product%2520Slide%25202.jpg?itok=5cUP23oz"> <source media="(min-width: 768px)" srcset="/hk/sites/default/files/styles/text_details_large/public/images/Nescafe%2520Product%2520Slide%25202.jpg?itok=5cUP23oz"> <source media="(min-width: 0px)" srcset="/hk/sites/default/files/styles/text_details_mobile/public/images/Nescafe%2520Product%2520Slide%25202.jpg?itok=5y50nlYD"> <img src="/hk/sites/default/files/styles/text_details_large/public/images/Nescafe%2520Product%2520Slide%25202.jpg?itok=5cUP23oz" alt="Nescafe Product Slide 2"> </picture> </div> <div class="cell large-12 image-tile jarallax-keep-img"> <picture class="jarallax-img"> <source media="(min-width: 1200px)" srcset="/hk/sites/default/files/styles/text_details_large/public/images/Nescafe%2520Product%2520Slide%25203%2520.jpg?itok=cgNJ4pk_"> <source media="(min-width: 768px)" srcset="/hk/sites/default/files/styles/text_details_large/public/images/Nescafe%2520Product%2520Slide%25203%2520.jpg?itok=cgNJ4pk_"> <source media="(min-width: 0px)" srcset="/hk/sites/default/files/styles/text_details_mobile/public/images/Nescafe%2520Product%2520Slide%25203%2520.jpg?itok=vsZ827Q1"> <img src="/hk/sites/default/files/styles/text_details_large/public/images/Nescafe%2520Product%2520Slide%25203%2520.jpg?itok=cgNJ4pk_" alt="Nescafe Product Slide 3"> </picture> </div> <div class="cell large-12 image-tile jarallax-keep-img"> <picture class="jarallax-img"> <source media="(min-width: 1200px)" srcset="/hk/sites/default/files/styles/text_details_large/public/images/Nescafe%2520Product%2520Slide%25204.jpg?itok=PVkUATy4"> <source media="(min-width: 768px)" srcset="/hk/sites/default/files/styles/text_details_large/public/images/Nescafe%2520Product%2520Slide%25204.jpg?itok=PVkUATy4"> <source media="(min-width: 0px)" srcset="/hk/sites/default/files/styles/text_details_mobile/public/images/Nescafe%2520Product%2520Slide%25204.jpg?itok=QWLXgOoJ"> <img src="/hk/sites/default/files/styles/text_details_large/public/images/Nescafe%2520Product%2520Slide%25204.jpg?itok=PVkUATy4" alt="Nescafe Product Slide 4"> </picture> </div> </div> </section> </div> <div class="field__item"> <section class="product-slideshow js-product-slider grid-container grid-x animate-block no-padding-for-small background--light-grey-secondary discover-the-range new-product-card" data-topic-text="各不相同的咖啡體驗" id="product-slider-title-各不相同的咖啡體驗" data-animation='{"element":".slide-container"}'> <div class="small-24 medium-24 large-24 slide-container"> <div class="controls__container controls controls__background"></div> <div class="small-20 medium-10 large-5 xlarge-24 medium-offset-1 xlarge-offset-0 text-center"> <div class="product-slideshow__details custom-details"> <h2 class="product-slideshow__main-title text--heavy-metal"> 各不相同的咖啡體驗 </h2> <div class="product-slideshow__sub-title text--heavy-metal copy-xlarge"> <p><span><span><span><span lang="ZH-TW" xml:lang="ZH-TW" xml:lang="ZH-TW">從</span>NESCAFÉ®SMOOVLATTE®<span lang="ZH-TW" xml:lang="ZH-TW" xml:lang="ZH-TW">咖啡飲料、</span>NESCAFÉ®<span lang="ZH-TW" xml:lang="ZH-TW" xml:lang="ZH-TW">極品白咖啡,到</span>NESCAFÉ GOLDBLEND®<span lang="ZH-TW" xml:lang="ZH-TW" xml:lang="ZH-TW">咖啡,我們創造了不同口味、適合不同場合的咖啡</span><span lang="ZH-TW" xml:lang="ZH-TW" xml:lang="ZH-TW">。</span></span></span></span></p> </div> </div> </div> <div class="small-24 medium-12 medium-offset-1 large-offset-0 xlarge-offset-0 large-17 xlarge-24"> <div class="product-slideshow__container"> <div class="product-slider" data-next="Next" data-previous="Previouszxfzfsd"> <!-- new design start1 --> <!--when the product compare is there and we also have the link we want a div and not an achor tag--> <div class="cell new-product-card-cont background--white small-24 medium-12 large-6 content-animation swiper-slide slide slide__product use_partial_link_for_compare"> <a href="/hk/our-coffees/quechaokafeirsmoovlatterzhugulikafei"> <div class="small-24 product-image"> <picture class="image-teaser__image"> <source media="(min-width: 1200px)" data-srcset="/hk/sites/default/files/styles/product_list_large/public/2020-07/nes_smv_mocha_mer_0.png?itok=b3xnFxh3"> <source media="(min-width: 768px)" data-srcset="/hk/sites/default/files/styles/product_list_large/public/2020-07/nes_smv_mocha_mer_0.png?itok=b3xnFxh3"> <source media="(min-width: 0px)" data-srcset="/hk/sites/default/files/styles/product_list_small/public/2020-07/nes_smv_mocha_mer_0.png?itok=S9LZzQ8u"> <img data-src="/hk/sites/default/files/styles/product_list_large/public/2020-07/nes_smv_mocha_mer_0.png?itok=b3xnFxh3" class="lazyload" alt="雀巢咖啡®SMOOVLATTÉ®朱古力咖啡"/> </picture> </div> <div class="product-content product-slideshow__text "> <p class="product-name text--dark-grey copy-xlarge"> 雀巢咖啡<sup>®</sup>SMOOVLATTÉ<sup>®</sup>朱古力咖啡 </p> <div class="rating-and-description"> <div class="rating-widget" tabindex="0" aria-label="0" role="img"> <label for="edit-vote--2" class="hide">Product Ratings</label> <div class="user-rating disabled white-star inline"> <div class="fivestar-basic"> <div class="fivestar-widget-static fivestar-widget-static-vote fivestar-widget-static-5 clearfix"> <div class="star star-1 star-odd star-first"> <span class="off"> 0 </span> </div> <div class="star star-2 star-even"> <span class="off"> </span> </div> <div class="star star-3 star-odd"> <span class="off"> </span> </div> <div class="star star-4 star-even"> <span class="off"> </span> </div> <div class="star star-5 star-odd star-last"> <span class="off"> </span> </div> </div> </div> </div> </div> <p class="product-desc copy-large-h3 text--black"> #smoovlatte #smooth... </p> </div> </div> <div class="buy-now-and-compare-products"> <!-- <button class="expanded button red">Buy Now</button> --> <div class="compare-product__link copy-small-h5__bold" data-title="雀巢咖啡<sup>®</sup>SMOOVLATTÉ<sup>®</sup>朱古力咖啡" data-product-image="/hk/sites/default/files/styles/product_list_thumbnail/public/2020-07/nes_smv_mocha_mer_0.png?itok=2VlPmoo4" data-product-nid="1296"> <input type="checkbox" id="1296-20086" class="form-checkbox required" aria-required="true"> <label for="1296-20086" class="font-awesome-icon fa-check-square contact-privacy-policy-label"> 產品比較 </label> </div> </a> </div> </div> <!-- new design end --> <!-- new design start1 --> <!--when the product compare is there and we also have the link we want a div and not an achor tag--> <div class="cell new-product-card-cont background--white small-24 medium-12 large-6 content-animation swiper-slide slide slide__product use_partial_link_for_compare"> <a href="/hk/our-coffees/quechaokafeirsmoovlatterzhugulikafei"> <div class="small-24 product-image"> <picture class="image-teaser__image"> <source media="(min-width: 1200px)" data-srcset="/hk/sites/default/files/styles/product_list_large/public/2020-07/nes_smv_mocha_mer_0.png?itok=b3xnFxh3"> <source media="(min-width: 768px)" data-srcset="/hk/sites/default/files/styles/product_list_large/public/2020-07/nes_smv_mocha_mer_0.png?itok=b3xnFxh3"> <source media="(min-width: 0px)" data-srcset="/hk/sites/default/files/styles/product_list_small/public/2020-07/nes_smv_mocha_mer_0.png?itok=S9LZzQ8u"> <img data-src="/hk/sites/default/files/styles/product_list_large/public/2020-07/nes_smv_mocha_mer_0.png?itok=b3xnFxh3" class="lazyload" alt="雀巢咖啡®SMOOVLATTÉ®朱古力咖啡"/> </picture> </div> <div class="product-content product-slideshow__text "> <p class="product-name text--dark-grey copy-xlarge"> 雀巢咖啡<sup>®</sup>SMOOVLATTÉ<sup>®</sup>朱古力咖啡 </p> <div class="rating-and-description"> <div class="rating-widget" tabindex="0" aria-label="0" role="img"> <label for="edit-vote--2" class="hide">Product Ratings</label> <div class="user-rating disabled white-star inline"> <div class="fivestar-basic"> <div class="fivestar-widget-static fivestar-widget-static-vote fivestar-widget-static-5 clearfix"> <div class="star star-1 star-odd star-first"> <span class="off"> 0 </span> </div> <div class="star star-2 star-even"> <span class="off"> </span> </div> <div class="star star-3 star-odd"> <span class="off"> </span> </div> <div class="star star-4 star-even"> <span class="off"> </span> </div> <div class="star star-5 star-odd star-last"> <span class="off"> </span> </div> </div> </div> </div> </div> <p class="product-desc copy-large-h3 text--black"> #smoovlatte #smooth... </p> </div> </div> <div class="buy-now-and-compare-products"> <!-- <button class="expanded button red">Buy Now</button> --> <div class="compare-product__link copy-small-h5__bold" data-title="雀巢咖啡<sup>®</sup>SMOOVLATTÉ<sup>®</sup>朱古力咖啡" data-product-image="/hk/sites/default/files/styles/product_list_thumbnail/public/2020-07/nes_smv_mocha_mer_0.png?itok=2VlPmoo4" data-product-nid="1296"> <input type="checkbox" id="1296-20091" class="form-checkbox required" aria-required="true"> <label for="1296-20091" class="font-awesome-icon fa-check-square contact-privacy-policy-label"> 產品比較 </label> </div> </a> </div> </div> <!-- new design end --> <!-- new design start1 --> <!--when the product compare is there and we also have the link we want a div and not an achor tag--> <div class="cell new-product-card-cont background--white small-24 medium-12 large-6 content-animation swiper-slide slide slide__product use_partial_link_for_compare"> <a href="/hk/our-coffees/quechaokafeirsmoovlatter"> <div class="small-24 product-image"> <picture class="image-teaser__image"> <source media="(min-width: 1200px)" data-srcset="/hk/sites/default/files/styles/product_list_large/public/2020-07/nes_smv_regular_mer_0.png?itok=ioo-nb8s"> <source media="(min-width: 768px)" data-srcset="/hk/sites/default/files/styles/product_list_large/public/2020-07/nes_smv_regular_mer_0.png?itok=ioo-nb8s"> <source media="(min-width: 0px)" data-srcset="/hk/sites/default/files/styles/product_list_small/public/2020-07/nes_smv_regular_mer_0.png?itok=wSv3GhZ1"> <img data-src="/hk/sites/default/files/styles/product_list_large/public/2020-07/nes_smv_regular_mer_0.png?itok=ioo-nb8s" class="lazyload" alt="雀巢咖啡®SMOOVLATTÉ®"/> </picture> </div> <div class="product-content product-slideshow__text "> <p class="product-name text--dark-grey copy-xlarge"> 雀巢咖啡<sup>®</sup>SMOOVLATTÉ<sup>®</sup> </p> <div class="rating-and-description"> <div class="rating-widget" tabindex="0" aria-label="0" role="img"> <label for="edit-vote--2" class="hide">Product Ratings</label> <div class="user-rating disabled white-star inline"> <div class="fivestar-basic"> <div class="fivestar-widget-static fivestar-widget-static-vote fivestar-widget-static-5 clearfix"> <div class="star star-1 star-odd star-first"> <span class="off"> 0 </span> </div> <div class="star star-2 star-even"> <span class="off"> </span> </div> <div class="star star-3 star-odd"> <span class="off"> </span> </div> <div class="star star-4 star-even"> <span class="off"> </span> </div> <div class="star star-5 star-odd star-last"> <span class="off"> </span> </div> </div> </div> </div> </div> <p class="product-desc copy-large-h3 text--black"> #smoovlatte #smooth... </p> </div> </div> <div class="buy-now-and-compare-products"> <!-- <button class="expanded button red">Buy Now</button> --> <div class="compare-product__link copy-small-h5__bold" data-title="雀巢咖啡<sup>®</sup>SMOOVLATTÉ<sup>®</sup>" data-product-image="/hk/sites/default/files/styles/product_list_thumbnail/public/2020-07/nes_smv_regular_mer_0.png?itok=95QRTwFA" data-product-nid="1291"> <input type="checkbox" id="1291-20096" class="form-checkbox required" aria-required="true"> <label for="1291-20096" class="font-awesome-icon fa-check-square contact-privacy-policy-label"> 產品比較 </label> </div> </a> </div> </div> <!-- new design end --> </div> </div> </div> </div> </section> </div> </div> Mon, 29 Jun 2020 19:06:03 +0000 Site Factory admin 1321 at https://www.nescafe.com/hk 雀巢咖啡®極品白咖啡 原味咖啡即溶飲品 https://www.nescafe.com/hk/our-coffees/premiumwhitecoffee-original <h1 class="headline-h1">雀巢咖啡<sup>®</sup>極品白咖啡 原味咖啡即溶飲品</h1> <span><span lang="" about="/hk/user/1" typeof="schema:Person" property="schema:name" datatype="">Site Factory admin</span></span> <span><time datetime="2020-06-29T19:06:03+00:00" title="Monday, June 29, 2020 - 19:06">Mon, 06/29/2020 - 19:06</time> </span> <div class="cell product-image"> <div class="product-pic-col"> <ul class="tabs-panel-block single-image-slider"> <li data-imageid="product-0" class="tab-panel active"> <a class="product-zoomin-icon" title="雀巢咖啡®極品白咖啡 原味咖啡即溶飲品" data-image="/hk/sites/default/files/2020-07/Nescafe_White%20Coffee_Original%2010cups_0.png"> <img alt="zoom" src="/hk/themes/custom/nescafe_design_refresh/img/icons/product-zoom-in.svg"> </a> <picture> <source srcset="/hk/sites/default/files/styles/product_stage_690_690/public/2020-07/Nescafe_White%20Coffee_Original%2010cups_0.png?itok=AvwB4TyX 1x" media="(min-width: 1200px)" type="image/png" width="690" height="690"/> <source srcset="/hk/sites/default/files/styles/product_stage_690_690/public/2020-07/Nescafe_White%20Coffee_Original%2010cups_0.png?itok=AvwB4TyX 1x" media="(min-width: 468px) and (max-width: 768px)" type="image/png" width="690" height="690"/> <source srcset="/hk/sites/default/files/styles/product_stage_225_225/public/2020-07/Nescafe_White%20Coffee_Original%2010cups_0.png?itok=evLTSdsg 1x" media="(min-width: 0px)" type="image/png" width="225" height="225"/> <img image_lazyload="no" class="panzoom" src="data:image/gif;base64,R0lGODlhAQABAIABAP///wAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" width="1" height="1" alt="雀巢咖啡®極品白咖啡 原味咖啡即溶飲品" loading="lazy" typeof="foaf:Image" /> </picture> </li> </ul> <div class="zoom-image-container js-zoom-image-container hide"> <button type="button" class="zoom-image-previous" aria-label="previous slide"></button> <img class="js-zoom-image zoom-image" src="" alt="zoom-image"> <div class="js-zoom-video-container zoom-video-container hide"></div> <button type="button" class="zoom-image-next" aria-label="next slide"></button> </div> <div class="tabs-panel-block thumbnail-slider" data-title = "Product Images" data-slideItems="1"> <div data-imageid="product-0" class="tab-panel active reset"> <picture> <source srcset="" media="(min-width: 1200px)" type="image/png" width="60" height="46" data-srcset="/hk/sites/default/files/styles/product_slider_thumbnail/public/2020-07/Nescafe_White%20Coffee_Original%2010cups_0.png?itok=lvEazAVv 1x"/> <source srcset="" media="(min-width: 768px)" type="image/png" width="60" height="46" data-srcset="/hk/sites/default/files/styles/product_slider_thumbnail/public/2020-07/Nescafe_White%20Coffee_Original%2010cups_0.png?itok=lvEazAVv 1x"/> <source srcset="" media="(min-width: 468px) and (max-width: 768px)" type="image/png" width="36" height="28" data-srcset="/hk/sites/default/files/styles/product_slider_thumbnail_mobile/public/2020-07/Nescafe_White%20Coffee_Original%2010cups_0.png?itok=DX1lDhST 1x"/> <img image_lazyload="no" src="/hk/sites/default/files/styles/product_slider_thumbnail/public/2020-07/Nescafe_White%20Coffee_Original%2010cups_0.png?itok=lvEazAVv" width="60" height="46" alt="雀巢咖啡®極品白咖啡 原味咖啡即溶飲品" loading="lazy" typeof="foaf:Image" /> </picture> </div> </div> </div> </div> orange <div class="field field--node-field-dsu-product-desc field--name-field-dsu-product-desc field--type-text-with-summary field--label-hidden field__item"><p>啡更醇﹑奶更滑! #premiumwhitecoffee 新包裝「雀巢咖啡®極品白咖啡」使用升級新配方,重新調校咖啡與奶的比例,為你帶來一整杯香濃醇滑的滋味。咖啡入口醇厚濃郁,杯面有一層幼滑的奶沫,聞起來有陣陣咖啡香味,為你帶來更高層次的品味享受。產品分別有原味及無甜口味兩種選擇,可以按不同心情及場合,沖泡一杯完美切合你品味的白咖啡。</p></div> <div class="field field--node-field-dsu-sku field--name-field-dsu-sku field--type-string field--label-hidden field__item">P7829</div> <div class="field field--node-field-product-stage-share field--name-field-product-stage-share field--type-entity-reference-revisions field--label-hidden field__item"> <div class="paragraph paragraph--type--c-share-buttons paragraph--view-mode--default"> <div class="dsu"> <ul class=""> <li> <a target="_blank" class="facebook-share social-media-icon share" href="http://www.facebook.com/share.php?u=https://www.nescafe.com/hk/taxonomy/term/1413/feed&amp;title=" title="Facebook"> <img alt="Facebook" src="https://www.nescafe.com/hk/themes/custom/nescafe_design_refresh/img/icons/fb.png"> </a> </li> </ul> </div> </div> </div> <drupal-render-placeholder callback="flag.link_builder:build" arguments="0=node&amp;1=1316&amp;2=product_wishlist" token="ZvEJUdq2nJRPFP3FJwr2zQRm5Wl7np3jfRhJL0QvAHs"></drupal-render-placeholder> <div class="field field--node-field-rating field--name-field-rating field--type-fivestar field--label-hidden field__item"><form class="fivestar-form-6" id="vote--6" data-drupal-selector="fivestar-form-6" action="/hk/taxonomy/term/1413/feed" method="post" accept-charset="UTF-8"> <div class="clearfix fivestar-average-text fivestar-average-stars fivestar-form-item fivestar-basic"><div class="js-form-item form-item js-form-type-fivestar form-item-vote js-form-item-vote form-no-label"> <div class="js-form-item form-item js-form-type-select form-item-vote js-form-item-vote form-no-label"> <select class="vote form-select" data-drupal-selector="edit-vote" aria-describedby="edit-vote--12--description" id="edit-vote--12" name="vote"><option value="-">Select rating</option><option value="20">Give it 1/5</option><option value="40">Give it 2/5</option><option value="60" selected="selected">Give it 3/5</option><option value="80">Give it 4/5</option><option value="100">Give it 5/5</option></select> <p id="edit-vote--12--description" class="description help-text"> <div class="fivestar-summary fivestar-summary-average-count"> <span class="average-rating"> Average: <span>3</span> </span> <span class="total-votes"> (<span>4</span> votes) </span> </div> </p> </div> </div> </div><input class="js-hide button js-form-submit form-submit" data-drupal-selector="edit-submit" type="submit" id="edit-submit--6" name="op" value="Rate" /> <input autocomplete="off" data-drupal-selector="form-dzsqw5rjf8ombzmhsny-27onnlp4lzooeonbc0v0-vs" type="hidden" name="form_build_id" value="form-dZSQW5rjF8OMBZmhsNY_27ONnLP4lzooeoNbC0v0_vs" /> <input data-drupal-selector="edit-fivestar-form-6" type="hidden" name="form_id" value="fivestar_form_6" /> </form> </div> <div class="cell large-20 large-offset-2"> <div class="cp-review-section"> <div class="view-filters"> <div class="grid-x form-row"> <div class="cell large-6 small-24 clearfix fivestar-none-text fivestar-average-stars fivestar-form-item fivestar-default average-rating-cell"> <fieldset class="js-form-item js-form-type- form-type- js-form-item-current form-item-current form-no-label form-group"> <div class="input-group"> <fieldset class="js-form-item js-form-type-select form-type-select js-form-item-current form-item-current form-no-label form-group"> <div class="fivestar-default"> <span class="on"></span> </div> <div class="stars stars-"></div> </fieldset> <div class="input-group-append"> <span class="field-suffix input-group-text"> 基於 評論 </span> </div> </div> </fieldset> </div> <div class="cell large-12 small-24"> <fieldset class="auto-submit-click fieldgroup form-composite js-form-item form-item js-form-wrapper form-group average-review-stars"> </fieldset> </div> <div class="cell large-6 small-24 review-button"> <input class="write-a-review button black" type="submit" id="write-review-btn" name="write_review_button" value="寫評論"> <br> <br> </div> </div> </div> </div> <drupal-render-placeholder callback="comment.lazy_builders:renderForm" arguments="0=node&amp;1=1316&amp;2=field_comments&amp;3=dsu_ratings_reviews_comment_type" token="dfXTnd4ucq4uiJ3Zix3WzFKeesis3PFsUWF3kFjkugo"></drupal-render-placeholder> </div> <div class="field field--node-field-fusepump field--name-field-fusepump field--type-field-fusepump field--label-hidden field__item"><div id="fusepump-0-1316" class="fusepump-widget"></div> <div class="fusepump-link button red compare-product__buy_now" data-id="v3wk4m8" data-fallback="" target-id="fusepump-0-1316"><span class="button-text">立即購買</span></div> </div> <div class="field field--node-field-product-type field--name-field-product-type field--type-list-string field--label-hidden field__item">Coffee</div> <div class="field field--node-field-pdp-components field--name-field-pdp-components field--type-entity-reference-revisions field--label-hidden field__items"> <div class="field__item"><section class="grid-container text-and-title js-text-and-title animate-block" data-animation='{"element":" img" }' > <div class="grid-x grid-margin-x"> <div class="cell large-8 large-offset-2"> <h3 class="headline-h3"></h3> </div> <div class="cell large-offset-3 large-10"> </div> </div> <div class="grid-x two-images-wrap imageTileSlider"> <div class="cell large-12 image-tile jarallax-keep-img"> <picture class="jarallax-img"> <source media="(min-width: 1200px)" srcset="/hk/sites/default/files/styles/text_details_large/public/images/Nescafe%2520Product%2520Slide%25201.jpg?itok=7YEsQEvx"> <source media="(min-width: 768px)" srcset="/hk/sites/default/files/styles/text_details_large/public/images/Nescafe%2520Product%2520Slide%25201.jpg?itok=7YEsQEvx"> <source media="(min-width: 0px)" srcset="/hk/sites/default/files/styles/text_details_mobile/public/images/Nescafe%2520Product%2520Slide%25201.jpg?itok=eiPuI9lr"> <img src="/hk/sites/default/files/styles/text_details_large/public/images/Nescafe%2520Product%2520Slide%25201.jpg?itok=7YEsQEvx" alt="Nescafe Product Slide 1"> </picture> </div> <div class="cell large-12 image-tile jarallax-keep-img"> <picture class="jarallax-img"> <source media="(min-width: 1200px)" srcset="/hk/sites/default/files/styles/text_details_large/public/images/Nescafe%2520Product%2520Slide%25202.jpg?itok=5cUP23oz"> <source media="(min-width: 768px)" srcset="/hk/sites/default/files/styles/text_details_large/public/images/Nescafe%2520Product%2520Slide%25202.jpg?itok=5cUP23oz"> <source media="(min-width: 0px)" srcset="/hk/sites/default/files/styles/text_details_mobile/public/images/Nescafe%2520Product%2520Slide%25202.jpg?itok=5y50nlYD"> <img src="/hk/sites/default/files/styles/text_details_large/public/images/Nescafe%2520Product%2520Slide%25202.jpg?itok=5cUP23oz" alt="Nescafe Product Slide 2"> </picture> </div> <div class="cell large-12 image-tile jarallax-keep-img"> <picture class="jarallax-img"> <source media="(min-width: 1200px)" srcset="/hk/sites/default/files/styles/text_details_large/public/images/Nescafe%2520Product%2520Slide%25203%2520.jpg?itok=cgNJ4pk_"> <source media="(min-width: 768px)" srcset="/hk/sites/default/files/styles/text_details_large/public/images/Nescafe%2520Product%2520Slide%25203%2520.jpg?itok=cgNJ4pk_"> <source media="(min-width: 0px)" srcset="/hk/sites/default/files/styles/text_details_mobile/public/images/Nescafe%2520Product%2520Slide%25203%2520.jpg?itok=vsZ827Q1"> <img src="/hk/sites/default/files/styles/text_details_large/public/images/Nescafe%2520Product%2520Slide%25203%2520.jpg?itok=cgNJ4pk_" alt="Nescafe Product Slide 3"> </picture> </div> <div class="cell large-12 image-tile jarallax-keep-img"> <picture class="jarallax-img"> <source media="(min-width: 1200px)" srcset="/hk/sites/default/files/styles/text_details_large/public/images/Nescafe%2520Product%2520Slide%25204.jpg?itok=PVkUATy4"> <source media="(min-width: 768px)" srcset="/hk/sites/default/files/styles/text_details_large/public/images/Nescafe%2520Product%2520Slide%25204.jpg?itok=PVkUATy4"> <source media="(min-width: 0px)" srcset="/hk/sites/default/files/styles/text_details_mobile/public/images/Nescafe%2520Product%2520Slide%25204.jpg?itok=QWLXgOoJ"> <img src="/hk/sites/default/files/styles/text_details_large/public/images/Nescafe%2520Product%2520Slide%25204.jpg?itok=PVkUATy4" alt="Nescafe Product Slide 4"> </picture> </div> </div> </section> </div> <div class="field__item"> <section class="product-slideshow js-product-slider grid-container grid-x animate-block no-padding-for-small background--light-grey-secondary discover-the-range new-product-card" data-topic-text="各不相同的咖啡體驗" id="product-slider-title-各不相同的咖啡體驗" data-animation='{"element":".slide-container"}'> <div class="small-24 medium-24 large-24 slide-container"> <div class="controls__container controls controls__background"></div> <div class="small-20 medium-10 large-5 xlarge-24 medium-offset-1 xlarge-offset-0 text-center"> <div class="product-slideshow__details custom-details"> <h2 class="product-slideshow__main-title text--heavy-metal"> 各不相同的咖啡體驗 </h2> <div class="product-slideshow__sub-title text--heavy-metal copy-xlarge"> <p><span><span><span><span lang="ZH-TW" xml:lang="ZH-TW" xml:lang="ZH-TW">從</span>NESCAFÉ®SMOOVLATTE®<span lang="ZH-TW" xml:lang="ZH-TW" xml:lang="ZH-TW">咖啡飲料、</span>NESCAFÉ®<span lang="ZH-TW" xml:lang="ZH-TW" xml:lang="ZH-TW">極品白咖啡,到</span>NESCAFÉ GOLDBLEND®<span lang="ZH-TW" xml:lang="ZH-TW" xml:lang="ZH-TW">咖啡,我們創造了不同口味、適合不同場合的咖啡。</span></span></span></span></p> </div> </div> </div> <div class="small-24 medium-12 medium-offset-1 large-offset-0 xlarge-offset-0 large-17 xlarge-24"> <div class="product-slideshow__container"> <div class="product-slider" data-next="Next" data-previous="Previouszxfzfsd"> <!-- new design start1 --> <!--when the product compare is there and we also have the link we want a div and not an achor tag--> <div class="cell new-product-card-cont background--white small-24 medium-12 large-6 content-animation swiper-slide slide slide__product use_partial_link_for_compare"> <a href="/hk/our-coffees/premiumwhitecoffee-unsweetened"> <div class="small-24 product-image"> <picture class="image-teaser__image"> <source media="(min-width: 1200px)" data-srcset="/hk/sites/default/files/styles/product_list_large/public/2020-07/Nescafe_White%20Coffee_Unsweetened%2010cups_0.png?itok=5tp4Tuno"> <source media="(min-width: 768px)" data-srcset="/hk/sites/default/files/styles/product_list_large/public/2020-07/Nescafe_White%20Coffee_Unsweetened%2010cups_0.png?itok=5tp4Tuno"> <source media="(min-width: 0px)" data-srcset="/hk/sites/default/files/styles/product_list_small/public/2020-07/Nescafe_White%20Coffee_Unsweetened%2010cups_0.png?itok=0aTGwOLo"> <img data-src="/hk/sites/default/files/styles/product_list_large/public/2020-07/Nescafe_White%20Coffee_Unsweetened%2010cups_0.png?itok=5tp4Tuno" class="lazyload" alt=" 雀巢咖啡®極品白咖啡 無甜口味咖啡即溶飲品"/> </picture> </div> <div class="product-content product-slideshow__text "> <p class="product-name text--dark-grey copy-xlarge"> 雀巢咖啡<sup>®</sup>極品白咖啡 無甜口味咖啡即溶飲品 </p> <div class="rating-and-description"> <div class="rating-widget" tabindex="0" aria-label="0" role="img"> <label for="edit-vote--2" class="hide">Product Ratings</label> <div class="user-rating disabled white-star inline"> <div class="fivestar-basic"> <div class="fivestar-widget-static fivestar-widget-static-vote fivestar-widget-static-5 clearfix"> <div class="star star-1 star-odd star-first"> <span class="off"> 0 </span> </div> <div class="star star-2 star-even"> <span class="off"> </span> </div> <div class="star star-3 star-odd"> <span class="off"> </span> </div> <div class="star star-4 star-even"> <span class="off"> </span> </div> <div class="star star-5 star-odd star-last"> <span class="off"> </span> </div> </div> </div> </div> </div> <p class="product-desc copy-large-h3 text--black"> 啡更醇﹑奶更滑!#premiumwhitecoffee... </p> </div> </div> <div class="buy-now-and-compare-products"> <!-- <button class="expanded button red">Buy Now</button> --> <div id="fusepump-link-id" data-productname=" 雀巢咖啡®極品白咖啡 無甜口味咖啡即溶飲品" data-productbrand="NESCAFE" data-productskuid="p68712" data-productcategory="coffee" class="buy-now-btn expanded button red"> <div class="field field--node-field-fusepump field--name-field-fusepump field--type-field-fusepump field--label-hidden field__item"><div id="fusepump-0-1236" class="fusepump-widget"></div> <div class="fusepump-link button red compare-product__buy_now" data-id="v3y2k3o" data-fallback="" target-id="fusepump-0-1236"><span class="button-text">立即購買</span></div> </div> </div> <div class="compare-product__link copy-small-h5__bold" data-title=" 雀巢咖啡<sup>®</sup>極品白咖啡 無甜口味咖啡即溶飲品" data-product-image="/hk/sites/default/files/styles/product_list_thumbnail/public/2020-07/Nescafe_White%20Coffee_Unsweetened%2010cups_0.png?itok=SidoOEwT" data-product-nid="1236"> <input type="checkbox" id="1236-19541" class="form-checkbox required" aria-required="true"> <label for="1236-19541" class="font-awesome-icon fa-check-square contact-privacy-policy-label"> 產品比較 </label> </div> </a> </div> </div> <!-- new design end --> <!-- new design start1 --> <!--when the product compare is there and we also have the link we want a div and not an achor tag--> <div class="cell new-product-card-cont background--white small-24 medium-12 large-6 content-animation swiper-slide slide slide__product use_partial_link_for_compare"> <a href="/hk/our-coffees/quechaokafeirsmoovlatterzhugulikafei"> <div class="small-24 product-image"> <picture class="image-teaser__image"> <source media="(min-width: 1200px)" data-srcset="/hk/sites/default/files/styles/product_list_large/public/2020-07/nes_smv_mocha_mer_0.png?itok=b3xnFxh3"> <source media="(min-width: 768px)" data-srcset="/hk/sites/default/files/styles/product_list_large/public/2020-07/nes_smv_mocha_mer_0.png?itok=b3xnFxh3"> <source media="(min-width: 0px)" data-srcset="/hk/sites/default/files/styles/product_list_small/public/2020-07/nes_smv_mocha_mer_0.png?itok=S9LZzQ8u"> <img data-src="/hk/sites/default/files/styles/product_list_large/public/2020-07/nes_smv_mocha_mer_0.png?itok=b3xnFxh3" class="lazyload" alt="雀巢咖啡®SMOOVLATTÉ®朱古力咖啡"/> </picture> </div> <div class="product-content product-slideshow__text "> <p class="product-name text--dark-grey copy-xlarge"> 雀巢咖啡<sup>®</sup>SMOOVLATTÉ<sup>®</sup>朱古力咖啡 </p> <div class="rating-and-description"> <div class="rating-widget" tabindex="0" aria-label="0" role="img"> <label for="edit-vote--2" class="hide">Product Ratings</label> <div class="user-rating disabled white-star inline"> <div class="fivestar-basic"> <div class="fivestar-widget-static fivestar-widget-static-vote fivestar-widget-static-5 clearfix"> <div class="star star-1 star-odd star-first"> <span class="off"> 0 </span> </div> <div class="star star-2 star-even"> <span class="off"> </span> </div> <div class="star star-3 star-odd"> <span class="off"> </span> </div> <div class="star star-4 star-even"> <span class="off"> </span> </div> <div class="star star-5 star-odd star-last"> <span class="off"> </span> </div> </div> </div> </div> </div> <p class="product-desc copy-large-h3 text--black"> #smoovlatte #smooth... </p> </div> </div> <div class="buy-now-and-compare-products"> <!-- <button class="expanded button red">Buy Now</button> --> <div class="compare-product__link copy-small-h5__bold" data-title="雀巢咖啡<sup>®</sup>SMOOVLATTÉ<sup>®</sup>朱古力咖啡" data-product-image="/hk/sites/default/files/styles/product_list_thumbnail/public/2020-07/nes_smv_mocha_mer_0.png?itok=2VlPmoo4" data-product-nid="1296"> <input type="checkbox" id="1296-20116" class="form-checkbox required" aria-required="true"> <label for="1296-20116" class="font-awesome-icon fa-check-square contact-privacy-policy-label"> 產品比較 </label> </div> </a> </div> </div> <!-- new design end --> <!-- new design start1 --> <!--when the product compare is there and we also have the link we want a div and not an achor tag--> <div class="cell new-product-card-cont background--white small-24 medium-12 large-6 content-animation swiper-slide slide slide__product use_partial_link_for_compare"> <a href="/hk/our-coffees/quechaokafeirsmoovlatterzhugulikafei"> <div class="small-24 product-image"> <picture class="image-teaser__image"> <source media="(min-width: 1200px)" data-srcset="/hk/sites/default/files/styles/product_list_large/public/2020-07/nes_smv_mocha_mer_0.png?itok=b3xnFxh3"> <source media="(min-width: 768px)" data-srcset="/hk/sites/default/files/styles/product_list_large/public/2020-07/nes_smv_mocha_mer_0.png?itok=b3xnFxh3"> <source media="(min-width: 0px)" data-srcset="/hk/sites/default/files/styles/product_list_small/public/2020-07/nes_smv_mocha_mer_0.png?itok=S9LZzQ8u"> <img data-src="/hk/sites/default/files/styles/product_list_large/public/2020-07/nes_smv_mocha_mer_0.png?itok=b3xnFxh3" class="lazyload" alt="雀巢咖啡®SMOOVLATTÉ®朱古力咖啡"/> </picture> </div> <div class="product-content product-slideshow__text "> <p class="product-name text--dark-grey copy-xlarge"> 雀巢咖啡<sup>®</sup>SMOOVLATTÉ<sup>®</sup>朱古力咖啡 </p> <div class="rating-and-description"> <div class="rating-widget" tabindex="0" aria-label="0" role="img"> <label for="edit-vote--2" class="hide">Product Ratings</label> <div class="user-rating disabled white-star inline"> <div class="fivestar-basic"> <div class="fivestar-widget-static fivestar-widget-static-vote fivestar-widget-static-5 clearfix"> <div class="star star-1 star-odd star-first"> <span class="off"> 0 </span> </div> <div class="star star-2 star-even"> <span class="off"> </span> </div> <div class="star star-3 star-odd"> <span class="off"> </span> </div> <div class="star star-4 star-even"> <span class="off"> </span> </div> <div class="star star-5 star-odd star-last"> <span class="off"> </span> </div> </div> </div> </div> </div> <p class="product-desc copy-large-h3 text--black"> #smoovlatte #smooth... </p> </div> </div> <div class="buy-now-and-compare-products"> <!-- <button class="expanded button red">Buy Now</button> --> <div class="compare-product__link copy-small-h5__bold" data-title="雀巢咖啡<sup>®</sup>SMOOVLATTÉ<sup>®</sup>朱古力咖啡" data-product-image="/hk/sites/default/files/styles/product_list_thumbnail/public/2020-07/nes_smv_mocha_mer_0.png?itok=2VlPmoo4" data-product-nid="1296"> <input type="checkbox" id="1296-20121" class="form-checkbox required" aria-required="true"> <label for="1296-20121" class="font-awesome-icon fa-check-square contact-privacy-policy-label"> 產品比較 </label> </div> </a> </div> </div> <!-- new design end --> </div> </div> </div> </div> </section> </div> </div> Mon, 29 Jun 2020 19:06:03 +0000 Site Factory admin 1316 at https://www.nescafe.com/hk 雀巢咖啡®意大利泡沫咖啡 https://www.nescafe.com/hk/our-coffees/cappuccino <h1 class="headline-h1">雀巢咖啡<sup>®</sup>意大利泡沫咖啡</h1> <span><span lang="" about="/hk/user/1" typeof="schema:Person" property="schema:name" datatype="">Site Factory admin</span></span> <span><time datetime="2020-06-29T19:06:03+00:00" title="Monday, June 29, 2020 - 19:06">Mon, 06/29/2020 - 19:06</time> </span> <div class="cell product-image"> <div class="product-pic-col"> <ul class="tabs-panel-block single-image-slider"> <li data-imageid="product-0" class="tab-panel active"> <a class="product-zoomin-icon" title="雀巢咖啡®意大利泡沫咖啡" data-image="/hk/sites/default/files/2020-07/Nescafe_Cappuccino%205cups_1.png"> <img alt="zoom" src="/hk/themes/custom/nescafe_design_refresh/img/icons/product-zoom-in.svg"> </a> <picture> <source srcset="/hk/sites/default/files/styles/product_stage_690_690/public/2020-07/Nescafe_Cappuccino%205cups_1.png?itok=JnDO4UdU 1x" media="(min-width: 1200px)" type="image/png" width="690" height="690"/> <source srcset="/hk/sites/default/files/styles/product_stage_690_690/public/2020-07/Nescafe_Cappuccino%205cups_1.png?itok=JnDO4UdU 1x" media="(min-width: 468px) and (max-width: 768px)" type="image/png" width="690" height="690"/> <source srcset="/hk/sites/default/files/styles/product_stage_225_225/public/2020-07/Nescafe_Cappuccino%205cups_1.png?itok=MRZquGF- 1x" media="(min-width: 0px)" type="image/png" width="225" height="225"/> <img image_lazyload="no" class="panzoom" src="data:image/gif;base64,R0lGODlhAQABAIABAP///wAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" width="1" height="1" alt="雀巢咖啡®意大利泡沫咖啡" loading="lazy" typeof="foaf:Image" /> </picture> </li> </ul> <div class="zoom-image-container js-zoom-image-container hide"> <button type="button" class="zoom-image-previous" aria-label="previous slide"></button> <img class="js-zoom-image zoom-image" src="" alt="zoom-image"> <div class="js-zoom-video-container zoom-video-container hide"></div> <button type="button" class="zoom-image-next" aria-label="next slide"></button> </div> <div class="tabs-panel-block thumbnail-slider" data-title = "Product Images" data-slideItems="1"> <div data-imageid="product-0" class="tab-panel active reset"> <picture> <source srcset="" media="(min-width: 1200px)" type="image/png" width="60" height="46" data-srcset="/hk/sites/default/files/styles/product_slider_thumbnail/public/2020-07/Nescafe_Cappuccino%205cups_1.png?itok=avuD7N8_ 1x"/> <source srcset="" media="(min-width: 768px)" type="image/png" width="60" height="46" data-srcset="/hk/sites/default/files/styles/product_slider_thumbnail/public/2020-07/Nescafe_Cappuccino%205cups_1.png?itok=avuD7N8_ 1x"/> <source srcset="" media="(min-width: 468px) and (max-width: 768px)" type="image/png" width="36" height="28" data-srcset="/hk/sites/default/files/styles/product_slider_thumbnail_mobile/public/2020-07/Nescafe_Cappuccino%205cups_1.png?itok=EDlSRj33 1x"/> <img image_lazyload="no" src="/hk/sites/default/files/styles/product_slider_thumbnail/public/2020-07/Nescafe_Cappuccino%205cups_1.png?itok=avuD7N8_" width="60" height="46" alt="雀巢咖啡®意大利泡沫咖啡" loading="lazy" typeof="foaf:Image" /> </picture> </div> </div> </div> </div> red <div class="field field--node-field-dsu-product-desc field--name-field-dsu-product-desc field--type-text-with-summary field--label-hidden field__item"><p>#superpremium</p> <p>Cappuccino的發源地是意大利。在意大利,Cappuccino通常被視作早餐飲品,因為Cappuccino的豐盈奶泡能帶來滿足感,作為展開一天的好開始。NESCAFÉ® Cappuccino,獨有專利技術令泡沫更豐盈,幼滑口感,令人一試難忘。</p></div> <div class="field field--node-field-dsu-sku field--name-field-dsu-sku field--type-string field--label-hidden field__item">p0980</div> <div class="field field--node-field-product-stage-share field--name-field-product-stage-share field--type-entity-reference-revisions field--label-hidden field__item"> <div class="paragraph paragraph--type--c-share-buttons paragraph--view-mode--default"> <div class="dsu"> <ul class=""> <li> <a target="_blank" class="facebook-share social-media-icon share" href="http://www.facebook.com/share.php?u=https://www.nescafe.com/hk/taxonomy/term/1413/feed&amp;title=" title="Facebook"> <img alt="Facebook" src="https://www.nescafe.com/hk/themes/custom/nescafe_design_refresh/img/icons/fb.png"> </a> </li> </ul> </div> </div> </div> <drupal-render-placeholder callback="flag.link_builder:build" arguments="0=node&amp;1=1306&amp;2=product_wishlist" token="cRkoS4RBnk4IUJWQXjUDveui4MRr3N8e5ZV_HZY-lmw"></drupal-render-placeholder> <div class="field field--node-field-rating field--name-field-rating field--type-fivestar field--label-hidden field__item"><form class="fivestar-form-7" id="vote--7" data-drupal-selector="fivestar-form-7" action="/hk/taxonomy/term/1413/feed" method="post" accept-charset="UTF-8"> <div class="clearfix fivestar-average-text fivestar-average-stars fivestar-form-item fivestar-basic"><div class="js-form-item form-item js-form-type-fivestar form-item-vote js-form-item-vote form-no-label"> <div class="js-form-item form-item js-form-type-select form-item-vote js-form-item-vote form-no-label"> <select class="vote form-select" data-drupal-selector="edit-vote" aria-describedby="edit-vote--14--description" id="edit-vote--14" name="vote"><option value="-">Select rating</option><option value="20">Give it 1/5</option><option value="40">Give it 2/5</option><option value="60" selected="selected">Give it 3/5</option><option value="80">Give it 4/5</option><option value="100">Give it 5/5</option></select> <p id="edit-vote--14--description" class="description help-text"> <div class="fivestar-summary fivestar-summary-average-count"> <span class="average-rating"> Average: <span>3</span> </span> <span class="total-votes"> (<span>4</span> votes) </span> </div> </p> </div> </div> </div><input class="js-hide button js-form-submit form-submit" data-drupal-selector="edit-submit" type="submit" id="edit-submit--7" name="op" value="Rate" /> <input autocomplete="off" data-drupal-selector="form-lm5-gftgypoplyloxyrz05etenjkfoh3ym6m6sdpbjc" type="hidden" name="form_build_id" value="form-lm5-gFtGyPOpLYLoXyrZ05ETENjKFoh3yM6M6SdpBjc" /> <input data-drupal-selector="edit-fivestar-form-7" type="hidden" name="form_id" value="fivestar_form_7" /> </form> </div> <div class="cell large-20 large-offset-2"> <div class="cp-review-section"> <div class="view-filters"> <div class="grid-x form-row"> <div class="cell large-6 small-24 clearfix fivestar-none-text fivestar-average-stars fivestar-form-item fivestar-default average-rating-cell"> <fieldset class="js-form-item js-form-type- form-type- js-form-item-current form-item-current form-no-label form-group"> <div class="input-group"> <fieldset class="js-form-item js-form-type-select form-type-select js-form-item-current form-item-current form-no-label form-group"> <div class="fivestar-default"> <span class="on"></span> </div> <div class="stars stars-"></div> </fieldset> <div class="input-group-append"> <span class="field-suffix input-group-text"> 基於 評論 </span> </div> </div> </fieldset> </div> <div class="cell large-12 small-24"> <fieldset class="auto-submit-click fieldgroup form-composite js-form-item form-item js-form-wrapper form-group average-review-stars"> </fieldset> </div> <div class="cell large-6 small-24 review-button"> <input class="write-a-review button black" type="submit" id="write-review-btn" name="write_review_button" value="寫評論"> <br> <br> </div> </div> </div> </div> <drupal-render-placeholder callback="comment.lazy_builders:renderForm" arguments="0=node&amp;1=1306&amp;2=field_comments&amp;3=dsu_ratings_reviews_comment_type" token="SnhS6mvQjwFTi-w-4e9p-Brmu6oJUrAAzSGUpwt-V-w"></drupal-render-placeholder> </div> <div class="field field--node-field-fusepump field--name-field-fusepump field--type-field-fusepump field--label-hidden field__item"><div id="fusepump-0-1306" class="fusepump-widget"></div> <div class="fusepump-link button red compare-product__buy_now" data-id="v3wr121" data-fallback="" target-id="fusepump-0-1306"><span class="button-text">立即購買</span></div> </div> <div class="field field--node-field-product-type field--name-field-product-type field--type-list-string field--label-hidden field__item">Coffee</div> <div class="field field--node-field-pdp-components field--name-field-pdp-components field--type-entity-reference-revisions field--label-hidden field__items"> <div class="field__item"><section class="grid-container text-and-title js-text-and-title animate-block" data-animation='{"element":" img" }' > <div class="grid-x grid-margin-x"> <div class="cell large-8 large-offset-2"> <h3 class="headline-h3"></h3> </div> <div class="cell large-offset-3 large-10"> </div> </div> <div class="grid-x two-images-wrap imageTileSlider"> <div class="cell large-12 image-tile jarallax-keep-img"> <picture class="jarallax-img"> <source media="(min-width: 1200px)" srcset="/hk/sites/default/files/styles/text_details_large/public/images/Nescafe%2520Product%2520Slide%25201.jpg?itok=7YEsQEvx"> <source media="(min-width: 768px)" srcset="/hk/sites/default/files/styles/text_details_large/public/images/Nescafe%2520Product%2520Slide%25201.jpg?itok=7YEsQEvx"> <source media="(min-width: 0px)" srcset="/hk/sites/default/files/styles/text_details_mobile/public/images/Nescafe%2520Product%2520Slide%25201.jpg?itok=eiPuI9lr"> <img src="/hk/sites/default/files/styles/text_details_large/public/images/Nescafe%2520Product%2520Slide%25201.jpg?itok=7YEsQEvx" alt="Nescafe Product Slide 1"> </picture> </div> <div class="cell large-12 image-tile jarallax-keep-img"> <picture class="jarallax-img"> <source media="(min-width: 1200px)" srcset="/hk/sites/default/files/styles/text_details_large/public/images/Nescafe%2520Product%2520Slide%25202.jpg?itok=5cUP23oz"> <source media="(min-width: 768px)" srcset="/hk/sites/default/files/styles/text_details_large/public/images/Nescafe%2520Product%2520Slide%25202.jpg?itok=5cUP23oz"> <source media="(min-width: 0px)" srcset="/hk/sites/default/files/styles/text_details_mobile/public/images/Nescafe%2520Product%2520Slide%25202.jpg?itok=5y50nlYD"> <img src="/hk/sites/default/files/styles/text_details_large/public/images/Nescafe%2520Product%2520Slide%25202.jpg?itok=5cUP23oz" alt="Nescafe Product Slide 2"> </picture> </div> <div class="cell large-12 image-tile jarallax-keep-img"> <picture class="jarallax-img"> <source media="(min-width: 1200px)" srcset="/hk/sites/default/files/styles/text_details_large/public/images/Nescafe%2520Product%2520Slide%25203%2520.jpg?itok=cgNJ4pk_"> <source media="(min-width: 768px)" srcset="/hk/sites/default/files/styles/text_details_large/public/images/Nescafe%2520Product%2520Slide%25203%2520.jpg?itok=cgNJ4pk_"> <source media="(min-width: 0px)" srcset="/hk/sites/default/files/styles/text_details_mobile/public/images/Nescafe%2520Product%2520Slide%25203%2520.jpg?itok=vsZ827Q1"> <img src="/hk/sites/default/files/styles/text_details_large/public/images/Nescafe%2520Product%2520Slide%25203%2520.jpg?itok=cgNJ4pk_" alt="Nescafe Product Slide 3"> </picture> </div> <div class="cell large-12 image-tile jarallax-keep-img"> <picture class="jarallax-img"> <source media="(min-width: 1200px)" srcset="/hk/sites/default/files/styles/text_details_large/public/images/Nescafe%2520Product%2520Slide%25204.jpg?itok=PVkUATy4"> <source media="(min-width: 768px)" srcset="/hk/sites/default/files/styles/text_details_large/public/images/Nescafe%2520Product%2520Slide%25204.jpg?itok=PVkUATy4"> <source media="(min-width: 0px)" srcset="/hk/sites/default/files/styles/text_details_mobile/public/images/Nescafe%2520Product%2520Slide%25204.jpg?itok=QWLXgOoJ"> <img src="/hk/sites/default/files/styles/text_details_large/public/images/Nescafe%2520Product%2520Slide%25204.jpg?itok=PVkUATy4" alt="Nescafe Product Slide 4"> </picture> </div> </div> </section> </div> <div class="field__item"> <section class="product-slideshow js-product-slider grid-container grid-x animate-block no-padding-for-small background--light-grey-secondary discover-the-range new-product-card" data-topic-text="各不相同的咖啡體驗" id="product-slider-title-各不相同的咖啡體驗" data-animation='{"element":".slide-container"}'> <div class="small-24 medium-24 large-24 slide-container"> <div class="controls__container controls controls__background"></div> <div class="small-20 medium-10 large-5 xlarge-24 medium-offset-1 xlarge-offset-0 text-center"> <div class="product-slideshow__details custom-details"> <h2 class="product-slideshow__main-title text--heavy-metal"> 各不相同的咖啡體驗 </h2> <div class="product-slideshow__sub-title text--heavy-metal copy-xlarge"> <p>從NESCAFÉ®SMOOVLATTE®咖啡飲料、NESCAFÉ®極品白咖啡,到NESCAFÉ GOLDBLEND®咖啡,我們創造了不同口味、適合不同場合的咖啡。</p> </div> </div> </div> <div class="small-24 medium-12 medium-offset-1 large-offset-0 xlarge-offset-0 large-17 xlarge-24"> <div class="product-slideshow__container"> <div class="product-slider" data-next="Next" data-previous="Previouszxfzfsd"> <!-- new design start1 --> <!--when the product compare is there and we also have the link we want a div and not an achor tag--> <div class="cell new-product-card-cont background--white small-24 medium-12 large-6 content-animation swiper-slide slide slide__product use_partial_link_for_compare"> <a href="/hk/our-coffees/smoovlatte"> <div class="small-24 product-image"> <picture class="image-teaser__image"> <source media="(min-width: 1200px)" data-srcset="/hk/sites/default/files/styles/product_list_large/public/2020-07/Nescafe_Smoovlatte%205cups_0.png?itok=GjWCJxC0"> <source media="(min-width: 768px)" data-srcset="/hk/sites/default/files/styles/product_list_large/public/2020-07/Nescafe_Smoovlatte%205cups_0.png?itok=GjWCJxC0"> <source media="(min-width: 0px)" data-srcset="/hk/sites/default/files/styles/product_list_small/public/2020-07/Nescafe_Smoovlatte%205cups_0.png?itok=WenyknZO"> <img data-src="/hk/sites/default/files/styles/product_list_large/public/2020-07/Nescafe_Smoovlatte%205cups_0.png?itok=GjWCJxC0" class="lazyload" alt="雀巢咖啡®絲滑牛奶咖啡"/> </picture> </div> <div class="product-content product-slideshow__text "> <p class="product-name text--dark-grey copy-xlarge"> 雀巢咖啡<sup>®</sup>絲滑牛奶咖啡 </p> <div class="rating-and-description"> <div class="rating-widget" tabindex="0" aria-label="0" role="img"> <label for="edit-vote--2" class="hide">Product Ratings</label> <div class="user-rating disabled white-star inline"> <div class="fivestar-basic"> <div class="fivestar-widget-static fivestar-widget-static-vote fivestar-widget-static-5 clearfix"> <div class="star star-1 star-odd star-first"> <span class="off"> 0 </span> </div> <div class="star star-2 star-even"> <span class="off"> </span> </div> <div class="star star-3 star-odd"> <span class="off"> </span> </div> <div class="star star-4 star-even"> <span class="off"> </span> </div> <div class="star star-5 star-odd star-last"> <span class="off"> </span> </div> </div> </div> </div> </div> <p class="product-desc copy-large-h3 text--black"> #superpremium 雀巢咖啡®絲滑牛奶咖啡讓你享受,由咖啡和牛奶所帶來絲滑香醇的咖啡感受。 </p> </div> </div> <div class="buy-now-and-compare-products"> <!-- <button class="expanded button red">Buy Now</button> --> <div id="fusepump-link-id" data-productname="雀巢咖啡®絲滑牛奶咖啡" data-productbrand="NESCAFE" data-productskuid="p7987" data-productcategory="coffee" class="buy-now-btn expanded button red"> <div class="field field--node-field-fusepump field--name-field-fusepump field--type-field-fusepump field--label-hidden field__item"><div id="fusepump-0-1326" class="fusepump-widget"></div> <div class="fusepump-link button red compare-product__buy_now" data-id="v3yxk07" data-fallback="" target-id="fusepump-0-1326"><span class="button-text">立即購買</span></div> </div> </div> <div class="compare-product__link copy-small-h5__bold" data-title="雀巢咖啡<sup>®</sup>絲滑牛奶咖啡" data-product-image="/hk/sites/default/files/styles/product_list_thumbnail/public/2020-07/Nescafe_Smoovlatte%205cups_0.png?itok=GSSK5Np2" data-product-nid="1326"> <input type="checkbox" id="1326-19511" class="form-checkbox required" aria-required="true"> <label for="1326-19511" class="font-awesome-icon fa-check-square contact-privacy-policy-label"> 產品比較 </label> </div> </a> </div> </div> <!-- new design end --> <!-- new design start1 --> <!--when the product compare is there and we also have the link we want a div and not an achor tag--> <div class="cell new-product-card-cont background--white small-24 medium-12 large-6 content-animation swiper-slide slide slide__product use_partial_link_for_compare"> <a href="/hk/our-coffees/quechaokafeirsmoovlatter"> <div class="small-24 product-image"> <picture class="image-teaser__image"> <source media="(min-width: 1200px)" data-srcset="/hk/sites/default/files/styles/product_list_large/public/2020-07/nes_smv_regular_mer_0.png?itok=ioo-nb8s"> <source media="(min-width: 768px)" data-srcset="/hk/sites/default/files/styles/product_list_large/public/2020-07/nes_smv_regular_mer_0.png?itok=ioo-nb8s"> <source media="(min-width: 0px)" data-srcset="/hk/sites/default/files/styles/product_list_small/public/2020-07/nes_smv_regular_mer_0.png?itok=wSv3GhZ1"> <img data-src="/hk/sites/default/files/styles/product_list_large/public/2020-07/nes_smv_regular_mer_0.png?itok=ioo-nb8s" class="lazyload" alt="雀巢咖啡®SMOOVLATTÉ®"/> </picture> </div> <div class="product-content product-slideshow__text "> <p class="product-name text--dark-grey copy-xlarge"> 雀巢咖啡<sup>®</sup>SMOOVLATTÉ<sup>®</sup> </p> <div class="rating-and-description"> <div class="rating-widget" tabindex="0" aria-label="0" role="img"> <label for="edit-vote--2" class="hide">Product Ratings</label> <div class="user-rating disabled white-star inline"> <div class="fivestar-basic"> <div class="fivestar-widget-static fivestar-widget-static-vote fivestar-widget-static-5 clearfix"> <div class="star star-1 star-odd star-first"> <span class="off"> 0 </span> </div> <div class="star star-2 star-even"> <span class="off"> </span> </div> <div class="star star-3 star-odd"> <span class="off"> </span> </div> <div class="star star-4 star-even"> <span class="off"> </span> </div> <div class="star star-5 star-odd star-last"> <span class="off"> </span> </div> </div> </div> </div> </div> <p class="product-desc copy-large-h3 text--black"> #smoovlatte #smooth... </p> </div> </div> <div class="buy-now-and-compare-products"> <!-- <button class="expanded button red">Buy Now</button> --> <div class="compare-product__link copy-small-h5__bold" data-title="雀巢咖啡<sup>®</sup>SMOOVLATTÉ<sup>®</sup>" data-product-image="/hk/sites/default/files/styles/product_list_thumbnail/public/2020-07/nes_smv_regular_mer_0.png?itok=95QRTwFA" data-product-nid="1291"> <input type="checkbox" id="1291-20226" class="form-checkbox required" aria-required="true"> <label for="1291-20226" class="font-awesome-icon fa-check-square contact-privacy-policy-label"> 產品比較 </label> </div> </a> </div> </div> <!-- new design end --> </div> </div> </div> </div> </section> </div> </div> Mon, 29 Jun 2020 19:06:03 +0000 Site Factory admin 1306 at https://www.nescafe.com/hk 雀巢咖啡®哥倫比亞咖啡 https://www.nescafe.com/hk/our-coffees/goldoriginals-capcolombia <h1 class="headline-h1">雀巢咖啡<sup>®</sup>哥倫比亞咖啡</h1> <span><span lang="" about="/hk/user/1" typeof="schema:Person" property="schema:name" datatype="">Site Factory admin</span></span> <span><time datetime="2020-06-29T19:06:03+00:00" title="Monday, June 29, 2020 - 19:06">Mon, 06/29/2020 - 19:06</time> </span> <div class="cell product-image"> <div class="product-pic-col"> <ul class="tabs-panel-block single-image-slider"> <li data-imageid="product-0" class="tab-panel active"> <a class="product-zoomin-icon" title="咖啡每一次体验" data-image="/hk/sites/default/files/2020-07/5410001005549_C1C1.png"> <img alt="zoom" src="/hk/themes/custom/nescafe_design_refresh/img/icons/product-zoom-in.svg"> </a> <picture> <source srcset="/hk/sites/default/files/styles/product_stage_690_690/public/2020-07/5410001005549_C1C1.png?itok=JaJ6QFLJ 1x" media="(min-width: 1200px)" type="image/png" width="690" height="690"/> <source srcset="/hk/sites/default/files/styles/product_stage_690_690/public/2020-07/5410001005549_C1C1.png?itok=JaJ6QFLJ 1x" media="(min-width: 468px) and (max-width: 768px)" type="image/png" width="690" height="690"/> <source srcset="/hk/sites/default/files/styles/product_stage_225_225/public/2020-07/5410001005549_C1C1.png?itok=3F1LEuxv 1x" media="(min-width: 0px)" type="image/png" width="225" height="225"/> <img image_lazyload="no" class="panzoom" src="data:image/gif;base64,R0lGODlhAQABAIABAP///wAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" width="1" height="1" alt="咖啡每一次体验" loading="lazy" typeof="foaf:Image" /> </picture> </li> </ul> <div class="zoom-image-container js-zoom-image-container hide"> <button type="button" class="zoom-image-previous" aria-label="previous slide"></button> <img class="js-zoom-image zoom-image" src="" alt="zoom-image"> <div class="js-zoom-video-container zoom-video-container hide"></div> <button type="button" class="zoom-image-next" aria-label="next slide"></button> </div> <div class="tabs-panel-block thumbnail-slider" data-title = "Product Images" data-slideItems="1"> <div data-imageid="product-0" class="tab-panel active reset"> <picture> <source srcset="" media="(min-width: 1200px)" type="image/png" width="60" height="46" data-srcset="/hk/sites/default/files/styles/product_slider_thumbnail/public/2020-07/5410001005549_C1C1.png?itok=n_irw-Cr 1x"/> <source srcset="" media="(min-width: 768px)" type="image/png" width="60" height="46" data-srcset="/hk/sites/default/files/styles/product_slider_thumbnail/public/2020-07/5410001005549_C1C1.png?itok=n_irw-Cr 1x"/> <source srcset="" media="(min-width: 468px) and (max-width: 768px)" type="image/png" width="36" height="28" data-srcset="/hk/sites/default/files/styles/product_slider_thumbnail_mobile/public/2020-07/5410001005549_C1C1.png?itok=LOUTuaDf 1x"/> <img image_lazyload="no" src="/hk/sites/default/files/styles/product_slider_thumbnail/public/2020-07/5410001005549_C1C1.png?itok=n_irw-Cr" width="60" height="46" alt="咖啡每一次体验" loading="lazy" typeof="foaf:Image" /> </picture> </div> </div> </div> </div> red <div class="field field--node-field-dsu-product-desc field--name-field-dsu-product-desc field--type-text-with-summary field--label-hidden field__item"><p>#superpremium</p> <p>採用來自南美洲國家百分百阿拉比卡咖啡豆,帶有果仁香味及豐富果香味,為懂得欣賞咖啡人士帶來另一種咖啡風味。</p></div> <div class="field field--node-field-dsu-sku field--name-field-dsu-sku field--type-string field--label-hidden field__item">p32</div> <div class="field field--node-field-product-stage-share field--name-field-product-stage-share field--type-entity-reference-revisions field--label-hidden field__item"> <div class="paragraph paragraph--type--c-share-buttons paragraph--view-mode--default"> <div class="dsu"> <ul class=""> <li> <a target="_blank" class="facebook-share social-media-icon share" href="http://www.facebook.com/share.php?u=https://www.nescafe.com/hk/taxonomy/term/1413/feed&amp;title=" title="Facebook"> <img alt="Facebook" src="https://www.nescafe.com/hk/themes/custom/nescafe_design_refresh/img/icons/fb.png"> </a> </li> </ul> </div> </div> </div> <drupal-render-placeholder callback="flag.link_builder:build" arguments="0=node&amp;1=1301&amp;2=product_wishlist" token="71SZJI6h8Z7N9YthzKGk_WnGkjP3emDpZxUHILPsCI8"></drupal-render-placeholder> <div class="field field--node-field-rating field--name-field-rating field--type-fivestar field--label-hidden field__item"><form class="fivestar-form-8" id="vote--8" data-drupal-selector="fivestar-form-8" action="/hk/taxonomy/term/1413/feed" method="post" accept-charset="UTF-8"> <div class="clearfix fivestar-average-text fivestar-average-stars fivestar-form-item fivestar-basic"><div class="js-form-item form-item js-form-type-fivestar form-item-vote js-form-item-vote form-no-label"> <div class="js-form-item form-item js-form-type-select form-item-vote js-form-item-vote form-no-label"> <select class="vote form-select" data-drupal-selector="edit-vote" aria-describedby="edit-vote--16--description" id="edit-vote--16" name="vote"><option value="-">Select rating</option><option value="20">Give it 1/5</option><option value="40">Give it 2/5</option><option value="60" selected="selected">Give it 3/5</option><option value="80">Give it 4/5</option><option value="100">Give it 5/5</option></select> <p id="edit-vote--16--description" class="description help-text"> <div class="fivestar-summary fivestar-summary-average-count"> <span class="average-rating"> Average: <span>3</span> </span> <span class="total-votes"> (<span>4</span> votes) </span> </div> </p> </div> </div> </div><input class="js-hide button js-form-submit form-submit" data-drupal-selector="edit-submit" type="submit" id="edit-submit--8" name="op" value="Rate" /> <input autocomplete="off" data-drupal-selector="form-ceqninsn1gibjxqearqq20kpjespua3uatnztojdowk" type="hidden" name="form_build_id" value="form-CEqNiNSN1gIBjxQEaRqQ20kPjESPUA3uaTNztOjDOwk" /> <input data-drupal-selector="edit-fivestar-form-8" type="hidden" name="form_id" value="fivestar_form_8" /> </form> </div> <div class="cell large-20 large-offset-2"> <div class="cp-review-section"> <div class="view-filters"> <div class="grid-x form-row"> <div class="cell large-6 small-24 clearfix fivestar-none-text fivestar-average-stars fivestar-form-item fivestar-default average-rating-cell"> <fieldset class="js-form-item js-form-type- form-type- js-form-item-current form-item-current form-no-label form-group"> <div class="input-group"> <fieldset class="js-form-item js-form-type-select form-type-select js-form-item-current form-item-current form-no-label form-group"> <div class="fivestar-default"> <span class="on"></span> </div> <div class="stars stars-"></div> </fieldset> <div class="input-group-append"> <span class="field-suffix input-group-text"> 基於 評論 </span> </div> </div> </fieldset> </div> <div class="cell large-12 small-24"> <fieldset class="auto-submit-click fieldgroup form-composite js-form-item form-item js-form-wrapper form-group average-review-stars"> </fieldset> </div> <div class="cell large-6 small-24 review-button"> <input class="write-a-review button black" type="submit" id="write-review-btn" name="write_review_button" value="寫評論"> <br> <br> </div> </div> </div> </div> <drupal-render-placeholder callback="comment.lazy_builders:renderForm" arguments="0=node&amp;1=1301&amp;2=field_comments&amp;3=dsu_ratings_reviews_comment_type" token="NWYpK-iS02X5szcgOTyrn-J7JYcwNJMq2nA0gxLz4cY"></drupal-render-placeholder> </div> <div class="field field--node-field-fusepump field--name-field-fusepump field--type-field-fusepump field--label-hidden field__item"><div id="fusepump-0-1301" class="fusepump-widget"></div> <div class="fusepump-link button red compare-product__buy_now" data-id="" data-fallback="" target-id="fusepump-0-1301"><span class="button-text">立即購買</span></div> </div> <div class="field field--node-field-product-type field--name-field-product-type field--type-list-string field--label-hidden field__item">Coffee</div> <div class="field field--node-field-pdp-components field--name-field-pdp-components field--type-entity-reference-revisions field--label-hidden field__items"> <div class="field__item"><section class="grid-container text-and-title js-text-and-title animate-block" data-animation='{"element":" img" }' > <div class="grid-x grid-margin-x"> <div class="cell large-8 large-offset-2"> <h3 class="headline-h3"></h3> </div> <div class="cell large-offset-3 large-10"> </div> </div> <div class="grid-x two-images-wrap imageTileSlider"> <div class="cell large-12 image-tile jarallax-keep-img"> <picture class="jarallax-img"> <source media="(min-width: 1200px)" srcset="/hk/sites/default/files/styles/text_details_large/public/images/Nescafe%2520Product%2520Slide%25201.jpg?itok=7YEsQEvx"> <source media="(min-width: 768px)" srcset="/hk/sites/default/files/styles/text_details_large/public/images/Nescafe%2520Product%2520Slide%25201.jpg?itok=7YEsQEvx"> <source media="(min-width: 0px)" srcset="/hk/sites/default/files/styles/text_details_mobile/public/images/Nescafe%2520Product%2520Slide%25201.jpg?itok=eiPuI9lr"> <img src="/hk/sites/default/files/styles/text_details_large/public/images/Nescafe%2520Product%2520Slide%25201.jpg?itok=7YEsQEvx" alt="Nescafe Product Slide 1"> </picture> </div> <div class="cell large-12 image-tile jarallax-keep-img"> <picture class="jarallax-img"> <source media="(min-width: 1200px)" srcset="/hk/sites/default/files/styles/text_details_large/public/images/Nescafe%2520Product%2520Slide%25202.jpg?itok=5cUP23oz"> <source media="(min-width: 768px)" srcset="/hk/sites/default/files/styles/text_details_large/public/images/Nescafe%2520Product%2520Slide%25202.jpg?itok=5cUP23oz"> <source media="(min-width: 0px)" srcset="/hk/sites/default/files/styles/text_details_mobile/public/images/Nescafe%2520Product%2520Slide%25202.jpg?itok=5y50nlYD"> <img src="/hk/sites/default/files/styles/text_details_large/public/images/Nescafe%2520Product%2520Slide%25202.jpg?itok=5cUP23oz" alt="Nescafe Product Slide 2"> </picture> </div> <div class="cell large-12 image-tile jarallax-keep-img"> <picture class="jarallax-img"> <source media="(min-width: 1200px)" srcset="/hk/sites/default/files/styles/text_details_large/public/images/Nescafe%2520Product%2520Slide%25203%2520.jpg?itok=cgNJ4pk_"> <source media="(min-width: 768px)" srcset="/hk/sites/default/files/styles/text_details_large/public/images/Nescafe%2520Product%2520Slide%25203%2520.jpg?itok=cgNJ4pk_"> <source media="(min-width: 0px)" srcset="/hk/sites/default/files/styles/text_details_mobile/public/images/Nescafe%2520Product%2520Slide%25203%2520.jpg?itok=vsZ827Q1"> <img src="/hk/sites/default/files/styles/text_details_large/public/images/Nescafe%2520Product%2520Slide%25203%2520.jpg?itok=cgNJ4pk_" alt="Nescafe Product Slide 3"> </picture> </div> <div class="cell large-12 image-tile jarallax-keep-img"> <picture class="jarallax-img"> <source media="(min-width: 1200px)" srcset="/hk/sites/default/files/styles/text_details_large/public/images/Nescafe%2520Product%2520Slide%25204.jpg?itok=PVkUATy4"> <source media="(min-width: 768px)" srcset="/hk/sites/default/files/styles/text_details_large/public/images/Nescafe%2520Product%2520Slide%25204.jpg?itok=PVkUATy4"> <source media="(min-width: 0px)" srcset="/hk/sites/default/files/styles/text_details_mobile/public/images/Nescafe%2520Product%2520Slide%25204.jpg?itok=QWLXgOoJ"> <img src="/hk/sites/default/files/styles/text_details_large/public/images/Nescafe%2520Product%2520Slide%25204.jpg?itok=PVkUATy4" alt="Nescafe Product Slide 4"> </picture> </div> </div> </section> </div> <div class="field__item"> <section class="product-slideshow js-product-slider grid-container grid-x animate-block no-padding-for-small background--light-grey-secondary discover-the-range new-product-card" data-topic-text="各不相同的咖啡體驗" id="product-slider-title-各不相同的咖啡體驗" data-animation='{"element":".slide-container"}'> <div class="small-24 medium-24 large-24 slide-container"> <div class="controls__container controls controls__background"></div> <div class="small-20 medium-10 large-5 xlarge-24 medium-offset-1 xlarge-offset-0 text-center"> <div class="product-slideshow__details custom-details"> <h2 class="product-slideshow__main-title text--heavy-metal"> 各不相同的咖啡體驗 </h2> <div class="product-slideshow__sub-title text--heavy-metal copy-xlarge"> <p>從NESCAFÉ®SMOOVLATTE®咖啡飲料、NESCAFÉ®極品白咖啡,到NESCAFÉ GOLDBLEND®咖啡,<span><span><span><span lang="ZH-TW" xml:lang="ZH-TW" xml:lang="ZH-TW">我們創造了不同口味、適合不同場合的咖啡。</span></span></span></span></p> </div> </div> </div> <div class="small-24 medium-12 medium-offset-1 large-offset-0 xlarge-offset-0 large-17 xlarge-24"> <div class="product-slideshow__container"> <div class="product-slider" data-next="Next" data-previous="Previouszxfzfsd"> <!-- new design start1 --> <!--when the product compare is there and we also have the link we want a div and not an achor tag--> <div class="cell new-product-card-cont background--white small-24 medium-12 large-6 content-animation swiper-slide slide slide__product use_partial_link_for_compare"> <a href="/hk/our-coffees/goldoriginals-altarica"> <div class="small-24 product-image"> <picture class="image-teaser__image"> <source media="(min-width: 1200px)" data-srcset="/hk/sites/default/files/styles/product_list_large/public/2020-07/SIMULATION_3D_P_NESC176_ALTARICA_SBU.png?itok=QyZneJ6T"> <source media="(min-width: 768px)" data-srcset="/hk/sites/default/files/styles/product_list_large/public/2020-07/SIMULATION_3D_P_NESC176_ALTARICA_SBU.png?itok=QyZneJ6T"> <source media="(min-width: 0px)" data-srcset="/hk/sites/default/files/styles/product_list_small/public/2020-07/SIMULATION_3D_P_NESC176_ALTARICA_SBU.png?itok=mtxYLRby"> <img data-src="/hk/sites/default/files/styles/product_list_large/public/2020-07/SIMULATION_3D_P_NESC176_ALTARICA_SBU.png?itok=QyZneJ6T" class="lazyload" alt="雀巢咖啡®ALTA RICA®咖啡"/> </picture> </div> <div class="product-content product-slideshow__text "> <p class="product-name text--dark-grey copy-xlarge"> 雀巢咖啡<sup>®</sup>ALTA RICA<sup>®</sup>咖啡 </p> <div class="rating-and-description"> <div class="rating-widget" tabindex="0" aria-label="0" role="img"> <label for="edit-vote--2" class="hide">Product Ratings</label> <div class="user-rating disabled white-star inline"> <div class="fivestar-basic"> <div class="fivestar-widget-static fivestar-widget-static-vote fivestar-widget-static-5 clearfix"> <div class="star star-1 star-odd star-first"> <span class="off"> 0 </span> </div> <div class="star star-2 star-even"> <span class="off"> </span> </div> <div class="star star-3 star-odd"> <span class="off"> </span> </div> <div class="star star-4 star-even"> <span class="off"> </span> </div> <div class="star star-5 star-odd star-last"> <span class="off"> </span> </div> </div> </div> </div> </div> <p class="product-desc copy-large-h3 text--black"> ... </p> </div> </div> <div class="buy-now-and-compare-products"> <!-- <button class="expanded button red">Buy Now</button> --> <div class="compare-product__link copy-small-h5__bold" data-title="雀巢咖啡<sup>®</sup>ALTA RICA<sup>®</sup>咖啡" data-product-image="/hk/sites/default/files/styles/product_list_thumbnail/public/2020-07/SIMULATION_3D_P_NESC176_ALTARICA_SBU.png?itok=8gdO_abq" data-product-nid="1286"> <input type="checkbox" id="1286-19501" class="form-checkbox required" aria-required="true"> <label for="1286-19501" class="font-awesome-icon fa-check-square contact-privacy-policy-label"> 產品比較 </label> </div> </a> </div> </div> <!-- new design end --> <!-- new design start1 --> <!--when the product compare is there and we also have the link we want a div and not an achor tag--> <div class="cell new-product-card-cont background--white small-24 medium-12 large-6 content-animation swiper-slide slide slide__product use_partial_link_for_compare"> <a href="/hk/our-coffees/quechaokafeirsmoovlatterzhugulikafei"> <div class="small-24 product-image"> <picture class="image-teaser__image"> <source media="(min-width: 1200px)" data-srcset="/hk/sites/default/files/styles/product_list_large/public/2020-07/nes_smv_mocha_mer_0.png?itok=b3xnFxh3"> <source media="(min-width: 768px)" data-srcset="/hk/sites/default/files/styles/product_list_large/public/2020-07/nes_smv_mocha_mer_0.png?itok=b3xnFxh3"> <source media="(min-width: 0px)" data-srcset="/hk/sites/default/files/styles/product_list_small/public/2020-07/nes_smv_mocha_mer_0.png?itok=S9LZzQ8u"> <img data-src="/hk/sites/default/files/styles/product_list_large/public/2020-07/nes_smv_mocha_mer_0.png?itok=b3xnFxh3" class="lazyload" alt="雀巢咖啡®SMOOVLATTÉ®朱古力咖啡"/> </picture> </div> <div class="product-content product-slideshow__text "> <p class="product-name text--dark-grey copy-xlarge"> 雀巢咖啡<sup>®</sup>SMOOVLATTÉ<sup>®</sup>朱古力咖啡 </p> <div class="rating-and-description"> <div class="rating-widget" tabindex="0" aria-label="0" role="img"> <label for="edit-vote--2" class="hide">Product Ratings</label> <div class="user-rating disabled white-star inline"> <div class="fivestar-basic"> <div class="fivestar-widget-static fivestar-widget-static-vote fivestar-widget-static-5 clearfix"> <div class="star star-1 star-odd star-first"> <span class="off"> 0 </span> </div> <div class="star star-2 star-even"> <span class="off"> </span> </div> <div class="star star-3 star-odd"> <span class="off"> </span> </div> <div class="star star-4 star-even"> <span class="off"> </span> </div> <div class="star star-5 star-odd star-last"> <span class="off"> </span> </div> </div> </div> </div> </div> <p class="product-desc copy-large-h3 text--black"> #smoovlatte #smooth... </p> </div> </div> <div class="buy-now-and-compare-products"> <!-- <button class="expanded button red">Buy Now</button> --> <div class="compare-product__link copy-small-h5__bold" data-title="雀巢咖啡<sup>®</sup>SMOOVLATTÉ<sup>®</sup>朱古力咖啡" data-product-image="/hk/sites/default/files/styles/product_list_thumbnail/public/2020-07/nes_smv_mocha_mer_0.png?itok=2VlPmoo4" data-product-nid="1296"> <input type="checkbox" id="1296-20146" class="form-checkbox required" aria-required="true"> <label for="1296-20146" class="font-awesome-icon fa-check-square contact-privacy-policy-label"> 產品比較 </label> </div> </a> </div> </div> <!-- new design end --> <!-- new design start1 --> <!--when the product compare is there and we also have the link we want a div and not an achor tag--> <div class="cell new-product-card-cont background--white small-24 medium-12 large-6 content-animation swiper-slide slide slide__product use_partial_link_for_compare"> <a href="/hk/our-coffees/quechaokafeirsmoovlatter"> <div class="small-24 product-image"> <picture class="image-teaser__image"> <source media="(min-width: 1200px)" data-srcset="/hk/sites/default/files/styles/product_list_large/public/2020-07/nes_smv_regular_mer_0.png?itok=ioo-nb8s"> <source media="(min-width: 768px)" data-srcset="/hk/sites/default/files/styles/product_list_large/public/2020-07/nes_smv_regular_mer_0.png?itok=ioo-nb8s"> <source media="(min-width: 0px)" data-srcset="/hk/sites/default/files/styles/product_list_small/public/2020-07/nes_smv_regular_mer_0.png?itok=wSv3GhZ1"> <img data-src="/hk/sites/default/files/styles/product_list_large/public/2020-07/nes_smv_regular_mer_0.png?itok=ioo-nb8s" class="lazyload" alt="雀巢咖啡®SMOOVLATTÉ®"/> </picture> </div> <div class="product-content product-slideshow__text "> <p class="product-name text--dark-grey copy-xlarge"> 雀巢咖啡<sup>®</sup>SMOOVLATTÉ<sup>®</sup> </p> <div class="rating-and-description"> <div class="rating-widget" tabindex="0" aria-label="0" role="img"> <label for="edit-vote--2" class="hide">Product Ratings</label> <div class="user-rating disabled white-star inline"> <div class="fivestar-basic"> <div class="fivestar-widget-static fivestar-widget-static-vote fivestar-widget-static-5 clearfix"> <div class="star star-1 star-odd star-first"> <span class="off"> 0 </span> </div> <div class="star star-2 star-even"> <span class="off"> </span> </div> <div class="star star-3 star-odd"> <span class="off"> </span> </div> <div class="star star-4 star-even"> <span class="off"> </span> </div> <div class="star star-5 star-odd star-last"> <span class="off"> </span> </div> </div> </div> </div> </div> <p class="product-desc copy-large-h3 text--black"> #smoovlatte #smooth... </p> </div> </div> <div class="buy-now-and-compare-products"> <!-- <button class="expanded button red">Buy Now</button> --> <div class="compare-product__link copy-small-h5__bold" data-title="雀巢咖啡<sup>®</sup>SMOOVLATTÉ<sup>®</sup>" data-product-image="/hk/sites/default/files/styles/product_list_thumbnail/public/2020-07/nes_smv_regular_mer_0.png?itok=95QRTwFA" data-product-nid="1291"> <input type="checkbox" id="1291-20151" class="form-checkbox required" aria-required="true"> <label for="1291-20151" class="font-awesome-icon fa-check-square contact-privacy-policy-label"> 產品比較 </label> </div> </a> </div> </div> <!-- new design end --> </div> </div> </div> </div> </section> </div> </div> Mon, 29 Jun 2020 19:06:03 +0000 Site Factory admin 1301 at https://www.nescafe.com/hk 雀巢咖啡®ALTA RICA®咖啡 https://www.nescafe.com/hk/our-coffees/goldoriginals-altarica <h1 class="headline-h1">雀巢咖啡<sup>®</sup>ALTA RICA<sup>®</sup>咖啡</h1> <span><span lang="" about="/hk/user/1" typeof="schema:Person" property="schema:name" datatype="">Site Factory admin</span></span> <span><time datetime="2020-06-29T19:06:03+00:00" title="Monday, June 29, 2020 - 19:06">Mon, 06/29/2020 - 19:06</time> </span> <div class="cell product-image"> <div class="product-pic-col"> <ul class="tabs-panel-block single-image-slider"> <li data-imageid="product-0" class="tab-panel active"> <a class="product-zoomin-icon" title="雀巢咖啡®ALTA RICA®咖啡" data-image="/hk/sites/default/files/2020-07/SIMULATION_3D_P_NESC176_ALTARICA_SBU.png"> <img alt="zoom" src="/hk/themes/custom/nescafe_design_refresh/img/icons/product-zoom-in.svg"> </a> <picture> <source srcset="/hk/sites/default/files/styles/product_stage_690_690/public/2020-07/SIMULATION_3D_P_NESC176_ALTARICA_SBU.png?itok=g2hNtUfE 1x" media="(min-width: 1200px)" type="image/png" width="690" height="690"/> <source srcset="/hk/sites/default/files/styles/product_stage_690_690/public/2020-07/SIMULATION_3D_P_NESC176_ALTARICA_SBU.png?itok=g2hNtUfE 1x" media="(min-width: 468px) and (max-width: 768px)" type="image/png" width="690" height="690"/> <source srcset="/hk/sites/default/files/styles/product_stage_225_225/public/2020-07/SIMULATION_3D_P_NESC176_ALTARICA_SBU.png?itok=83qZG4sA 1x" media="(min-width: 0px)" type="image/png" width="225" height="225"/> <img image_lazyload="no" class="panzoom" src="data:image/gif;base64,R0lGODlhAQABAIABAP///wAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" width="1" height="1" alt="雀巢咖啡®ALTA RICA®咖啡" loading="lazy" typeof="foaf:Image" /> </picture> </li> </ul> <div class="zoom-image-container js-zoom-image-container hide"> <button type="button" class="zoom-image-previous" aria-label="previous slide"></button> <img class="js-zoom-image zoom-image" src="" alt="zoom-image"> <div class="js-zoom-video-container zoom-video-container hide"></div> <button type="button" class="zoom-image-next" aria-label="next slide"></button> </div> <div class="tabs-panel-block thumbnail-slider" data-title = "Product Images" data-slideItems="1"> <div data-imageid="product-0" class="tab-panel active reset"> <picture> <source srcset="" media="(min-width: 1200px)" type="image/png" width="60" height="46" data-srcset="/hk/sites/default/files/styles/product_slider_thumbnail/public/2020-07/SIMULATION_3D_P_NESC176_ALTARICA_SBU.png?itok=zpxx9n0x 1x"/> <source srcset="" media="(min-width: 768px)" type="image/png" width="60" height="46" data-srcset="/hk/sites/default/files/styles/product_slider_thumbnail/public/2020-07/SIMULATION_3D_P_NESC176_ALTARICA_SBU.png?itok=zpxx9n0x 1x"/> <source srcset="" media="(min-width: 468px) and (max-width: 768px)" type="image/png" width="36" height="28" data-srcset="/hk/sites/default/files/styles/product_slider_thumbnail_mobile/public/2020-07/SIMULATION_3D_P_NESC176_ALTARICA_SBU.png?itok=ZOrUmUGI 1x"/> <img image_lazyload="no" src="/hk/sites/default/files/styles/product_slider_thumbnail/public/2020-07/SIMULATION_3D_P_NESC176_ALTARICA_SBU.png?itok=zpxx9n0x" width="60" height="46" alt="雀巢咖啡®ALTA RICA®咖啡" loading="lazy" typeof="foaf:Image" /> </picture> </div> </div> </div> </div> purple <div class="field field--node-field-dsu-product-desc field--name-field-dsu-product-desc field--type-text-with-summary field--label-hidden field__item"><p>#superpremium</p> <p>採用來自拉丁美洲國家的百分百阿拉比卡咖啡豆,帶有濃郁醇和的咖啡味,及深度烘焙帶出的咖啡烘焙味與甘苦味。為追求濃郁咖啡風味的人士之選。</p></div> <div class="field field--node-field-dsu-sku field--name-field-dsu-sku field--type-string field--label-hidden field__item">p23232</div> <div class="field field--node-field-product-stage-share field--name-field-product-stage-share field--type-entity-reference-revisions field--label-hidden field__item"> <div class="paragraph paragraph--type--c-share-buttons paragraph--view-mode--default"> <div class="dsu"> <ul class=""> <li> <a target="_blank" class="facebook-share social-media-icon share" href="http://www.facebook.com/share.php?u=https://www.nescafe.com/hk/taxonomy/term/1413/feed&amp;title=" title="Facebook"> <img alt="Facebook" src="https://www.nescafe.com/hk/themes/custom/nescafe_design_refresh/img/icons/fb.png"> </a> </li> </ul> </div> </div> </div> <drupal-render-placeholder callback="flag.link_builder:build" arguments="0=node&amp;1=1286&amp;2=product_wishlist" token="AcCDmEq6OzfxKKIdKJC4ux6v57psWa-rYYIK7HEDzfU"></drupal-render-placeholder> <div class="field field--node-field-rating field--name-field-rating field--type-fivestar field--label-hidden field__item"><form class="fivestar-form-10" id="vote--10" data-drupal-selector="fivestar-form-10" action="/hk/taxonomy/term/1413/feed" method="post" accept-charset="UTF-8"> <div class="clearfix fivestar-average-text fivestar-average-stars fivestar-form-item fivestar-basic"><div class="js-form-item form-item js-form-type-fivestar form-item-vote js-form-item-vote form-no-label"> <div class="js-form-item form-item js-form-type-select form-item-vote js-form-item-vote form-no-label"> <select class="vote form-select" data-drupal-selector="edit-vote" aria-describedby="edit-vote--20--description" id="edit-vote--20" name="vote"><option value="-">Select rating</option><option value="20">Give it 1/5</option><option value="40">Give it 2/5</option><option value="60" selected="selected">Give it 3/5</option><option value="80">Give it 4/5</option><option value="100">Give it 5/5</option></select> <p id="edit-vote--20--description" class="description help-text"> <div class="fivestar-summary fivestar-summary-average-count"> <span class="average-rating"> Average: <span>3</span> </span> <span class="total-votes"> (<span>4</span> votes) </span> </div> </p> </div> </div> </div><input class="js-hide button js-form-submit form-submit" data-drupal-selector="edit-submit" type="submit" id="edit-submit--10" name="op" value="Rate" /> <input autocomplete="off" data-drupal-selector="form-d66tkmzon8aghm7fnxthmminsx1utl91sfnbyndn4bs" type="hidden" name="form_build_id" value="form-D66TKMzON8aghm7FnxtHMmiNsx1Utl91SfNbyNdn4Bs" /> <input data-drupal-selector="edit-fivestar-form-10" type="hidden" name="form_id" value="fivestar_form_10" /> </form> </div> <div class="cell large-20 large-offset-2"> <div class="cp-review-section"> <div class="view-filters"> <div class="grid-x form-row"> <div class="cell large-6 small-24 clearfix fivestar-none-text fivestar-average-stars fivestar-form-item fivestar-default average-rating-cell"> <fieldset class="js-form-item js-form-type- form-type- js-form-item-current form-item-current form-no-label form-group"> <div class="input-group"> <fieldset class="js-form-item js-form-type-select form-type-select js-form-item-current form-item-current form-no-label form-group"> <div class="fivestar-default"> <span class="on"></span> </div> <div class="stars stars-"></div> </fieldset> <div class="input-group-append"> <span class="field-suffix input-group-text"> 基於 評論 </span> </div> </div> </fieldset> </div> <div class="cell large-12 small-24"> <fieldset class="auto-submit-click fieldgroup form-composite js-form-item form-item js-form-wrapper form-group average-review-stars"> </fieldset> </div> <div class="cell large-6 small-24 review-button"> <input class="write-a-review button black" type="submit" id="write-review-btn" name="write_review_button" value="寫評論"> <br> <br> </div> </div> </div> </div> <drupal-render-placeholder callback="comment.lazy_builders:renderForm" arguments="0=node&amp;1=1286&amp;2=field_comments&amp;3=dsu_ratings_reviews_comment_type" token="z9NnpPFctXm-abGoQre0l_JzsFRm72s2rYRI-YWt1cc"></drupal-render-placeholder> </div> <div class="field field--node-field-fusepump field--name-field-fusepump field--type-field-fusepump field--label-hidden field__item"><div id="fusepump-0-1286" class="fusepump-widget"></div> <div class="fusepump-link button red compare-product__buy_now" data-id="" data-fallback="" target-id="fusepump-0-1286"><span class="button-text">立即購買</span></div> </div> <div class="field field--node-field-product-type field--name-field-product-type field--type-list-string field--label-hidden field__item">Coffee</div> <div class="field field--node-field-pdp-components field--name-field-pdp-components field--type-entity-reference-revisions field--label-hidden field__items"> <div class="field__item"><section class="grid-container text-and-title js-text-and-title animate-block" data-animation='{"element":" img" }' > <div class="grid-x grid-margin-x"> <div class="cell large-8 large-offset-2"> <h3 class="headline-h3"></h3> </div> <div class="cell large-offset-3 large-10"> </div> </div> <div class="grid-x two-images-wrap imageTileSlider"> <div class="cell large-12 image-tile jarallax-keep-img"> <picture class="jarallax-img"> <source media="(min-width: 1200px)" srcset="/hk/sites/default/files/styles/text_details_large/public/images/Nescafe%2520Product%2520Slide%25201.jpg?itok=7YEsQEvx"> <source media="(min-width: 768px)" srcset="/hk/sites/default/files/styles/text_details_large/public/images/Nescafe%2520Product%2520Slide%25201.jpg?itok=7YEsQEvx"> <source media="(min-width: 0px)" srcset="/hk/sites/default/files/styles/text_details_mobile/public/images/Nescafe%2520Product%2520Slide%25201.jpg?itok=eiPuI9lr"> <img src="/hk/sites/default/files/styles/text_details_large/public/images/Nescafe%2520Product%2520Slide%25201.jpg?itok=7YEsQEvx" alt="Nescafe Product Slide 1"> </picture> </div> <div class="cell large-12 image-tile jarallax-keep-img"> <picture class="jarallax-img"> <source media="(min-width: 1200px)" srcset="/hk/sites/default/files/styles/text_details_large/public/images/Nescafe%2520Product%2520Slide%25202.jpg?itok=5cUP23oz"> <source media="(min-width: 768px)" srcset="/hk/sites/default/files/styles/text_details_large/public/images/Nescafe%2520Product%2520Slide%25202.jpg?itok=5cUP23oz"> <source media="(min-width: 0px)" srcset="/hk/sites/default/files/styles/text_details_mobile/public/images/Nescafe%2520Product%2520Slide%25202.jpg?itok=5y50nlYD"> <img src="/hk/sites/default/files/styles/text_details_large/public/images/Nescafe%2520Product%2520Slide%25202.jpg?itok=5cUP23oz" alt="Nescafe Product Slide 2"> </picture> </div> <div class="cell large-12 image-tile jarallax-keep-img"> <picture class="jarallax-img"> <source media="(min-width: 1200px)" srcset="/hk/sites/default/files/styles/text_details_large/public/images/Nescafe%2520Product%2520Slide%25203%2520.jpg?itok=cgNJ4pk_"> <source media="(min-width: 768px)" srcset="/hk/sites/default/files/styles/text_details_large/public/images/Nescafe%2520Product%2520Slide%25203%2520.jpg?itok=cgNJ4pk_"> <source media="(min-width: 0px)" srcset="/hk/sites/default/files/styles/text_details_mobile/public/images/Nescafe%2520Product%2520Slide%25203%2520.jpg?itok=vsZ827Q1"> <img src="/hk/sites/default/files/styles/text_details_large/public/images/Nescafe%2520Product%2520Slide%25203%2520.jpg?itok=cgNJ4pk_" alt="Nescafe Product Slide 3"> </picture> </div> <div class="cell large-12 image-tile jarallax-keep-img"> <picture class="jarallax-img"> <source media="(min-width: 1200px)" srcset="/hk/sites/default/files/styles/text_details_large/public/images/Nescafe%2520Product%2520Slide%25204.jpg?itok=PVkUATy4"> <source media="(min-width: 768px)" srcset="/hk/sites/default/files/styles/text_details_large/public/images/Nescafe%2520Product%2520Slide%25204.jpg?itok=PVkUATy4"> <source media="(min-width: 0px)" srcset="/hk/sites/default/files/styles/text_details_mobile/public/images/Nescafe%2520Product%2520Slide%25204.jpg?itok=QWLXgOoJ"> <img src="/hk/sites/default/files/styles/text_details_large/public/images/Nescafe%2520Product%2520Slide%25204.jpg?itok=PVkUATy4" alt="Nescafe Product Slide 4"> </picture> </div> </div> </section> </div> <div class="field__item"> <section class="product-slideshow js-product-slider grid-container grid-x animate-block no-padding-for-small background--light-grey-secondary discover-the-range new-product-card" data-topic-text="各不相同的咖啡體驗" id="product-slider-title-各不相同的咖啡體驗" data-animation='{"element":".slide-container"}'> <div class="small-24 medium-24 large-24 slide-container"> <div class="controls__container controls controls__background"></div> <div class="small-20 medium-10 large-5 xlarge-24 medium-offset-1 xlarge-offset-0 text-center"> <div class="product-slideshow__details custom-details"> <h2 class="product-slideshow__main-title text--heavy-metal"> 各不相同的咖啡體驗 </h2> <div class="product-slideshow__sub-title text--heavy-metal copy-xlarge"> <p><span><span><span><span lang="ZH-TW" xml:lang="ZH-TW" xml:lang="ZH-TW">從</span>NESCAFÉ®SMOOVLATTE®<span lang="ZH-TW" xml:lang="ZH-TW" xml:lang="ZH-TW">咖啡飲料、</span>NESCAFÉ®<span lang="ZH-TW" xml:lang="ZH-TW" xml:lang="ZH-TW">極品白咖啡,到</span>NESCAFÉ GOLDBLEND®<span lang="ZH-TW" xml:lang="ZH-TW" xml:lang="ZH-TW">咖啡,我們創造了不同口味、適合不同場合的咖啡。</span></span></span></span></p> </div> </div> </div> <div class="small-24 medium-12 medium-offset-1 large-offset-0 xlarge-offset-0 large-17 xlarge-24"> <div class="product-slideshow__container"> <div class="product-slider" data-next="Next" data-previous="Previouszxfzfsd"> <!-- new design start1 --> <!--when the product compare is there and we also have the link we want a div and not an achor tag--> <div class="cell new-product-card-cont background--white small-24 medium-12 large-6 content-animation swiper-slide slide slide__product use_partial_link_for_compare"> <a href="/hk/our-coffees/goldoriginals-capcolombia"> <div class="small-24 product-image"> <picture class="image-teaser__image"> <source media="(min-width: 1200px)" data-srcset="/hk/sites/default/files/styles/product_list_large/public/2020-07/5410001005549_C1C1.png?itok=btwB5bOk"> <source media="(min-width: 768px)" data-srcset="/hk/sites/default/files/styles/product_list_large/public/2020-07/5410001005549_C1C1.png?itok=btwB5bOk"> <source media="(min-width: 0px)" data-srcset="/hk/sites/default/files/styles/product_list_small/public/2020-07/5410001005549_C1C1.png?itok=Rh7j9tcs"> <img data-src="/hk/sites/default/files/styles/product_list_large/public/2020-07/5410001005549_C1C1.png?itok=btwB5bOk" class="lazyload" alt="咖啡每一次体验"/> </picture> </div> <div class="product-content product-slideshow__text "> <p class="product-name text--dark-grey copy-xlarge"> 雀巢咖啡<sup>®</sup>哥倫比亞咖啡 </p> <div class="rating-and-description"> <div class="rating-widget" tabindex="0" aria-label="0" role="img"> <label for="edit-vote--2" class="hide">Product Ratings</label> <div class="user-rating disabled white-star inline"> <div class="fivestar-basic"> <div class="fivestar-widget-static fivestar-widget-static-vote fivestar-widget-static-5 clearfix"> <div class="star star-1 star-odd star-first"> <span class="off"> 0 </span> </div> <div class="star star-2 star-even"> <span class="off"> </span> </div> <div class="star star-3 star-odd"> <span class="off"> </span> </div> <div class="star star-4 star-even"> <span class="off"> </span> </div> <div class="star star-5 star-odd star-last"> <span class="off"> </span> </div> </div> </div> </div> </div> <p class="product-desc copy-large-h3 text--black"> #superpremium 採用來自南美洲國家百分百阿拉比卡咖啡豆,帶有果仁香味及豐富果香味,為懂得欣賞咖啡人士帶來另一種咖啡風味。 </p> </div> </div> <div class="buy-now-and-compare-products"> <!-- <button class="expanded button red">Buy Now</button> --> <div class="compare-product__link copy-small-h5__bold" data-title="雀巢咖啡<sup>®</sup>哥倫比亞咖啡" data-product-image="/hk/sites/default/files/styles/product_list_thumbnail/public/2020-07/5410001005549_C1C1.png?itok=56ApPkDp" data-product-nid="1301"> <input type="checkbox" id="1301-19471" class="form-checkbox required" aria-required="true"> <label for="1301-19471" class="font-awesome-icon fa-check-square contact-privacy-policy-label"> 產品比較 </label> </div> </a> </div> </div> <!-- new design end --> <!-- new design start1 --> <!--when the product compare is there and we also have the link we want a div and not an achor tag--> <div class="cell new-product-card-cont background--white small-24 medium-12 large-6 content-animation swiper-slide slide slide__product use_partial_link_for_compare"> <a href="/hk/our-coffees/goldblend-decaf"> <div class="small-24 product-image"> <picture class="image-teaser__image"> <source media="(min-width: 1200px)" data-srcset="/hk/sites/default/files/styles/product_list_large/public/2020-07/GB%2080G%20DECAF.png?itok=rc6kc7IO"> <source media="(min-width: 768px)" data-srcset="/hk/sites/default/files/styles/product_list_large/public/2020-07/GB%2080G%20DECAF.png?itok=rc6kc7IO"> <source media="(min-width: 0px)" data-srcset="/hk/sites/default/files/styles/product_list_small/public/2020-07/GB%2080G%20DECAF.png?itok=2GRQNO1T"> <img data-src="/hk/sites/default/files/styles/product_list_large/public/2020-07/GB%2080G%20DECAF.png?itok=rc6kc7IO" class="lazyload" alt="雀巢咖啡®金牌咖啡低因咖啡"/> </picture> </div> <div class="product-content product-slideshow__text "> <p class="product-name text--dark-grey copy-xlarge"> 雀巢咖啡<sup>®</sup>金牌咖啡低因咖啡 </p> <div class="rating-and-description"> <div class="rating-widget" tabindex="0" aria-label="0" role="img"> <label for="edit-vote--2" class="hide">Product Ratings</label> <div class="user-rating disabled white-star inline"> <div class="fivestar-basic"> <div class="fivestar-widget-static fivestar-widget-static-vote fivestar-widget-static-5 clearfix"> <div class="star star-1 star-odd star-first"> <span class="off"> 0 </span> </div> <div class="star star-2 star-even"> <span class="off"> </span> </div> <div class="star star-3 star-odd"> <span class="off"> </span> </div> <div class="star star-4 star-even"> <span class="off"> </span> </div> <div class="star star-5 star-odd star-last"> <span class="off"> </span> </div> </div> </div> </div> </div> <p class="product-desc copy-large-h3 text--black"> #goldblend 雀巢咖啡®金牌咖啡低因咖啡去除97%咖啡因,仍能保持香濃馥郁的咖啡香味,為追求低因咖啡人士之選。 </p> </div> </div> <div class="buy-now-and-compare-products"> <!-- <button class="expanded button red">Buy Now</button> --> <div id="fusepump-link-id" data-productname="雀巢咖啡®金牌咖啡低因咖啡" data-productbrand="NESCAFE" data-productskuid="p906" data-productcategory="coffee" class="buy-now-btn expanded button red"> <div class="field field--node-field-fusepump field--name-field-fusepump field--type-field-fusepump field--label-hidden field__item"><div id="fusepump-0-1341" class="fusepump-widget"></div> <div class="fusepump-link button red compare-product__buy_now" data-id="v3y6z64" data-fallback="" target-id="fusepump-0-1341"><span class="button-text">立即購買</span></div> </div> </div> <div class="compare-product__link copy-small-h5__bold" data-title="雀巢咖啡<sup>®</sup>金牌咖啡低因咖啡" data-product-image="/hk/sites/default/files/styles/product_list_thumbnail/public/2020-07/GB%2080G%20DECAF.png?itok=TpMSJudl" data-product-nid="1341"> <input type="checkbox" id="1341-20216" class="form-checkbox required" aria-required="true"> <label for="1341-20216" class="font-awesome-icon fa-check-square contact-privacy-policy-label"> 產品比較 </label> </div> </a> </div> </div> <!-- new design end --> <!-- new design start1 --> <!--when the product compare is there and we also have the link we want a div and not an achor tag--> <div class="cell new-product-card-cont background--white small-24 medium-12 large-6 content-animation swiper-slide slide slide__product use_partial_link_for_compare"> <a href="/hk/our-coffees/goldblend"> <div class="small-24 product-image"> <picture class="image-teaser__image"> <source media="(min-width: 1200px)" data-srcset="/hk/sites/default/files/styles/product_list_large/public/2020-07/GB%20120G.png?itok=iK9Lo5yH"> <source media="(min-width: 768px)" data-srcset="/hk/sites/default/files/styles/product_list_large/public/2020-07/GB%20120G.png?itok=iK9Lo5yH"> <source media="(min-width: 0px)" data-srcset="/hk/sites/default/files/styles/product_list_small/public/2020-07/GB%20120G.png?itok=NuXoYSe7"> <img data-src="/hk/sites/default/files/styles/product_list_large/public/2020-07/GB%20120G.png?itok=iK9Lo5yH" class="lazyload" alt="雀巢咖啡®金牌咖啡"/> </picture> </div> <div class="product-content product-slideshow__text "> <p class="product-name text--dark-grey copy-xlarge"> 雀巢咖啡<sup>®</sup>金牌咖啡 </p> <div class="rating-and-description"> <div class="rating-widget" tabindex="0" aria-label="0" role="img"> <label for="edit-vote--2" class="hide">Product Ratings</label> <div class="user-rating disabled white-star inline"> <div class="fivestar-basic"> <div class="fivestar-widget-static fivestar-widget-static-vote fivestar-widget-static-5 clearfix"> <div class="star star-1 star-odd star-first"> <span class="off"> 0 </span> </div> <div class="star star-2 star-even"> <span class="off"> </span> </div> <div class="star star-3 star-odd"> <span class="off"> </span> </div> <div class="star star-4 star-even"> <span class="off"> </span> </div> <div class="star star-5 star-odd star-last"> <span class="off"> </span> </div> </div> </div> </div> </div> <p class="product-desc copy-large-h3 text--black"> #goldblend 雀巢咖啡®金牌咖啡,嚴選來自哥倫比亞及危地馬拉等中美洲國家,最優質的阿拉比卡咖啡豆,以創新MAC (Micronized... </p> </div> </div> <div class="buy-now-and-compare-products"> <!-- <button class="expanded button red">Buy Now</button> --> <div id="fusepump-link-id" data-productname="雀巢咖啡®金牌咖啡" data-productbrand="NESCAFE" data-productskuid="p878" data-productcategory="coffee" class="buy-now-btn expanded button red"> <div class="field field--node-field-fusepump field--name-field-fusepump field--type-field-fusepump field--label-hidden field__item"><div id="fusepump-0-1331" class="fusepump-widget"></div> <div class="fusepump-link button red compare-product__buy_now" data-id="v3ym0md" data-fallback="" target-id="fusepump-0-1331"><span class="button-text">立即購買</span></div> </div> </div> <div class="compare-product__link copy-small-h5__bold" data-title="雀巢咖啡<sup>®</sup>金牌咖啡" data-product-image="/hk/sites/default/files/styles/product_list_thumbnail/public/2020-07/GB%20120G.png?itok=sVWkrb8S" data-product-nid="1331"> <input type="checkbox" id="1331-20221" class="form-checkbox required" aria-required="true"> <label for="1331-20221" class="font-awesome-icon fa-check-square contact-privacy-policy-label"> 產品比較 </label> </div> </a> </div> </div> <!-- new design end --> </div> </div> </div> </div> </section> </div> </div> Mon, 29 Jun 2020 19:06:03 +0000 Site Factory admin 1286 at https://www.nescafe.com/hk