{"id":4437,"date":"2022-05-30T08:13:00","date_gmt":"2022-05-30T13:13:00","guid":{"rendered":"https:\/\/skatox.com\/blog\/?p=4437"},"modified":"2023-02-27T16:39:49","modified_gmt":"2023-02-27T21:39:49","slug":"como-crear-un-menu-de-navegacion-multi-idioma-en-shopify","status":"publish","type":"post","link":"https:\/\/skatox.com\/blog\/2022\/05\/30\/como-crear-un-menu-de-navegacion-multi-idioma-en-shopify\/","title":{"rendered":"C\u00f3mo crear un men\u00fa de navegaci\u00f3n multi idioma en Shopify"},"content":{"rendered":"\n<p>Si creas un aplicaci\u00f3n embebida en Shopify, tienes la posibilidad de crear un men\u00fa de navegaci\u00f3n multi idioma para acceder a las distintas partes de tu aplicaci\u00f3n, en el idioma establecido para la cuenta del administrador.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"766\" height=\"200\" sizes=\"(max-width: 766px) 100vw, 766px\" src=\"https:\/\/skatox.com\/blog\/images\/2022\/05\/shopify-i18n-embed-menu.png\" alt=\"\" class=\"wp-image-4442\" srcset=\"https:\/\/skatox.com\/blog\/images\/2022\/05\/shopify-i18n-embed-menu.png 766w, https:\/\/skatox.com\/blog\/images\/2022\/05\/shopify-i18n-embed-menu-600x157.png 600w\" \/><figcaption class=\"wp-element-caption\">El men\u00fa de navegaci\u00f3n de una aplicaci\u00f3n embebida<\/figcaption><\/figure>\n\n\n\n<p>Normalmente \u00e9ste men\u00fa lo puedes definir en la configuraci\u00f3n de la aplicaci\u00f3n. Y se crear\u00e1 autom\u00e1ticamente al momento de cargar la p\u00e1gina. Pero posee la limitaci\u00f3n de solo ser compatible con un solo idioma, entonces, si tienes mas ese men\u00fa va a estar siempre en el mismo idioma.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Crear el men\u00fa desde React con App-Bridge<\/h2>\n\n\n\n<p>Para solventar esto podemos usar el componente <a href=\"https:\/\/shopify.dev\/apps\/tools\/app-bridge\/actions\/menu\/navigation\" target=\"_blank\" rel=\"noreferrer noopener\">NavigationMenu<\/a> de App-Bridge. Que no es para crear men\u00fas adicionales, sino acceder a el mismo que mostr\u00e9 en el p\u00e1rrafo anterior y se crea antes de renderizar el resto de la aplicaci\u00f3n. Con App-Bridge le decimos a Shopify que vamos a crear un men\u00fa y le pasamos la etiqueta y direcci\u00f3n de cada secci\u00f3n.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Crear un componente para definir las rutas<\/h3>\n\n\n\n<p>Para la creaci\u00f3n del men\u00fa de navegaci\u00f3n multi idioma, necesitamos definir el texto y el enlace de cada entrada del men\u00fa con <em>Applink<\/em>, pues \u00e9ste es el tipo de dato que acepta <em>NavigationMenu<\/em>. <\/p>\n\n\n\n<p>Entoces simplemente podemos hacer un arreglo con la traducci\u00f3n del texto (en este caso uso <a href=\"https:\/\/www.npmjs.com\/package\/@shopify\/react-i18n\" target=\"_blank\" rel=\"noreferrer noopener\">react-i18n<\/a> de Shopify) y el enlace. Posteriormente recorremos cada posici\u00f3n del arreglo y generamos el AppLink para enviarlo a la aplicaci\u00f3n.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code lang=\"javascript\" class=\"language-javascript\">import { AppLink } from '@shopify\/app-bridge\/actions';\n\nconst menuEntries = (i18n) =&amp;gt; ([\n  {\n    label: i18n.translate('Menu.dashboard'),\n    destination: '\/dashboard',\n  },\n  {\n    label: i18n.translate('Menu.settings'),\n    destination: '\/settings',\n  },\n]);\n\nconst menuItems = (app, i18n) =&amp;gt; {\n  const items = [];\n  const entries = menuEntries(i18n);\n\n  let active;\n\n  entries.forEach((entry) =&amp;gt; {\n    const menuLink = AppLink.create(app, entry);\n    items.push(menuLink);\n\n    if (window.location.pathname.includes(entry.destination)) {\n      active = menuLink;\n    }\n  });\n\n  return { items, active };\n};\n\nexport { menuItems };<\/code><\/pre>\n\n\n\n<p><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Cargar el componente en la aplicaci\u00f3n<\/h3>\n\n\n\n<p>Una vez que tengamos un componente que devuelva las entradas del men\u00fa traducidas y en formato <em>AppLink<\/em>. Podemos pasarlas al componente <em>NavigationMenu<\/em> utilizando la funci\u00f3n create().<\/p>\n\n\n\n<p>Primero importamos el componente realizado en el paso anterior:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code lang=\"javascript\" class=\"language-javascript\">import { menuItems } from '.\/NavMenu';<\/code><\/pre>\n\n\n\n<p>Luego simplemente usamos el hook <em>useAppBridge()<\/em> para obtener la instacia de la aplicaci\u00f3n embebida. Guardamos los enlaces en una variable y posteriormente se lo pasamos como argumentos a <em>NavigationMenu<\/em> para que cree el men\u00fa.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code lang=\"javascript\" class=\"language-javascript\">const app = useAppBridge();\nconst menuOptions = menuItems(app, i18n);\n\nNavigationMenu.create(app, menuOptions);<\/code><\/pre>\n\n\n\n<p>\u00a1Y listo! Ya tendr\u00e1s tu men\u00fa de navegaci\u00f3n multi idioma. <\/p>\n\n\n\n<p>Espero que te haya sido de ayuda y ahora puedas tener un men\u00fa principal que funcione en los idiomas soportados por t\u00fa aplicaci\u00f3n.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Si creas un aplicaci\u00f3n embebida en Shopify, tienes la posibilidad de crear un men\u00fa de navegaci\u00f3n multi idioma para acceder a las distintas partes de&#8230;<\/p>\n<div class=\"more-link-wrapper\"><a class=\"more-link\" href=\"https:\/\/skatox.com\/blog\/2022\/05\/30\/como-crear-un-menu-de-navegacion-multi-idioma-en-shopify\/\">Seguir leyendo<span class=\"screen-reader-text\">C\u00f3mo crear un men\u00fa de navegaci\u00f3n multi idioma en Shopify<\/span><\/a><\/div>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2}},"categories":[549,716,582,1209],"tags":[1211,198,1210],"class_list":["post-4437","post","type-post","status-publish","format-standard","hentry","category-desarrollo-web","category-todo-lo-relacionado-al-desarrollo-de-software","category-planetas-linux","category-shopify","tag-i18n","tag-menu","tag-shopify","entry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.5 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>C\u00f3mo crear un men\u00fa de navegaci\u00f3n multi idioma en Shopify<\/title>\n<meta name=\"description\" content=\"Conoce como crear un men\u00fa de navegaci\u00f3n multi idioma en Shopify utilizando el componente NavigationMenu y la librer\u00eda i18n de Shopify React\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/skatox.com\/blog\/2022\/05\/30\/como-crear-un-menu-de-navegacion-multi-idioma-en-shopify\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"C\u00f3mo crear un men\u00fa de navegaci\u00f3n multi idioma en Shopify\" \/>\n<meta property=\"og:url\" content=\"https:\/\/skatox.com\/blog\/2022\/05\/30\/como-crear-un-menu-de-navegacion-multi-idioma-en-shopify\/\" \/>\n<meta property=\"og:site_name\" content=\"El blog de Skatox\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/ElWeblogdeSkatox\/\" \/>\n<meta property=\"article:published_time\" content=\"2022-05-30T13:13:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-02-27T21:39:49+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/skatox.com\/blog\/images\/2022\/05\/shopify-i18n-embed-menu.png\" \/>\n<meta name=\"author\" content=\"Miguel Useche\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@skatox\" \/>\n<meta name=\"twitter:site\" content=\"@skatox\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Miguel Useche\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/skatox.com\\\/blog\\\/2022\\\/05\\\/30\\\/como-crear-un-menu-de-navegacion-multi-idioma-en-shopify\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/skatox.com\\\/blog\\\/2022\\\/05\\\/30\\\/como-crear-un-menu-de-navegacion-multi-idioma-en-shopify\\\/\"},\"author\":{\"name\":\"Miguel Useche\",\"@id\":\"https:\\\/\\\/skatox.com\\\/blog\\\/#\\\/schema\\\/person\\\/e081bf33c5b0f1b0514e253cb578e1ba\"},\"headline\":\"C\u00f3mo crear un men\u00fa de navegaci\u00f3n multi idioma en Shopify\",\"datePublished\":\"2022-05-30T13:13:00+00:00\",\"dateModified\":\"2023-02-27T21:39:49+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/skatox.com\\\/blog\\\/2022\\\/05\\\/30\\\/como-crear-un-menu-de-navegacion-multi-idioma-en-shopify\\\/\"},\"wordCount\":383,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/skatox.com\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/skatox.com\\\/blog\\\/2022\\\/05\\\/30\\\/como-crear-un-menu-de-navegacion-multi-idioma-en-shopify\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/skatox.com\\\/blog\\\/images\\\/2022\\\/05\\\/shopify-i18n-embed-menu.png\",\"keywords\":[\"i18n\",\"menu\",\"shopify\"],\"articleSection\":[\"Desarrollo web\",\"Desarrollo y Programaci\u00f3n\",\"Planetas\",\"Shopify\"],\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/skatox.com\\\/blog\\\/2022\\\/05\\\/30\\\/como-crear-un-menu-de-navegacion-multi-idioma-en-shopify\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/skatox.com\\\/blog\\\/2022\\\/05\\\/30\\\/como-crear-un-menu-de-navegacion-multi-idioma-en-shopify\\\/\",\"url\":\"https:\\\/\\\/skatox.com\\\/blog\\\/2022\\\/05\\\/30\\\/como-crear-un-menu-de-navegacion-multi-idioma-en-shopify\\\/\",\"name\":\"C\u00f3mo crear un men\u00fa de navegaci\u00f3n multi idioma en Shopify\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/skatox.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/skatox.com\\\/blog\\\/2022\\\/05\\\/30\\\/como-crear-un-menu-de-navegacion-multi-idioma-en-shopify\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/skatox.com\\\/blog\\\/2022\\\/05\\\/30\\\/como-crear-un-menu-de-navegacion-multi-idioma-en-shopify\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/skatox.com\\\/blog\\\/images\\\/2022\\\/05\\\/shopify-i18n-embed-menu.png\",\"datePublished\":\"2022-05-30T13:13:00+00:00\",\"dateModified\":\"2023-02-27T21:39:49+00:00\",\"description\":\"Conoce como crear un men\u00fa de navegaci\u00f3n multi idioma en Shopify utilizando el componente NavigationMenu y la librer\u00eda i18n de Shopify React\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/skatox.com\\\/blog\\\/2022\\\/05\\\/30\\\/como-crear-un-menu-de-navegacion-multi-idioma-en-shopify\\\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/skatox.com\\\/blog\\\/2022\\\/05\\\/30\\\/como-crear-un-menu-de-navegacion-multi-idioma-en-shopify\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/skatox.com\\\/blog\\\/2022\\\/05\\\/30\\\/como-crear-un-menu-de-navegacion-multi-idioma-en-shopify\\\/#primaryimage\",\"url\":\"https:\\\/\\\/skatox.com\\\/blog\\\/images\\\/2022\\\/05\\\/shopify-i18n-embed-menu.png\",\"contentUrl\":\"https:\\\/\\\/skatox.com\\\/blog\\\/images\\\/2022\\\/05\\\/shopify-i18n-embed-menu.png\",\"width\":766,\"height\":200},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/skatox.com\\\/blog\\\/2022\\\/05\\\/30\\\/como-crear-un-menu-de-navegacion-multi-idioma-en-shopify\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\\\/\\\/skatox.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"C\u00f3mo crear un men\u00fa de navegaci\u00f3n multi idioma en Shopify\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/skatox.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/skatox.com\\\/blog\\\/\",\"name\":\"El blog de Skatox\",\"description\":\"Compartiendo mis opiniones inform\u00e1ticas mas all\u00e1 de los 280 caracteres\",\"publisher\":{\"@id\":\"https:\\\/\\\/skatox.com\\\/blog\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/skatox.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/skatox.com\\\/blog\\\/#organization\",\"name\":\"El blog de Skatox\",\"url\":\"https:\\\/\\\/skatox.com\\\/blog\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/skatox.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/skatox.com\\\/blog\\\/images\\\/2022\\\/03\\\/tux.png\",\"contentUrl\":\"https:\\\/\\\/skatox.com\\\/blog\\\/images\\\/2022\\\/03\\\/tux.png\",\"width\":218,\"height\":218,\"caption\":\"El blog de Skatox\"},\"image\":{\"@id\":\"https:\\\/\\\/skatox.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/ElWeblogdeSkatox\\\/\",\"https:\\\/\\\/x.com\\\/skatox\",\"https:\\\/\\\/www.linkedin.com\\\/in\\\/skatox\\\/\",\"https:\\\/\\\/www.youtube.com\\\/c\\\/MiguelAngelUsecheCastro\",\"https:\\\/\\\/x.com\\\/skatox\\\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/skatox.com\\\/blog\\\/#\\\/schema\\\/person\\\/e081bf33c5b0f1b0514e253cb578e1ba\",\"name\":\"Miguel Useche\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/skatox.com\\\/blog\\\/wp-content\\\/litespeed\\\/avatar\\\/aec95b02408138cb9d08288435373552.jpg?ver=1777599971\",\"url\":\"https:\\\/\\\/skatox.com\\\/blog\\\/wp-content\\\/litespeed\\\/avatar\\\/aec95b02408138cb9d08288435373552.jpg?ver=1777599971\",\"contentUrl\":\"https:\\\/\\\/skatox.com\\\/blog\\\/wp-content\\\/litespeed\\\/avatar\\\/aec95b02408138cb9d08288435373552.jpg?ver=1777599971\",\"caption\":\"Miguel Useche\"},\"sameAs\":[\"https:\\\/\\\/skatox.com\",\"https:\\\/\\\/x.com\\\/skatox\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"C\u00f3mo crear un men\u00fa de navegaci\u00f3n multi idioma en Shopify","description":"Conoce como crear un men\u00fa de navegaci\u00f3n multi idioma en Shopify utilizando el componente NavigationMenu y la librer\u00eda i18n de Shopify React","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:\/\/skatox.com\/blog\/2022\/05\/30\/como-crear-un-menu-de-navegacion-multi-idioma-en-shopify\/","og_locale":"es_ES","og_type":"article","og_title":"C\u00f3mo crear un men\u00fa de navegaci\u00f3n multi idioma en Shopify","og_url":"https:\/\/skatox.com\/blog\/2022\/05\/30\/como-crear-un-menu-de-navegacion-multi-idioma-en-shopify\/","og_site_name":"El blog de Skatox","article_publisher":"https:\/\/www.facebook.com\/ElWeblogdeSkatox\/","article_published_time":"2022-05-30T13:13:00+00:00","article_modified_time":"2023-02-27T21:39:49+00:00","og_image":[{"url":"https:\/\/skatox.com\/blog\/images\/2022\/05\/shopify-i18n-embed-menu.png","type":"","width":"","height":""}],"author":"Miguel Useche","twitter_card":"summary_large_image","twitter_creator":"@skatox","twitter_site":"@skatox","twitter_misc":{"Escrito por":"Miguel Useche","Tiempo de lectura":"3 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/skatox.com\/blog\/2022\/05\/30\/como-crear-un-menu-de-navegacion-multi-idioma-en-shopify\/#article","isPartOf":{"@id":"https:\/\/skatox.com\/blog\/2022\/05\/30\/como-crear-un-menu-de-navegacion-multi-idioma-en-shopify\/"},"author":{"name":"Miguel Useche","@id":"https:\/\/skatox.com\/blog\/#\/schema\/person\/e081bf33c5b0f1b0514e253cb578e1ba"},"headline":"C\u00f3mo crear un men\u00fa de navegaci\u00f3n multi idioma en Shopify","datePublished":"2022-05-30T13:13:00+00:00","dateModified":"2023-02-27T21:39:49+00:00","mainEntityOfPage":{"@id":"https:\/\/skatox.com\/blog\/2022\/05\/30\/como-crear-un-menu-de-navegacion-multi-idioma-en-shopify\/"},"wordCount":383,"commentCount":0,"publisher":{"@id":"https:\/\/skatox.com\/blog\/#organization"},"image":{"@id":"https:\/\/skatox.com\/blog\/2022\/05\/30\/como-crear-un-menu-de-navegacion-multi-idioma-en-shopify\/#primaryimage"},"thumbnailUrl":"https:\/\/skatox.com\/blog\/images\/2022\/05\/shopify-i18n-embed-menu.png","keywords":["i18n","menu","shopify"],"articleSection":["Desarrollo web","Desarrollo y Programaci\u00f3n","Planetas","Shopify"],"inLanguage":"es","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/skatox.com\/blog\/2022\/05\/30\/como-crear-un-menu-de-navegacion-multi-idioma-en-shopify\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/skatox.com\/blog\/2022\/05\/30\/como-crear-un-menu-de-navegacion-multi-idioma-en-shopify\/","url":"https:\/\/skatox.com\/blog\/2022\/05\/30\/como-crear-un-menu-de-navegacion-multi-idioma-en-shopify\/","name":"C\u00f3mo crear un men\u00fa de navegaci\u00f3n multi idioma en Shopify","isPartOf":{"@id":"https:\/\/skatox.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/skatox.com\/blog\/2022\/05\/30\/como-crear-un-menu-de-navegacion-multi-idioma-en-shopify\/#primaryimage"},"image":{"@id":"https:\/\/skatox.com\/blog\/2022\/05\/30\/como-crear-un-menu-de-navegacion-multi-idioma-en-shopify\/#primaryimage"},"thumbnailUrl":"https:\/\/skatox.com\/blog\/images\/2022\/05\/shopify-i18n-embed-menu.png","datePublished":"2022-05-30T13:13:00+00:00","dateModified":"2023-02-27T21:39:49+00:00","description":"Conoce como crear un men\u00fa de navegaci\u00f3n multi idioma en Shopify utilizando el componente NavigationMenu y la librer\u00eda i18n de Shopify React","breadcrumb":{"@id":"https:\/\/skatox.com\/blog\/2022\/05\/30\/como-crear-un-menu-de-navegacion-multi-idioma-en-shopify\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/skatox.com\/blog\/2022\/05\/30\/como-crear-un-menu-de-navegacion-multi-idioma-en-shopify\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/skatox.com\/blog\/2022\/05\/30\/como-crear-un-menu-de-navegacion-multi-idioma-en-shopify\/#primaryimage","url":"https:\/\/skatox.com\/blog\/images\/2022\/05\/shopify-i18n-embed-menu.png","contentUrl":"https:\/\/skatox.com\/blog\/images\/2022\/05\/shopify-i18n-embed-menu.png","width":766,"height":200},{"@type":"BreadcrumbList","@id":"https:\/\/skatox.com\/blog\/2022\/05\/30\/como-crear-un-menu-de-navegacion-multi-idioma-en-shopify\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/skatox.com\/blog\/"},{"@type":"ListItem","position":2,"name":"C\u00f3mo crear un men\u00fa de navegaci\u00f3n multi idioma en Shopify"}]},{"@type":"WebSite","@id":"https:\/\/skatox.com\/blog\/#website","url":"https:\/\/skatox.com\/blog\/","name":"El blog de Skatox","description":"Compartiendo mis opiniones inform\u00e1ticas mas all\u00e1 de los 280 caracteres","publisher":{"@id":"https:\/\/skatox.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/skatox.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Organization","@id":"https:\/\/skatox.com\/blog\/#organization","name":"El blog de Skatox","url":"https:\/\/skatox.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/skatox.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/skatox.com\/blog\/images\/2022\/03\/tux.png","contentUrl":"https:\/\/skatox.com\/blog\/images\/2022\/03\/tux.png","width":218,"height":218,"caption":"El blog de Skatox"},"image":{"@id":"https:\/\/skatox.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/ElWeblogdeSkatox\/","https:\/\/x.com\/skatox","https:\/\/www.linkedin.com\/in\/skatox\/","https:\/\/www.youtube.com\/c\/MiguelAngelUsecheCastro","https:\/\/x.com\/skatox\/"]},{"@type":"Person","@id":"https:\/\/skatox.com\/blog\/#\/schema\/person\/e081bf33c5b0f1b0514e253cb578e1ba","name":"Miguel Useche","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/skatox.com\/blog\/wp-content\/litespeed\/avatar\/aec95b02408138cb9d08288435373552.jpg?ver=1777599971","url":"https:\/\/skatox.com\/blog\/wp-content\/litespeed\/avatar\/aec95b02408138cb9d08288435373552.jpg?ver=1777599971","contentUrl":"https:\/\/skatox.com\/blog\/wp-content\/litespeed\/avatar\/aec95b02408138cb9d08288435373552.jpg?ver=1777599971","caption":"Miguel Useche"},"sameAs":["https:\/\/skatox.com","https:\/\/x.com\/skatox"]}]}},"jetpack_publicize_connections":[],"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"jetpack-related-posts":[{"id":4452,"url":"https:\/\/skatox.com\/blog\/2022\/06\/02\/mi-analisis-sobre-go-subscriptions-shopify\/","url_meta":{"origin":4437,"position":0},"title":"Mi an\u00e1lisis sobre Go Subscriptions (Shopify)","author":"Miguel Useche","date":"2 de junio de 2022","format":false,"excerpt":"Estuve probando Go Subscriptions una aplicaci\u00f3n embebida de Shopify que te permite agregar suscripciones a tu tienda. Esto te permite definir productos o servicios que pueden venderse cada cierto tiempo de forma autom\u00e1tica. As\u00ed tus clientes no tienen que regresar a la tienda para volver a adquirirlos sino que se\u2026","rel":"","context":"En \u00abShopify\u00bb","block_context":{"text":"Shopify","link":"https:\/\/skatox.com\/blog\/category\/todo-lo-relacionado-al-desarrollo-de-software\/desarrollo-web\/shopify\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/skatox.com\/blog\/images\/2022\/05\/1-Go-Subscriptions-orders-150x150.png?resize=350%2C200&ssl=1","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/skatox.com\/blog\/images\/2022\/05\/1-Go-Subscriptions-orders-150x150.png?resize=350%2C200&ssl=1 1x, https:\/\/i0.wp.com\/skatox.com\/blog\/images\/2022\/05\/1-Go-Subscriptions-orders-150x150.png?resize=525%2C300&ssl=1 1.5x, https:\/\/i0.wp.com\/skatox.com\/blog\/images\/2022\/05\/1-Go-Subscriptions-orders-150x150.png?resize=700%2C400&ssl=1 2x, https:\/\/i0.wp.com\/skatox.com\/blog\/images\/2022\/05\/1-Go-Subscriptions-orders-150x150.png?resize=1050%2C600&ssl=1 3x"},"classes":[]},{"id":1732,"url":"https:\/\/skatox.com\/blog\/2010\/01\/11\/kim-un-submenu-para-editar-fotos-rapidamente\/","url_meta":{"origin":4437,"position":1},"title":"Kim: un submen\u00fa para editar fotos r\u00e1pidamente","author":"Miguel Useche","date":"11 de enero de 2010","format":false,"excerpt":"Kim (KDE Image Menu) es un sub-men\u00fa para el manejador de archivos, para realizar las operaciones b\u00e1sicas y comunes sobre las fotos como: comprimir, cambiar el tama\u00f1o, conversi\u00f3n de formatos, re-escalado y otros; sin la necesidad de abrir un editor de im\u00e1genes. Kim simplemente es un men\u00fa que se despliega\u2026","rel":"","context":"En \u00abGnu\/Linux\u00bb","block_context":{"text":"Gnu\/Linux","link":"https:\/\/skatox.com\/blog\/category\/gnulinux\/"},"img":{"alt_text":"KIM en acci\u00f3n","src":"https:\/\/i0.wp.com\/skatox.com\/blog\/images\/2010\/01\/11505-1-600x450.png?resize=350%2C200&ssl=1","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/skatox.com\/blog\/images\/2010\/01\/11505-1-600x450.png?resize=350%2C200&ssl=1 1x, https:\/\/i0.wp.com\/skatox.com\/blog\/images\/2010\/01\/11505-1-600x450.png?resize=525%2C300&ssl=1 1.5x"},"classes":[]},{"id":4937,"url":"https:\/\/skatox.com\/blog\/2025\/03\/31\/como-redimensionar-varias-imagenes-desde-finder-en-macos\/","url_meta":{"origin":4437,"position":2},"title":"C\u00f3mo redimensionar varias im\u00e1genes desde Finder en macOS","author":"Miguel Useche","date":"31 de marzo de 2025","format":false,"excerpt":"Yo tengo mi propia instancia de Nextcloud (un Dropbox libre) para almacenar en la nube mis archivos de forma privada y cifrada. Al tomar fotos desde mi iPhone, utiliza una resoluci\u00f3n muy alta que considero innecesaria para fotos personales, entonces al subirlas a la nube, \u00e9stas ocupan mucho espacio. Generalmente\u2026","rel":"","context":"En \u00abApple\/Mac\u00bb","block_context":{"text":"Apple\/Mac","link":"https:\/\/skatox.com\/blog\/category\/applemac\/"},"img":{"alt_text":"","src":"https:\/\/skatox.com\/blog\/images\/2025\/03\/Captura-de-pantalla-2025-03-29-a-las-5.34.15\u202fp.m-png.avif","width":350,"height":200,"srcset":"https:\/\/skatox.com\/blog\/images\/2025\/03\/Captura-de-pantalla-2025-03-29-a-las-5.34.15\u202fp.m-png.avif 1x, https:\/\/skatox.com\/blog\/images\/2025\/03\/Captura-de-pantalla-2025-03-29-a-las-5.34.15\u202fp.m-png.avif 1.5x, https:\/\/skatox.com\/blog\/images\/2025\/03\/Captura-de-pantalla-2025-03-29-a-las-5.34.15\u202fp.m-png.avif 2x, https:\/\/skatox.com\/blog\/images\/2025\/03\/Captura-de-pantalla-2025-03-29-a-las-5.34.15\u202fp.m-png.avif 3x"},"classes":[]},{"id":2459,"url":"https:\/\/skatox.com\/blog\/2012\/09\/26\/como-obtener-privilegios-de-root-en-kindle-touch-mas\/","url_meta":{"origin":4437,"position":3},"title":"Como obtener privilegios de root en un Kindle Touch y mas usando Linux","author":"Miguel Useche","date":"26 de septiembre de 2012","format":false,"excerpt":"Hace unos meses compr\u00e9 un Kindle Touch y me parece un excelente lector de libros (no confundirlo con un tablet). Sin embargo, compr\u00e9 la versi\u00f3n con publicidad por motivos de costo y puedo decir que llega a un punto donde molesta, sobre todo al \"apagar\" el dispositivo muestra publicidad de\u2026","rel":"","context":"En \u00abHacking \/ Seguridad Inform\u00e1tica\u00bb","block_context":{"text":"Hacking \/ Seguridad Inform\u00e1tica","link":"https:\/\/skatox.com\/blog\/category\/hacking-seguridad-informatica\/"},"img":{"alt_text":"Kindle Touch liberado","src":"https:\/\/i0.wp.com\/skatox.com\/blog\/images\/2012\/09\/kindle_jailbroken.jpg?resize=350%2C200&ssl=1","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/skatox.com\/blog\/images\/2012\/09\/kindle_jailbroken.jpg?resize=350%2C200&ssl=1 1x, https:\/\/i0.wp.com\/skatox.com\/blog\/images\/2012\/09\/kindle_jailbroken.jpg?resize=525%2C300&ssl=1 1.5x, https:\/\/i0.wp.com\/skatox.com\/blog\/images\/2012\/09\/kindle_jailbroken.jpg?resize=700%2C400&ssl=1 2x"},"classes":[]},{"id":2011,"url":"https:\/\/skatox.com\/blog\/2010\/10\/03\/breve-analisis-de-appinventor\/","url_meta":{"origin":4437,"position":4},"title":"Breve an\u00e1lisis de AppInventor","author":"Miguel Useche","date":"3 de octubre de 2010","format":false,"excerpt":"El viernes pasado recibi mi invitaci\u00f3n para participar en la beta de AppInventor, un programa para crear aplicaciones para Android sin necesidad de escribir c\u00f3digo, si nunca lo han escuchado o desean ver una introducci\u00f3n, pueden chequear el siguiente v\u00eddeo: https:\/\/www.youtube.com\/watch?v=8ADwPLSFeY8] Para comenzar a usarlo, se debe iniciar sesi\u00f3n con\u2026","rel":"","context":"En \u00abAndroid\u00bb","block_context":{"text":"Android","link":"https:\/\/skatox.com\/blog\/category\/google\/android\/"},"img":{"alt_text":"Pantalla principal de AppInventor","src":"https:\/\/i0.wp.com\/skatox.com\/blog\/images\/2010\/10\/Editor-120x120.png?resize=350%2C200&ssl=1","width":350,"height":200},"classes":[]},{"id":4188,"url":"https:\/\/skatox.com\/blog\/2020\/03\/16\/mi-charla-de-webassembly-en-el-braziljs-2019\/","url_meta":{"origin":4437,"position":5},"title":"Mira mi charla de WebAssembly en el BrazilJS 2019","author":"Miguel Useche","date":"16 de marzo de 2020","format":false,"excerpt":"Hace unos meses tuve la oportunidad de asistir al BrazilJS 2019 como conferencista. All\u00ed dict\u00e9 la charla con mayor asistencia de todas las que he dado, con 2000 personas aproximadamente y la m\u00e1s dificil que he tenido. Era sobre Aplicaciones de alto rendimiento con WebAssembly. \u00bfPor qu\u00e9 la mas dif\u00edcil?\u2026","rel":"","context":"En \u00abDesarrollo web\u00bb","block_context":{"text":"Desarrollo web","link":"https:\/\/skatox.com\/blog\/category\/todo-lo-relacionado-al-desarrollo-de-software\/desarrollo-web\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/img.youtube.com\/vi\/yUW4bd_mHZw\/0.jpg?resize=350%2C200","width":350,"height":200},"classes":[]}],"_links":{"self":[{"href":"https:\/\/skatox.com\/blog\/wp-json\/wp\/v2\/posts\/4437","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/skatox.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/skatox.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/skatox.com\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/skatox.com\/blog\/wp-json\/wp\/v2\/comments?post=4437"}],"version-history":[{"count":0,"href":"https:\/\/skatox.com\/blog\/wp-json\/wp\/v2\/posts\/4437\/revisions"}],"wp:attachment":[{"href":"https:\/\/skatox.com\/blog\/wp-json\/wp\/v2\/media?parent=4437"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/skatox.com\/blog\/wp-json\/wp\/v2\/categories?post=4437"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/skatox.com\/blog\/wp-json\/wp\/v2\/tags?post=4437"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}