https://www.nescafe.com/hk/ zh-hk https://www.nescafe.com/hk/our-coffees/coffeemate <h1 class="headline-h1">雀巢^®咖啡伴侶^®</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/12091015%20Coffeemate%20200g.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/12091015%20Coffeemate%20200g.png?itok=BhPpTBVi 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/12091015%20Coffeemate%20200g.png?itok=BhPpTBVi 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/12091015%20Coffeemate%20200g.png?itok=ENP05aZg 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/12091015%20Coffeemate%20200g.png?itok=Qejnx2R1 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/12091015%20Coffeemate%20200g.png?itok=Qejnx2R1 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/12091015%20Coffeemate%20200g.png?itok=t8LErhPm 1x"/> <img image_lazyload="no" src="/hk/sites/default/files/styles/product_slider_thumbnail/public/2020-07/12091015%20Coffeemate%20200g.png?itok=Qejnx2R1" 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>#coffeemate</p> <p>特別為沖調雀巢咖啡®產品而配製的雀巢®咖啡伴侶®植脂末，令咖啡更香濃，更幼滑，每100克含0克反式脂肪。</p></div> <div class="field field--node-field-dsu-sku field--name-field-dsu-sku field--type-string field--label-hidden field__item">p57689</div> <drupal-render-placeholder callback="flag.link_builder:build" arguments="0=node&amp;1=1251&amp;2=product_wishlist" token="JMda5gnnrE7DGxGEyzDKdWA61b0jXG2VgVndNPXImto"></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/1414/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>3</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-v9-6vdndqcwxvnfiyzfzt-sn9eouuclgplowhvr3ky" type="hidden" name="form_build_id" value="form-V9-_6vdNdQCwXvnFIYZFzt-Sn9eoUUclGploWhVR3KY" /> <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=1251&amp;2=field_comments&amp;3=dsu_ratings_reviews_comment_type" token="f-jeIMZVLGAHIyquvy5sYR0DfslAGhrMa-fAILvRtDw"></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-1251" class="fusepump-widget"></div> <div class="fusepump-link button red compare-product__buy_now" data-id="v3wed9p" data-fallback="" target-id="fusepump-0-1251"><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-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"> 雀巢咖啡^®ALTA RICA^®咖啡 </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="雀巢咖啡^®ALTA RICA^®咖啡" 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-20261" class="form-checkbox required" aria-required="true"> <label for="1286-20261" 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"> 雀巢咖啡^®SMOOVLATTÉ^®朱古力咖啡 </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="雀巢咖啡^®SMOOVLATTÉ^®朱古力咖啡" 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-20266" class="form-checkbox required" aria-required="true"> <label for="1296-20266" 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"> 雀巢咖啡^®SMOOVLATTÉ^® </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="雀巢咖啡^®SMOOVLATTÉ^®" 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-20271" class="form-checkbox required" aria-required="true"> <label for="1291-20271" 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 1251 at https://www.nescafe.com/hk