{"id":123,"date":"2025-11-29T03:34:23","date_gmt":"2025-11-29T03:34:23","guid":{"rendered":"https:\/\/seafood.anhtu1.id.vn\/?page_id=123"},"modified":"2025-11-30T05:14:15","modified_gmt":"2025-11-30T05:14:15","slug":"hai-san-3-anh-em-3","status":"publish","type":"page","link":"https:\/\/seafood.anhtu1.id.vn\/index.php\/hai-san-3-anh-em-3\/","title":{"rendered":"H\u1ea3i s\u1ea3n 3 anh em"},"content":{"rendered":"\n<!DOCTYPE html>\n<html lang=\"vi\">\n<head>\n<meta charset=\"UTF-8\">\n<title>Ngh\u00eau S\u1ea7n &#8211; S\u1ed1ng<\/title>\n\n<style>\n\/* ===== LAYOUT TRANG CHI TI\u1ebeT ===== *\/\n.product-page{\n  max-width:1200px;\n  margin:30px auto;\n  padding:0 16px;\n  font-family:system-ui,-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,sans-serif;\n}\n.product-main{\n  display:grid;\n  grid-template-columns:1.4fr 1.6fr 1fr; \/* tr\u00e1i + gi\u1eefa + sidebar *\/\n  gap:24px;\n}\n.product-main-left{\n  grid-column:1\/3;\n  display:grid;\n  grid-template-columns:1fr 1.1fr; \/* \u1ea3nh \/ n\u1ed9i dung *\/\n  gap:24px;\n}\n\n\/* \u1ea2NH S\u1ea2N PH\u1ea8M \u2013 CH\u1ec8 1 \u1ea2NH B\u1ef0 *\/\n.product-media-main img{\n  width:100%;\n  max-height:500px;\n  object-fit:cover;\n  border:1px solid #eee;\n}\n\n\/* TH\u00d4NG TIN S\u1ea2N PH\u1ea8M *\/\n.product-info h1{\n  font-size:26px;\n  font-weight:700;\n  margin:0 0 12px 0;\n}\n.product-info .meta{\n  font-size:14px;\n  margin-bottom:8px;\n}\n.product-info .meta span{font-weight:700;}\n.product-info ul{\n  margin:8px 0 16px 18px;\n  padding:0;\n  font-size:14px;\n  line-height:1.6;\n}\n\n\/* KHUNG MUA H\u00c0NG (GI\u00c1 \/ CH\u1eccN \/ S\u1ed0 L\u01af\u1ee2NG \/ N\u00daT) *\/\n.product-price{\n  margin:14px 0 6px 0;\n  font-size:28px;\n  color:#0066cc;\n  font-weight:700;\n}\n.product-price span{\n  font-size:16px;\n  font-weight:400;\n  color:#555;\n}\n.option-group{margin:12px 0 10px 0;}\n.option-group-title{font-weight:700;margin-bottom:6px;}\n.option-choices{display:flex;gap:14px;font-size:14px;}\n.option-choices label{cursor:pointer;}\n\n.qty-group{\n  display:flex;\n  align-items:center;\n  gap:8px;\n  margin-bottom:8px;\n}\n.qty-group span{font-weight:700;}\n.qty-input{\n  display:flex;\n  align-items:center;\n  border:1px solid #ccc;\n  border-radius:4px;\n}\n.qty-input button{\n  border:none;\n  background:#f3f3f3;\n  width:30px;\n  height:30px;\n  font-size:18px;\n  cursor:pointer;\n}\n.qty-input input{\n  width:40px;\n  text-align:center;\n  border:none;\n  outline:none;\n}\n\n\/* T\u1ea1m t\u00ednh *\/\n.total-line{\n  margin:6px 0 18px 0;\n  font-size:15px;\n  font-weight:600;\n  color:#333;\n}\n\n\/* N\u00fat *\/\n.product-actions{\n  display:flex;\n  gap:10px;\n}\n.btn-cart,.btn-buy{\n  flex:1;\n  padding:12px;\n  font-size:15px;\n  font-weight:700;\n  border-radius:4px;\n  border:none;\n  cursor:pointer;\n  color:#fff;\n}\n.btn-cart{background:#0056b3;}\n.btn-cart:hover{background:#004696;}\n.btn-buy{background:#ff0000;}\n.btn-buy:hover{background:#e00000;}\n\n\/* SIDEBAR PH\u1ea2I *\/\n.product-sidebar{\n  border-left:1px solid #eee;\n  padding-left:18px;\n  font-size:14px;\n}\n.sidebar-box{\n  margin-bottom:18px;\n  padding-bottom:14px;\n  border-bottom:1px solid #eee;\n}\n.sidebar-title{font-weight:700;margin-bottom:6px;}\n.hotline{font-size:16px;color:#ff6600;font-weight:700;}\n\n@media(max-width:900px){\n  .product-main{grid-template-columns:1fr;}\n  .product-main-left{grid-template-columns:1fr;}\n  .product-sidebar{\n    border-left:none;\n    padding-left:0;\n    border-top:1px solid #eee;\n    padding-top:16px;\n  }\n}\n<\/style>\n<\/head>\n\n<body>\n\n<div class=\"product-page\">\n\n  <!-- BREADCRUMB \u2013 Trang ch\u1ee7 b\u1ea5m \u0111\u01b0\u1ee3c -->\n  <div style=\"font-size:13px;margin-bottom:12px;\">\n    <a href=\"\/\" style=\"color:#007bff;text-decoration:none;\">Trang ch\u1ee7<\/a>\n    \/ Si\u00eau Th\u1ecb H\u1ea3i S\u1ea3n Ho\u00e0ng Gia \/\n    <strong>C\u00e1 Ki\u1ebfm<\/strong>\n  <\/div>\n\n  <div class=\"product-main\">\n\n    <!-- \u1ea2NH + TH\u00d4NG TIN -->\n    <div class=\"product-main-left\">\n\n      <!-- \u1ea2NH B\u1ef0 DUY NH\u1ea4T -->\n      <div class=\"product-media-main\">\n        <!-- \ud83d\udd34 Thay link \u1ea3nh th\u1eadt c\u1ee7a m\u00e0y \u1edf \u0111\u00e2y -->\n        <img decoding=\"async\"\n          src=\"https:\/\/bom.so\/JGKfcl\"\n          alt=\"C\u00e1 Ki\u1ebfm\">\n      <\/div>\n\n      <!-- TH\u00d4NG TIN + KHUNG MUA H\u00c0NG -->\n      <div class=\"product-info\">\n        <h1>C\u00e1 Ki\u1ebfm<\/h1>\n\n        <div class=\"meta\">\n          <div><span>Xu\u1ea5t x\u1ee9:<\/span> Phan Thi\u1ebft &#8211; Vi\u1ec7t Nam<\/div>\n          <div><span>Tr\u1ecdng l\u01b0\u1ee3ng:<\/span> 1 &#8211; 2 con\/kg<\/div>\n          <div>H\u00e0ng thi\u00ean nhi\u00ean c\u00f3 quanh n\u0103m<\/div>\n        <\/div>\n\n        <ul>\n          <li>H\u00e0ng t\u01b0\u01a1i s\u1ed1ng giao nhanh 2H<\/li>\n          <li>T\u1eb7ng 100.000\u0111 khi \u0111\u0103ng k\u00fd th\u00e0nh vi\u00ean<\/li>\n          <li>\u01afu \u0111\u00e3i th\u00e0nh vi\u00ean l\u00ean \u0111\u1ebfn 10%<\/li>\n          <li>Cam k\u1ebft 1 \u0111\u1ed5i 1 n\u1ebfu kh\u00f4ng \u0111\u1ea1t ch\u1ea5t l\u01b0\u1ee3ng<\/li>\n          <li>Kh\u00f4ng d\u00f9ng h\u00e0ng \u0111\u00f4ng l\u1ea1nh ch\u1ebf bi\u1ebfn m\u00f3n<\/li>\n        <\/ul>\n\n        <!-- ==== H\u1ed8P MUA H\u00c0NG (\u0111\u1ee7 ch\u1ee9c n\u0103ng) ==== -->\n        <div class=\"purchase-box\"\n             data-product-id=\"ca-kiem\"\n             data-product-name=\"C\u00e1 Ki\u1ebfm\"\n             data-price1=\"399000\"\n             data-price05=\"220000\">\n\n          <!-- Gi\u00e1 theo \u0111\u01a1n v\u1ecb \u0111ang ch\u1ecdn -->\n          <div class=\"product-price\">\n            <span class=\"js-price-number\">399,000<\/span>\u0111\n            <span>\/ <span class=\"js-unit-label\">kg<\/span><\/span>\n          <\/div>\n\n          <!-- Ch\u1ecdn lo\u1ea1i -->\n          <div class=\"option-group\">\n            <div class=\"option-group-title\">Ch\u1ecdn:<\/div>\n            <div class=\"option-choices\">\n              <label>\n                <input type=\"radio\" name=\"size-ca-kiem\" value=\"1\" checked>\n                1 kg\n              <\/label>\n              <label>\n                <input type=\"radio\" name=\"size-ca-kiem\" value=\"0.5\">\n                0.5 kg\n              <\/label>\n            <\/div>\n          <\/div>\n\n          <!-- S\u1ed1 l\u01b0\u1ee3ng -->\n          <div class=\"qty-group\">\n            <span>S\u1ed1 l\u01b0\u1ee3ng:<\/span>\n            <div class=\"qty-input\">\n              <button type=\"button\" class=\"js-qty-minus\">&#8211;<\/button>\n              <input type=\"text\" class=\"js-qty-input\" value=\"1\">\n              <button type=\"button\" class=\"js-qty-plus\">+<\/button>\n            <\/div>\n          <\/div>\n\n          <!-- T\u1ea1m t\u00ednh -->\n          <div class=\"total-line\">\n            T\u1ea1m t\u00ednh: <span class=\"js-total\">399,000<\/span>\u0111\n          <\/div>\n\n          <!-- N\u00fat h\u00e0nh \u0111\u1ed9ng -->\n          <div class=\"product-actions\">\n            <button type=\"button\" class=\"btn-cart js-add-cart\">TH\u00caM V\u00c0O GI\u1ece<\/button>\n            <button type=\"button\" class=\"btn-buy js-buy-now\">MUA NGAY<\/button>\n          <\/div>\n        <\/div>\n        <!-- ==== H\u1ebeT H\u1ed8P MUA H\u00c0NG ==== -->\n\n      <\/div>\n    <\/div>\n\n    <!-- SIDEBAR PH\u1ea2I -->\n    <aside class=\"product-sidebar\">\n      <div class=\"sidebar-box\">\n        <div class=\"sidebar-title\">T\u01af V\u1ea4N \u0110\u1eb6T H\u00c0NG<\/div>\n        <div class=\"hotline\">0784226237<\/div>\n        <div>8h &#8211; 21h (T2 &#8211; CN)<\/div>\n      <\/div>\n\n      <div class=\"sidebar-box\">\n        <div class=\"sidebar-title\">L\u1ee2I \u00cdCH KHI MUA<\/div>\n        \u2705 Cam k\u1ebft ch\u1ea5t l\u01b0\u1ee3ng, ngu\u1ed3n g\u1ed1c r\u00f5 r\u00e0ng<br>\n        \u2705 1 \u0111\u1ed5i 1 trong 2h n\u1ebfu c\u00f3 v\u1ea5n \u0111\u1ec1<br>\n        \u2705 \u0110\u00f3ng g\u00f3i s\u1ea1ch s\u1ebd, ti\u1ec7n l\u1ee3i<br>\n        \u2705 Giao h\u00e0ng nhanh, h\u1ed7 tr\u1ee3 ph\u00ed ship\n      <\/div>\n\n      <div class=\"sidebar-box\">\n        <strong>Li\u00ean h\u1ec7 \u0111\u1eb7t h\u00e0ng<\/strong><br>\n        0784226237\n      <\/div>\n    <\/aside>\n\n  <\/div>\n<\/div>\n\n<script>\n\/\/ ===== JS H\u1ed8P MUA H\u00c0NG \u2013 \u0110\u00c3 FIX NaN =====\n\n\/\/ format ti\u1ec1n VN\u0110\nfunction formatVND(n){\n  return n.toLocaleString('vi-VN');\n}\n\n\/\/ Kh\u1edfi t\u1ea1o cho m\u1ed7i h\u1ed9p mua h\u00e0ng\ndocument.querySelectorAll('.purchase-box').forEach(function(box){\n  \/\/ l\u1ea5y gi\u00e1 t\u1eeb data-attribute (\u0111\u00c3 \u0111\u1ed5i t\u00ean)\n  const price1 = parseInt(box.dataset.price1, 10) || 0;   \/\/ gi\u00e1 1kg\n  const price05 = parseInt(box.dataset.price05, 10) || 0; \/\/ gi\u00e1 0.5kg\n\n  const priceNumber = box.querySelector('.js-price-number');\n  const unitLabel   = box.querySelector('.js-unit-label');\n  const totalEl     = box.querySelector('.js-total');\n  const qtyInput    = box.querySelector('.js-qty-input');\n  const minusBtn    = box.querySelector('.js-qty-minus');\n  const plusBtn     = box.querySelector('.js-qty-plus');\n  const radios      = box.querySelectorAll('input[type=\"radio\"]');\n  const addCartBtn  = box.querySelector('.js-add-cart');\n  const buyNowBtn   = box.querySelector('.js-buy-now');\n\n  function getSelectedPrice(){\n    let size = \"1\";\n    radios.forEach(r=>{\n      if(r.checked) size = r.value;\n    });\n    if(size === \"1\"){\n      unitLabel.textContent = \"kg\";\n      return price1;\n    }else{\n      unitLabel.textContent = \"0.5 kg\";\n      return price05;\n    }\n  }\n\n  function updatePrice(){\n    const price = getSelectedPrice();\n    let qty = parseInt(qtyInput.value || \"1\", 10);\n    if(isNaN(qty) || qty < 1) qty = 1;\n\n    qtyInput.value = qty;\n    priceNumber.textContent = formatVND(price);\n    totalEl.textContent = formatVND(price * qty);\n  }\n\n  \/\/ S\u1ef1 ki\u1ec7n + -\n  minusBtn.addEventListener('click', function(){\n    let v = parseInt(qtyInput.value || \"1\", 10) - 1;\n    if(isNaN(v) || v < 1) v = 1;\n    qtyInput.value = v;\n    updatePrice();\n  });\n\n  plusBtn.addEventListener('click', function(){\n    let v = parseInt(qtyInput.value || \"1\", 10) + 1;\n    if(isNaN(v) || v < 1) v = 1;\n    qtyInput.value = v;\n    updatePrice();\n  });\n\n  qtyInput.addEventListener('input', updatePrice);\n\n  \/\/ \u0110\u1ed5i lo\u1ea1i 1kg \/ 0.5kg\n  radios.forEach(r=>{\n    r.addEventListener('change', updatePrice);\n  });\n\n  \/\/ Gi\u1ecf h\u00e0ng \u0111\u01a1n gi\u1ea3n l\u01b0u trong localStorage\n  function addToCart(goToCart){\n    const id   = box.dataset.productId;\n    const name = box.dataset.productName;\n    const price= getSelectedPrice();\n    const qty  = Math.max(1, parseInt(qtyInput.value || \"1\", 10));\n\n    let cart = [];\n    try{\n      cart = JSON.parse(localStorage.getItem('cart')) || [];\n    }catch(e){}\n\n    const existing = cart.find(item => item.id === id && item.price === price);\n    if(existing){\n      existing.qty += qty;\n    }else{\n      cart.push({id, name, price, qty});\n    }\n    localStorage.setItem('cart', JSON.stringify(cart));\n\n    alert(\"\u0110\u00e3 th\u00eam \" + qty + \" x \" + name + \" v\u00e0o gi\u1ecf h\u00e0ng.\");\n\n    if(goToCart){\n      \/\/ sau n\u00e0y c\u00f3 trang gi\u1ecf th\u00ec m\u1edf d\u00f2ng n\u00e0y\n      \/\/ location.href = \"\/gio-hang\";\n      alert(\"\u0110\u00e3 mua ngay (demo). Sau n\u00e0y tr\u1ecf sang trang \/gio-hang ho\u1eb7c \/thanh-toan.\");\n    }\n  }\n\n  addCartBtn.addEventListener('click', function(){\n    addToCart(false);\n  });\n  buyNowBtn.addEventListener('click', function(){\n    addToCart(true);\n  });\n\n  \/\/ ch\u1ea1y l\u1ea7n \u0111\u1ea7u\n  updatePrice();\n});\n<\/script>\n\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Ngh\u00eau S\u1ea7n &#8211; S\u1ed1ng Trang ch\u1ee7 \/ Si\u00eau Th\u1ecb H\u1ea3i S\u1ea3n Ho\u00e0ng Gia \/ C\u00e1 Ki\u1ebfm C\u00e1 Ki\u1ebfm Xu\u1ea5t x\u1ee9: Phan Thi\u1ebft &#8211; Vi\u1ec7t Nam Tr\u1ecdng l\u01b0\u1ee3ng: 1 &#8211; 2 con\/kg H\u00e0ng thi\u00ean nhi\u00ean c\u00f3 quanh n\u0103m H\u00e0ng t\u01b0\u01a1i s\u1ed1ng giao nhanh 2H T\u1eb7ng 100.000\u0111 khi \u0111\u0103ng k\u00fd th\u00e0nh vi\u00ean \u01afu \u0111\u00e3i th\u00e0nh vi\u00ean l\u00ean [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-123","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/seafood.anhtu1.id.vn\/index.php\/wp-json\/wp\/v2\/pages\/123","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/seafood.anhtu1.id.vn\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/seafood.anhtu1.id.vn\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/seafood.anhtu1.id.vn\/index.php\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/seafood.anhtu1.id.vn\/index.php\/wp-json\/wp\/v2\/comments?post=123"}],"version-history":[{"count":3,"href":"https:\/\/seafood.anhtu1.id.vn\/index.php\/wp-json\/wp\/v2\/pages\/123\/revisions"}],"predecessor-version":[{"id":215,"href":"https:\/\/seafood.anhtu1.id.vn\/index.php\/wp-json\/wp\/v2\/pages\/123\/revisions\/215"}],"wp:attachment":[{"href":"https:\/\/seafood.anhtu1.id.vn\/index.php\/wp-json\/wp\/v2\/media?parent=123"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}