{"id":14809,"date":"2026-03-29T14:06:04","date_gmt":"2026-03-29T08:36:04","guid":{"rendered":"https:\/\/www.huntbee.com\/resources\/docs\/google-language-switcher\/configuration\/popup-modes\/"},"modified":"2026-03-29T14:07:59","modified_gmt":"2026-03-29T08:37:59","slug":"popup-modes","status":"publish","type":"docs","link":"https:\/\/www.huntbee.com\/resources\/docs\/google-language-switcher\/configuration\/popup-modes\/","title":{"rendered":"Popup Modes"},"content":{"rendered":"\n<h3 class=\"wp-block-heading\">CSS Popup (Recommended Default)<\/h3>\n\n\n\n<p>Uses the module&#8217;s built-in overlay and modal CSS. No third-party library dependency. Recommended when your theme does not already load Magnific Popup globally. This is the safer, more universally compatible choice.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Magnific Popup<\/h3>\n\n\n\n<p>Uses the theme&#8217;s existing Magnific Popup library for the popup behavior. Falls back safely to the CSS popup if Magnific is not found on the page. Best suited for themes that already include Magnific Popup to ensure consistent look-and-feel.<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p>\ud83d\udca1If you are unsure which mode to use, choose\u00a0<strong>CSS Popup<\/strong>. It works without any theme dependency and behaves consistently across all standard OpenCart 3.x themes.<\/p>\n<\/blockquote>\n\n\n\n<p><\/p>\n","protected":false},"featured_media":0,"parent":14805,"menu_order":1,"comment_status":"closed","ping_status":"closed","template":"","doc_tag":[],"class_list":["post-14809","docs","type-docs","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Popup Modes - HuntBee Resources<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.huntbee.com\/resources\/docs\/google-language-switcher\/configuration\/popup-modes\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Popup Modes - HuntBee Resources\" \/>\n<meta property=\"og:description\" content=\"CSS Popup (Recommended Default) Uses the module&#8217;s built-in overlay and modal CSS. No third-party library dependency. Recommended when your theme does not already load Magnific Popup globally. This is the safer, more universally compatible choice. Magnific Popup Uses the theme&#8217;s existing Magnific Popup library for the popup behavior. Falls back safely to the CSS popup [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.huntbee.com\/resources\/docs\/google-language-switcher\/configuration\/popup-modes\/\" \/>\n<meta property=\"og:site_name\" content=\"HuntBee Resources\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/huntbee.opencart\" \/>\n<meta property=\"article:modified_time\" content=\"2026-03-29T08:37:59+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.huntbee.com\\\/resources\\\/docs\\\/google-language-switcher\\\/configuration\\\/popup-modes\\\/\",\"url\":\"https:\\\/\\\/www.huntbee.com\\\/resources\\\/docs\\\/google-language-switcher\\\/configuration\\\/popup-modes\\\/\",\"name\":\"Popup Modes - HuntBee Resources\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.huntbee.com\\\/resources\\\/#website\"},\"datePublished\":\"2026-03-29T08:36:04+00:00\",\"dateModified\":\"2026-03-29T08:37:59+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.huntbee.com\\\/resources\\\/docs\\\/google-language-switcher\\\/configuration\\\/popup-modes\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.huntbee.com\\\/resources\\\/docs\\\/google-language-switcher\\\/configuration\\\/popup-modes\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.huntbee.com\\\/resources\\\/docs\\\/google-language-switcher\\\/configuration\\\/popup-modes\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.huntbee.com\\\/resources\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Google Language Switcher\",\"item\":\"https:\\\/\\\/www.huntbee.com\\\/resources\\\/docs\\\/google-language-switcher\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Configuration\",\"item\":\"https:\\\/\\\/www.huntbee.com\\\/resources\\\/docs\\\/google-language-switcher\\\/configuration\\\/\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"Popup Modes\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.huntbee.com\\\/resources\\\/#website\",\"url\":\"https:\\\/\\\/www.huntbee.com\\\/resources\\\/\",\"name\":\"HuntBee Resources\",\"description\":\"OpenCart Extension Documentations - Guides - Blogs - Projects\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.huntbee.com\\\/resources\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.huntbee.com\\\/resources\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.huntbee.com\\\/resources\\\/#organization\",\"name\":\"HuntBee OpenCart\",\"url\":\"https:\\\/\\\/www.huntbee.com\\\/resources\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.huntbee.com\\\/resources\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.huntbee.com\\\/resources\\\/wp-content\\\/uploads\\\/2020\\\/04\\\/cropped-mobile-logo-new.png\",\"contentUrl\":\"https:\\\/\\\/www.huntbee.com\\\/resources\\\/wp-content\\\/uploads\\\/2020\\\/04\\\/cropped-mobile-logo-new.png\",\"width\":945,\"height\":200,\"caption\":\"HuntBee OpenCart\"},\"image\":{\"@id\":\"https:\\\/\\\/www.huntbee.com\\\/resources\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/huntbee.opencart\",\"https:\\\/\\\/www.instagram.com\\\/opencart.huntbee\\\/\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Popup Modes - HuntBee Resources","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.huntbee.com\/resources\/docs\/google-language-switcher\/configuration\/popup-modes\/","og_locale":"en_US","og_type":"article","og_title":"Popup Modes - HuntBee Resources","og_description":"CSS Popup (Recommended Default) Uses the module&#8217;s built-in overlay and modal CSS. No third-party library dependency. Recommended when your theme does not already load Magnific Popup globally. This is the safer, more universally compatible choice. Magnific Popup Uses the theme&#8217;s existing Magnific Popup library for the popup behavior. Falls back safely to the CSS popup [&hellip;]","og_url":"https:\/\/www.huntbee.com\/resources\/docs\/google-language-switcher\/configuration\/popup-modes\/","og_site_name":"HuntBee Resources","article_publisher":"https:\/\/www.facebook.com\/huntbee.opencart","article_modified_time":"2026-03-29T08:37:59+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.huntbee.com\/resources\/docs\/google-language-switcher\/configuration\/popup-modes\/","url":"https:\/\/www.huntbee.com\/resources\/docs\/google-language-switcher\/configuration\/popup-modes\/","name":"Popup Modes - HuntBee Resources","isPartOf":{"@id":"https:\/\/www.huntbee.com\/resources\/#website"},"datePublished":"2026-03-29T08:36:04+00:00","dateModified":"2026-03-29T08:37:59+00:00","breadcrumb":{"@id":"https:\/\/www.huntbee.com\/resources\/docs\/google-language-switcher\/configuration\/popup-modes\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.huntbee.com\/resources\/docs\/google-language-switcher\/configuration\/popup-modes\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.huntbee.com\/resources\/docs\/google-language-switcher\/configuration\/popup-modes\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.huntbee.com\/resources\/"},{"@type":"ListItem","position":2,"name":"Google Language Switcher","item":"https:\/\/www.huntbee.com\/resources\/docs\/google-language-switcher\/"},{"@type":"ListItem","position":3,"name":"Configuration","item":"https:\/\/www.huntbee.com\/resources\/docs\/google-language-switcher\/configuration\/"},{"@type":"ListItem","position":4,"name":"Popup Modes"}]},{"@type":"WebSite","@id":"https:\/\/www.huntbee.com\/resources\/#website","url":"https:\/\/www.huntbee.com\/resources\/","name":"HuntBee Resources","description":"OpenCart Extension Documentations - Guides - Blogs - Projects","publisher":{"@id":"https:\/\/www.huntbee.com\/resources\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.huntbee.com\/resources\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.huntbee.com\/resources\/#organization","name":"HuntBee OpenCart","url":"https:\/\/www.huntbee.com\/resources\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.huntbee.com\/resources\/#\/schema\/logo\/image\/","url":"https:\/\/www.huntbee.com\/resources\/wp-content\/uploads\/2020\/04\/cropped-mobile-logo-new.png","contentUrl":"https:\/\/www.huntbee.com\/resources\/wp-content\/uploads\/2020\/04\/cropped-mobile-logo-new.png","width":945,"height":200,"caption":"HuntBee OpenCart"},"image":{"@id":"https:\/\/www.huntbee.com\/resources\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/huntbee.opencart","https:\/\/www.instagram.com\/opencart.huntbee\/"]}]}},"comment_count":0,"_links":{"self":[{"href":"https:\/\/www.huntbee.com\/resources\/wp-json\/wp\/v2\/docs\/14809","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.huntbee.com\/resources\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/www.huntbee.com\/resources\/wp-json\/wp\/v2\/types\/docs"}],"replies":[{"embeddable":true,"href":"https:\/\/www.huntbee.com\/resources\/wp-json\/wp\/v2\/comments?post=14809"}],"version-history":[{"count":2,"href":"https:\/\/www.huntbee.com\/resources\/wp-json\/wp\/v2\/docs\/14809\/revisions"}],"predecessor-version":[{"id":14811,"href":"https:\/\/www.huntbee.com\/resources\/wp-json\/wp\/v2\/docs\/14809\/revisions\/14811"}],"up":[{"embeddable":true,"href":"https:\/\/www.huntbee.com\/resources\/wp-json\/wp\/v2\/docs\/14805"}],"next":[{"title":"Browser Language Detection","link":"https:\/\/www.huntbee.com\/resources\/docs\/google-language-switcher\/configuration\/browser-language-detection\/","href":"https:\/\/www.huntbee.com\/resources\/wp-json\/wp\/v2\/docs\/14812"}],"prev":[{"title":"Admin Settings","link":"https:\/\/www.huntbee.com\/resources\/docs\/google-language-switcher\/configuration\/admin-settings\/","href":"https:\/\/www.huntbee.com\/resources\/wp-json\/wp\/v2\/docs\/14807"}],"wp:attachment":[{"href":"https:\/\/www.huntbee.com\/resources\/wp-json\/wp\/v2\/media?parent=14809"}],"wp:term":[{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/www.huntbee.com\/resources\/wp-json\/wp\/v2\/doc_tag?post=14809"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}