{"id":3641,"date":"2025-02-19T13:15:11","date_gmt":"2025-02-19T12:15:11","guid":{"rendered":"https:\/\/malmocity.se\/?page_id=3641"},"modified":"2026-03-26T09:11:51","modified_gmt":"2026-03-26T08:11:51","slug":"boende","status":"publish","type":"page","link":"https:\/\/malmocity.se\/en\/upplev-city\/boende\/","title":{"rendered":"Accommodation"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"3641\" class=\"elementor elementor-3641\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-23ebb886 e-flex e-con-boxed e-con e-parent\" data-id=\"23ebb886\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-63d9497d e-flex e-con-boxed e-con e-child\" data-id=\"63d9497d\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-61327dd5 e-con-full e-flex e-con e-parent\" data-id=\"61327dd5\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-beee892 e-con-full e-flex e-con e-child\" data-id=\"beee892\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-0ebd8c5 e-con-full e-flex e-con e-child\" data-id=\"0ebd8c5\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-3fc7395 e-con-full e-flex e-con e-child\" data-id=\"3fc7395\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-58a5ced elementor-widget elementor-widget-heading\" data-id=\"58a5ced\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">Accommodation<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b8d80fb elementor-widget elementor-widget-text-editor\" data-id=\"b8d80fb\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Here you will find the entire range of Malm\u00f6 Citys Accommodation category.<br \/><span style=\"color: var( --e-global-color-text );\">Please note that not all organisations accept Malm\u00f6 City Gift Cards.<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5c4a477 _search-input elementor-widget elementor-widget-search\" data-id=\"5c4a477\" data-element_type=\"widget\" data-settings=\"{&quot;live_results&quot;:&quot;yes&quot;,&quot;submit_trigger&quot;:&quot;click_submit&quot;,&quot;pagination_type_options&quot;:&quot;none&quot;,&quot;results_is_dropdown_width&quot;:&quot;search_field&quot;}\" data-widget_type=\"search.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<search class=\"e-search hidden\" role=\"search\">\n\t\t\t<form class=\"e-search-form\" action=\"https:\/\/malmocity.se\/en\/\" method=\"get\" data-trp-original-action=\"https:\/\/malmocity.se\/en\">\n\n\t\t\t\t\n\t\t\t\t<label class=\"e-search-label\" for=\"search-5c4a477\">\n\t\t\t\t\t<span class=\"elementor-screen-only\">\n\t\t\t\t\t\tSearch\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<\/label>\n\n\t\t\t\t<div class=\"e-search-input-wrapper\">\n\t\t\t\t\t<input id=\"search-5c4a477\" placeholder=\"Search for accommodation ...\" class=\"e-search-input\" type=\"search\" name=\"s\" value=\"\" autocomplete=\"off\" role=\"combobox\" aria-autocomplete=\"list\" aria-expanded=\"false\" aria-controls=\"results-5c4a477\" aria-haspopup=\"listbox\">\n\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-times\" viewbox=\"0 0 352 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z\"><\/path><\/svg>\t\t\t\t\t\t\t\t\t\t<output id=\"results-5c4a477\" class=\"e-search-results-container hide-loader\" aria-live=\"polite\" aria-atomic=\"true\" aria-label=\"Results for search\" tabindex=\"0\">\n\t\t\t\t\t\t<div class=\"e-search-results\"><\/div>\n\t\t\t\t\t\t\t\t\t\t\t<\/output>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t<button class=\"e-search-submit\" type=\"submit\">\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t<span class=\"\">\n\t\t\t\t\t\tSearch\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<\/button>\n\t\t\t\t<input type=\"hidden\" name=\"e_search_props\" value=\"5c4a477-3641\">\n\t\t\t<input type=\"hidden\" name=\"trp-form-language\" value=\"en\"\/><\/form>\n\t\t<\/search>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-33c529a _searchGiftCard elementor-widget elementor-widget-button\" data-id=\"33c529a\" data-element_type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"#\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-icon\">\n\t\t\t\t<i aria-hidden=\"true\" class=\"far fa-caret-right\"><\/i>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">See businesses that accept gift cards<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-51d29e7 e-con-full e-flex e-con e-child\" data-id=\"51d29e7\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7c0e323 _searchAll elementor-widget elementor-widget-button\" data-id=\"7c0e323\" data-element_type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"#\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">All of them<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1599d6c _grid-container e-flex e-con-boxed e-con e-child\" data-id=\"1599d6c\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4970e8e elementor-absolute elementor-widget elementor-widget-html\" data-id=\"4970e8e\" data-element_type=\"widget\" data-settings=\"{&quot;_position&quot;:&quot;absolute&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n\n<script>\n\n  const searchInput = document.querySelector('._search-input input');\n  const searchButton = document.querySelector('._search-input button');\n  const gridContainer = document.querySelector('._grid-container');\n  const searchAll = document.querySelector('._searchAll');\n  \n  const searchGiftCard = document.querySelector('._searchGiftCard');\n  \n  \/\/ CHECKBOX \/\/\n  \n    const style = document.createElement('style');\n    style.textContent = `\n      .custom-checkbox {\n        appearance: none;\n        -webkit-appearance: none;\n        min-width: 28px;\n        min-height: 28px;\n        border-radius: 50%;\n        border: 1px solid #5eb1a8;\n        background-color: #fffcf2;\n        display: grid;\n        place-items: center;\n        cursor: pointer;\n        transition: border-color 0.2s ease;\n        padding: 0;\n        position: relative;\n      }\n    \n      .custom-checkbox:checked::after {\n        content: '\u2764\ufe0f';\n        font-size: 16px;\n        position: absolute;\n        margin-right: 0.5px;\n      }\n    \n      .custom-checkbox:hover {\n        border-color: #438E81;\n      }\n    `;\n    document.head.appendChild(style);\n    \n    const search = document.querySelector('._search-input');\n    \n    const checkboxWrapper = document.createElement('div');\n    checkboxWrapper.style.display = 'flex';\n    checkboxWrapper.style.alignItems = 'center';\n    checkboxWrapper.style.justifyContent = 'center';\n    checkboxWrapper.style.margin = '0 auto';\n    checkboxWrapper.style.marginTop = '20px';\n    checkboxWrapper.className = '_onlyGiftCards';\n    \n    \/\/ Checkbox\n    const checkbox = document.createElement('input');\n    checkbox.type = 'checkbox';\n    checkbox.id = 'presentkortFilter';\n    checkbox.className = 'custom-checkbox';\n    \n    \/\/ Label\n    const label = document.createElement('label');\n    label.htmlFor = 'presentkortFilter';\n    label.textContent = 'Endast verksamheter med presentkort';\n    label.style.marginLeft = '10px';\n    label.style.cursor = 'pointer';\n    label.style.fontSize = '16px';\n    label.style.color = \"#5eb1a8\";\n    \n    checkboxWrapper.appendChild(checkbox);\n    checkboxWrapper.appendChild(label);\n    \n    search.appendChild(checkboxWrapper);\n  \n  \/\/ CHECKBOX \/\/\n  \n  searchAll.style.opacity = 0;\n\n  const defaultImage = \"https:\/\/malmocity.se\/wp-content\/uploads\/2025\/01\/dsc8839-mt_skeppsbron_och_malmo_live_hires-scaled.jpeg\";\n  \n  let sek;\n  \n  if(sessionStorage.getItem('autoFilterGiftCard') === 'true'){\n       searchInput.placeholder = `Lista visas om 3 sekunder`;\n       sek = 2;\n    }  \n    else {\n        searchInput.placeholder = `S\u00f6k om 2 sekunder`;\n        sek = 1;\n    }\n\nconst timer = setInterval(() => {\n  if (sek > 0) {\n      \n      \n    if(sessionStorage.getItem('autoFilterGiftCard') === 'true'){\n       searchInput.placeholder = `Lista visas om ${sek} sekunder`; \n    }  \n    else searchInput.placeholder = `S\u00f6k om ${sek} sekunder`;\n    sek--;\n  } else {\n      \n      \n    sessionStorage.removeItem('autoFilterGiftCard');  \n      \n    clearInterval(timer);\n    \n    searchInput.placeholder = 'S\u00f6k efter boende...';\n    \n    searchInput.style.pointerEvents = 'auto';\n    searchButton.style.pointerEvents = 'auto';\n    searchButton.style.background = '#8D0C02';\n\n    \/\/ Delay button appearance by 500ms\n    setTimeout(() => {\n      const elements = [\n        searchAll,\n      ];\n\n      elements.forEach((el, i) => {\n        el.style.opacity = 0; \/\/ Optional: start hidden\n        el.style.transition = 'opacity 300ms ease';\n\n        setTimeout(() => {\n          el.style.opacity = 1;\n        }, i * 50);\n      });\n    }, 500); \/\/ <-- delay showing buttons by 500ms\n  }\n}, 1000);\n\n  function htmlContainer(company) {\n  return `<a class=\"elementor-element elementor-element-e57ec60 e-con e-parent e-lazyloaded\" \n    data-id=\"e57ec60\" \n    data-element_type=\"container\" \n    href=\"${company.url}\" \n    style=\"display: flex; flex-direction: column; width: 300px; height: 400px; text-decoration: none; border: 1px solid #eee; border-radius: 8px; overflow: hidden; background: #fff;\">\n\n    <!-- Image section: 300px height -->\n    <div style=\"height: 300px; width: 100%; overflow: hidden;\">\n      <img \n        decoding=\"async\" \n        src=\"${company.cover || defaultImage}\" \n        alt=\"${company.title || 'Bild'}\" \n        style=\"width: 100%; height: 100%; object-fit: cover;\">\n    <\/div>\n\n    <!-- Text section: 100px height -->\n    <div style=\"height: 100px; width: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 10px; box-sizing: border-box; text-align: center;\">\n      <h5 class=\"elementor-heading-title elementor-size-default\" style=\"margin: 0; font-size: 15px;\">\n        ${company.title || 'Namn saknas'}\n      <\/h5>\n      <p style=\"margin: 6px 0 0; font-size: 13px; color: ${company.hasGiftCard ? \"green\" : \"black\"};\">\n        Presentkort g\u00e4ller ${company.hasGiftCard ? \"\" : \"inte\"}\n      <\/p>\n    <\/div>\n\n  <\/a>`;\n}\n\n\n  (async () => {\n    const res = await fetch('\/wp-json\/custom\/v1\/all-companies');\n    const data = await res.json();\n    \n    const allowedCategories = [\"Hotell\"];\n\n    const filteredData = data.filter(item =>\n        item.categories.some(category => allowedCategories.includes(category))\n    );\n    \n    \/\/ AUTOFILL\n    \n    gridContainer.innerHTML = \"\";\n    \n    filteredData.forEach(el => {\n        gridContainer.insertAdjacentHTML('beforeend', htmlContainer(el));\n      });\n    \n    \/\/ AUTOFILL\n    \n    const onlyGiftCards = filteredData.filter(name => name.categories.includes(\"Accepts the gift card\"));\n    \n    function searchClickListener(e) {\n      e.preventDefault();\n      const searchTerm = searchInput.value.toLowerCase();\n      \n      const filteredData2 = !checkbox.checked ? filteredData : onlyGiftCards;\n      \n      let matches;\n     \n      matches = filteredData2.filter(name => name.title.toLowerCase().includes(searchTerm));\n\n      gridContainer.innerHTML = \"\";\n\n      matches.forEach(el => {\n        gridContainer.insertAdjacentHTML('beforeend', htmlContainer(el));\n      });\n    }\n    \n    function searchAllListener(e) {\n      e.preventDefault();  \n      gridContainer.innerHTML = \"\";\n      \n      const filteredData2 = !checkbox.checked ? filteredData : onlyGiftCards;\n      \n      filteredData2.forEach(el => {\n        gridContainer.insertAdjacentHTML('beforeend', htmlContainer(el));\n      });\n    }\n    \n    function searchGiftCardListener(e = null) {\n      e.preventDefault();  \n      gridContainer.innerHTML = \"\";\n      \n      const matches = filteredData.filter(name => name.categories.includes(\"Accepts the gift card\"));\n      \n      matches.forEach(el => {\n        gridContainer.insertAdjacentHTML('beforeend', htmlContainer(el));\n      });\n    }\n\n    searchButton.addEventListener('click', searchClickListener);\n    searchAll.addEventListener('click', searchAllListener);\n    searchGiftCard.addEventListener('click', searchGiftCardListener);\n    \n    \n    \n    if(sessionStorage.getItem('autoFilterGiftCard') === 'true'){\n      \n      checkbox.checked = 'true';\n      \n      gridContainer.innerHTML = \"\";\n      \n      const matches = filteredData.filter(name => name.categories.includes(\"Accepts the gift card\"));\n      \n      matches.forEach(el => {\n        gridContainer.insertAdjacentHTML('beforeend', htmlContainer(el));\n      });\n      \n  }\n    \n    \n    \n  })();\n  \n  \n\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Accommodation Here you will find all of Malm\u00f6 City's offerings in the category Accommodation.Please note that not all businesses accept Malm\u00f6 City Gift Cards. Search Search See businesses that accept gift cards All<\/p>","protected":false},"author":1,"featured_media":0,"parent":2389,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-3641","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/malmocity.se\/en\/wp-json\/wp\/v2\/pages\/3641","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/malmocity.se\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/malmocity.se\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/malmocity.se\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/malmocity.se\/en\/wp-json\/wp\/v2\/comments?post=3641"}],"version-history":[{"count":19,"href":"https:\/\/malmocity.se\/en\/wp-json\/wp\/v2\/pages\/3641\/revisions"}],"predecessor-version":[{"id":9146,"href":"https:\/\/malmocity.se\/en\/wp-json\/wp\/v2\/pages\/3641\/revisions\/9146"}],"up":[{"embeddable":true,"href":"https:\/\/malmocity.se\/en\/wp-json\/wp\/v2\/pages\/2389"}],"wp:attachment":[{"href":"https:\/\/malmocity.se\/en\/wp-json\/wp\/v2\/media?parent=3641"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}