{"id":8695,"date":"2019-12-05T07:00:47","date_gmt":"2019-12-05T06:00:47","guid":{"rendered":"https:\/\/www.4webs.es\/blog\/?p=8695"},"modified":"2020-09-07T12:15:54","modified_gmt":"2020-09-07T11:15:54","slug":"personalizar-menu-tienda-prestashop-1-7-imagenes","status":"publish","type":"post","link":"https:\/\/www.4webs.es\/blog\/personalizar-menu-tienda-prestashop-1-7-imagenes","title":{"rendered":"C\u00f3mo personalizar el men\u00fa de tu tienda Prestashop 1.7 con im\u00e1genes"},"content":{"rendered":"<div class=\"row\"><div class=\"col-md-11 content-article\"><p>Si no te convence el men\u00fa que viene por defecto en Prestashop, puedes personalizarlo a tu gusto y elegir las im\u00e1genes que prefieras para a\u00f1adirlas junto a las subcategor\u00edas o simplemente sustituy\u00e9ndolas por el nombre de esas subcategor\u00edas, es algo que depende de ti y de tus preferencias. En el art\u00edculo de hoy, te ense\u00f1amos c\u00f3mo <strong>personalizar el men\u00fa de tu <a href=\"https:\/\/www.4webs.es\/tienda-prestashop\">tienda Prestashop 1.7<\/a><\/strong> con las im\u00e1genes que t\u00fa elijas porque el men\u00fa es una de las \u00e1reas de una p\u00e1gina web que primero se visualiza y m\u00e1s impacto crea por ello, hay que cuidar cautelosamente el tipo de contenido visual que incluimos en \u00e9ste.<\/p>\n<h2>Men\u00fa Prestashop: claro, sencillo y atractivo<\/h2>\n<p>El men\u00fa que viene por defecto es bastante simple y cuando lo vemos en la demo en un principio, puede que sea lo que buscamos o por el contrario, queremos personalizarlo para diferenciarlo del resto. Cuando nos ponemos a configurarlo en el backoffice, pensamos que se nos va a hacer cuesta arriba debido a la gran cantidad de opciones y configuraci\u00f3n que debemos llevar a cabo. Nada m\u00e1s lejos de la realidad, con este truco que te mostramos a continuaci\u00f3n, ser\u00e1 m\u00e1s que sencillo la personalizaci\u00f3n del men\u00fa de esta plataforma de comercio electr\u00f3nico. Un <strong>men\u00fa debe ser claro, intuitivo y sencillo<\/strong> para que el futuro cliente se desenvuelva con total tranquilidad y seguridad y termine por finalizar la compra, por ello, no vamos a complicarle m\u00e1s de la cuenta, \u00bfverdad?<\/p>\n<figure id=\"attachment_8702\" aria-describedby=\"caption-attachment-8702\" style=\"width: 750px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-8702 size-full\" src=\"https:\/\/www.4webs.es\/blog\/wp-content\/uploads\/2017\/12\/personalizar-menu-prestashop-1.7.jpg\" alt=\"\" width=\"750\" height=\"463\" srcset=\"https:\/\/www.4webs.es\/blog\/wp-content\/uploads\/2017\/12\/personalizar-menu-prestashop-1.7.jpg 750w, https:\/\/www.4webs.es\/blog\/wp-content\/uploads\/2017\/12\/personalizar-menu-prestashop-1.7-300x185.jpg 300w, https:\/\/www.4webs.es\/blog\/wp-content\/uploads\/2017\/12\/personalizar-menu-prestashop-1.7-680x420.jpg 680w\" sizes=\"auto, (max-width: 709px) 85vw, (max-width: 909px) 67vw, (max-width: 984px) 61vw, (max-width: 1362px) 45vw, 600px\" \/><figcaption id=\"caption-attachment-8702\" class=\"wp-caption-text\">Men\u00fa por defecto de Prestashop 1.7<\/figcaption><\/figure>\n<h3>Personaliza el men\u00fa de tu tienda online<\/h3>\n<p>Simplemente subiremos las im\u00e1genes en una carpeta que llamaremos \u00abmenu\u00bb y que insertaremos en la carpeta \u00abimg\u00bb de nuestra carpeta principal \u00abprestashop\u00bb para que sea desde ah\u00ed, desde donde \u00abse cojan\u00bb las im\u00e1genes. Tambi\u00e9n modificaremos el archivo \u00abmainmenu.tpl\u00bb\u00a0para que la carga de las im\u00e1genes se realice autom\u00e1ticamente y el archivo \u00abcustom.css\u00bb que se encuentra dentro de la carpeta \u00abassets\u00bb para que las medidas y reglas est\u00e9n dispuestas a nuestro gusto. Vamos a verlo con un sencillo ejemplo porque tan s\u00f3lo modificando un par de cosas como coment\u00e1bamos, veremos un cambio bastante significativo y atractivo que es lo que buscamos.<\/p>\n<p>Para realizar esta acci\u00f3n, tienes que tener en cuenta que <strong>necesitas modificar varios archivos como el ps_mainmenu.tpl<\/strong> (comportamiento de carga autom\u00e1tica de las fotos) y <strong>custom.css<\/strong> (<a href=\"https:\/\/www.4webs.es\/blog\/escribir-codigo-css-correctamente\">reglas css<\/a> para el men\u00fa), subir un archivo .jpg en nuestro caso porque vamos a subir s\u00f3lo una imagen pero en tu caso necesitar\u00e1s m\u00e1s. El jpg es el tipo de archivo para la imagen, y tendremos creada la carpeta \u00abmenu\u00bb con las im\u00e1genes de ejemplo (una en nuestro caso). El objetivo como coment\u00e1bamos es tener un men\u00fa f\u00e1cil de administrar y muy atractivo.<\/p>\n<figure id=\"attachment_8707\" aria-describedby=\"caption-attachment-8707\" style=\"width: 750px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-8707 size-full\" src=\"https:\/\/www.4webs.es\/blog\/wp-content\/uploads\/2017\/12\/archivo-ps-mainmenu.tpl_.jpg\" alt=\"\" width=\"750\" height=\"389\" srcset=\"https:\/\/www.4webs.es\/blog\/wp-content\/uploads\/2017\/12\/archivo-ps-mainmenu.tpl_.jpg 750w, https:\/\/www.4webs.es\/blog\/wp-content\/uploads\/2017\/12\/archivo-ps-mainmenu.tpl_-300x156.jpg 300w\" sizes=\"auto, (max-width: 709px) 85vw, (max-width: 909px) 67vw, (max-width: 984px) 61vw, (max-width: 1362px) 45vw, 600px\" \/><figcaption id=\"caption-attachment-8707\" class=\"wp-caption-text\">Carpetas de Prestashop que se encuentran en nuestro servidor local o remoto<\/figcaption><\/figure>\n<h4>Pasos para a\u00f1adir im\u00e1genes en el men\u00fa<\/h4>\n<p>Primero de todo, crearemos las subcategor\u00edas necesarias para \u00abVestidos\u00bb por ejemplo en las que sustituiremos el nombre de la subcategor\u00eda por una imagen o simplemente la a\u00f1adiremos al lado del nombre en nuestro caso. Hemos subido un icono de un vestido de noche para la primera subcategor\u00eda nuestra que es \u00abVestidos de noche\u00bb. Hemos sustituido la palabra \u00abnoche\u00bb por el icono del vestido en cuesti\u00f3n pero este tipo de acci\u00f3n es selecci\u00f3n tuya y lo que consideres que va a quedarle m\u00e1s claro a tu cliente es la mejor opci\u00f3n. Tambi\u00e9n puedes echarle un ojo a este art\u00edculo en el que hablamos de <a href=\"https:\/\/www.4webs.es\/blog\/los-mejores-20-temas-prestashop-1-7\">20 temas para Prestashop 1.7<\/a>. Respecto al men\u00fa, la mayor\u00eda incorpora varias alternativas muy atractivas y as\u00ed \u00e9ste quede m\u00e1s llamativo y personalizado.<\/p>\n<figure id=\"attachment_8703\" aria-describedby=\"caption-attachment-8703\" style=\"width: 750px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-8703\" src=\"https:\/\/www.4webs.es\/blog\/wp-content\/uploads\/2017\/12\/menu-personalizable-prestashop-1.7.jpg\" alt=\"\" width=\"750\" height=\"762\" srcset=\"https:\/\/www.4webs.es\/blog\/wp-content\/uploads\/2017\/12\/menu-personalizable-prestashop-1.7.jpg 750w, https:\/\/www.4webs.es\/blog\/wp-content\/uploads\/2017\/12\/menu-personalizable-prestashop-1.7-295x300.jpg 295w, https:\/\/www.4webs.es\/blog\/wp-content\/uploads\/2017\/12\/menu-personalizable-prestashop-1.7-413x420.jpg 413w\" sizes=\"auto, (max-width: 709px) 85vw, (max-width: 909px) 67vw, (max-width: 984px) 61vw, (max-width: 1362px) 45vw, 600px\" \/><figcaption id=\"caption-attachment-8703\" class=\"wp-caption-text\">Nuestro men\u00fa de Prestashop 1.7 personalizado con imagen de ejemplo<\/figcaption><\/figure>\n<p>Despu\u00e9s, modificaremos el archivo \u00abps_mainmenu.tpl\u00bb para que las <strong>im\u00e1genes se actualicen autom\u00e1ticamente <\/strong>(a\u00f1adiendo el c\u00f3digo que hemos remarcado en la imagen siguiente). Copiaremos la carpeta \u00abmenu\u00bb de la que habl\u00e1bamos anteriormente con las im\u00e1genes .jpg dentro de \u00e9sta en la carpeta \u00abimg\u00bb de nuestra carpeta principal \u00abprestashop\u00bb. Recuerda que nosotros estamos trabajando en modo local para ense\u00f1arte este tutorial.<\/p>\n<figure id=\"attachment_8708\" aria-describedby=\"caption-attachment-8708\" style=\"width: 750px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-8708\" src=\"https:\/\/www.4webs.es\/blog\/wp-content\/uploads\/2017\/12\/insertar-codigo-ps-mainmenu.tpl_.jpg\" alt=\"\" width=\"750\" height=\"798\" srcset=\"https:\/\/www.4webs.es\/blog\/wp-content\/uploads\/2017\/12\/insertar-codigo-ps-mainmenu.tpl_.jpg 750w, https:\/\/www.4webs.es\/blog\/wp-content\/uploads\/2017\/12\/insertar-codigo-ps-mainmenu.tpl_-282x300.jpg 282w, https:\/\/www.4webs.es\/blog\/wp-content\/uploads\/2017\/12\/insertar-codigo-ps-mainmenu.tpl_-395x420.jpg 395w\" sizes=\"auto, (max-width: 709px) 85vw, (max-width: 909px) 67vw, (max-width: 984px) 61vw, (max-width: 1362px) 45vw, 600px\" \/><figcaption id=\"caption-attachment-8708\" class=\"wp-caption-text\">Archivo ps_mainmenu.tpl<\/figcaption><\/figure>\n<p>Integraremos las reglas CSS en \u00abcustom.css\u00bb(como podemos ver en la imagen a continuaci\u00f3n) y <strong>haremos distintas pruebas para cerciorarnos de que todo funciona<\/strong> y est\u00e1 correcto y si es necesario, modificaremos las reglas css para ajustar el ancho y el margen de la imagen. Debes respetar por tanto, el mismo formato para las im\u00e1genes para evitar que se distorsionen. \u00a1Y esto es todo! \u00bfSencillo, verdad?<\/p>\n<figure id=\"attachment_8713\" aria-describedby=\"caption-attachment-8713\" style=\"width: 750px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-8713\" src=\"https:\/\/www.4webs.es\/blog\/wp-content\/uploads\/2017\/12\/archivo-prestashop-custom.css.jpg\" alt=\"\" width=\"750\" height=\"285\" srcset=\"https:\/\/www.4webs.es\/blog\/wp-content\/uploads\/2017\/12\/archivo-prestashop-custom.css.jpg 750w, https:\/\/www.4webs.es\/blog\/wp-content\/uploads\/2017\/12\/archivo-prestashop-custom.css-300x114.jpg 300w\" sizes=\"auto, (max-width: 709px) 85vw, (max-width: 909px) 67vw, (max-width: 984px) 61vw, (max-width: 1362px) 45vw, 600px\" \/><figcaption id=\"caption-attachment-8713\" class=\"wp-caption-text\">Archivo Custom.css<\/figcaption><\/figure>\n<\/div><\/div>","protected":false},"excerpt":{"rendered":"<p>Si queremos personalizar el men\u00fa que viene por defecto en la plataforma Prestashop, podemos hacerlo con las im\u00e1genes que queramos de manera f\u00e1cil y r\u00e1pida<\/p>\n","protected":false},"author":5,"featured_media":8705,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[162],"tags":[],"class_list":{"0":"post-8695","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-prestashop"},"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>C\u00f3mo personalizar el men\u00fa de tu tienda Prestashop 1.7 con im\u00e1genes | 4webs.es<\/title>\n<meta name=\"description\" content=\"Si queremos personalizar el men\u00fa que viene por defecto en la plataforma Prestashop, podemos hacerlo con las im\u00e1genes que queramos de manera f\u00e1cil y r\u00e1pida\" \/>\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.4webs.es\/blog\/personalizar-menu-tienda-prestashop-1-7-imagenes\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"C\u00f3mo personalizar el men\u00fa de tu tienda Prestashop 1.7 con im\u00e1genes | 4webs.es\" \/>\n<meta property=\"og:description\" content=\"Si queremos personalizar el men\u00fa que viene por defecto en la plataforma Prestashop, podemos hacerlo con las im\u00e1genes que queramos de manera f\u00e1cil y r\u00e1pida\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.4webs.es\/blog\/personalizar-menu-tienda-prestashop-1-7-imagenes\" \/>\n<meta property=\"og:site_name\" content=\"4webs\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/4webs\" \/>\n<meta property=\"article:published_time\" content=\"2019-12-05T06:00:47+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2020-09-07T11:15:54+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.4webs.es\/blog\/wp-content\/uploads\/2017\/12\/personalizar-menu-imagenes-prestashop-1.7.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"840\" \/>\n\t<meta property=\"og:image:height\" content=\"440\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Redacci\u00f3n 4webs\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@4webs\" \/>\n<meta name=\"twitter:site\" content=\"@4webs\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Redacci\u00f3n 4webs\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/personalizar-menu-tienda-prestashop-1-7-imagenes#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/personalizar-menu-tienda-prestashop-1-7-imagenes\"},\"author\":{\"name\":\"Redacci\u00f3n 4webs\",\"@id\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/#\\\/schema\\\/person\\\/62f884c014f31a905b25c80c2a62c7f6\"},\"headline\":\"C\u00f3mo personalizar el men\u00fa de tu tienda Prestashop 1.7 con im\u00e1genes\",\"datePublished\":\"2019-12-05T06:00:47+00:00\",\"dateModified\":\"2020-09-07T11:15:54+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/personalizar-menu-tienda-prestashop-1-7-imagenes\"},\"wordCount\":841,\"commentCount\":6,\"image\":{\"@id\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/personalizar-menu-tienda-prestashop-1-7-imagenes#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/wp-content\\\/uploads\\\/2017\\\/12\\\/personalizar-menu-imagenes-prestashop-1.7.jpg\",\"articleSection\":[\"Prestashop\"],\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.4webs.es\\\/blog\\\/personalizar-menu-tienda-prestashop-1-7-imagenes#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/personalizar-menu-tienda-prestashop-1-7-imagenes\",\"url\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/personalizar-menu-tienda-prestashop-1-7-imagenes\",\"name\":\"C\u00f3mo personalizar el men\u00fa de tu tienda Prestashop 1.7 con im\u00e1genes | 4webs.es\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/personalizar-menu-tienda-prestashop-1-7-imagenes#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/personalizar-menu-tienda-prestashop-1-7-imagenes#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/wp-content\\\/uploads\\\/2017\\\/12\\\/personalizar-menu-imagenes-prestashop-1.7.jpg\",\"datePublished\":\"2019-12-05T06:00:47+00:00\",\"dateModified\":\"2020-09-07T11:15:54+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/#\\\/schema\\\/person\\\/62f884c014f31a905b25c80c2a62c7f6\"},\"description\":\"Si queremos personalizar el men\u00fa que viene por defecto en la plataforma Prestashop, podemos hacerlo con las im\u00e1genes que queramos de manera f\u00e1cil y r\u00e1pida\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/personalizar-menu-tienda-prestashop-1-7-imagenes#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.4webs.es\\\/blog\\\/personalizar-menu-tienda-prestashop-1-7-imagenes\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/personalizar-menu-tienda-prestashop-1-7-imagenes#primaryimage\",\"url\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/wp-content\\\/uploads\\\/2017\\\/12\\\/personalizar-menu-imagenes-prestashop-1.7.jpg\",\"contentUrl\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/wp-content\\\/uploads\\\/2017\\\/12\\\/personalizar-menu-imagenes-prestashop-1.7.jpg\",\"width\":840,\"height\":440},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/personalizar-menu-tienda-prestashop-1-7-imagenes#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.4webs.es\\\/blog\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"C\u00f3mo personalizar el men\u00fa de tu tienda Prestashop 1.7 con im\u00e1genes\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/\",\"name\":\"4webs\",\"description\":\"Desarrollo con Prestashop, gesti\u00f3n de proyectos ecommerce\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/#\\\/schema\\\/person\\\/62f884c014f31a905b25c80c2a62c7f6\",\"name\":\"Redacci\u00f3n 4webs\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/e2d897afb8cdf95491cff01ee900d40ab01a2ccec9be78b108f5189c837a601a?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/e2d897afb8cdf95491cff01ee900d40ab01a2ccec9be78b108f5189c837a601a?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/e2d897afb8cdf95491cff01ee900d40ab01a2ccec9be78b108f5189c837a601a?s=96&d=mm&r=g\",\"caption\":\"Redacci\u00f3n 4webs\"},\"url\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/author\\\/redaccion\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"C\u00f3mo personalizar el men\u00fa de tu tienda Prestashop 1.7 con im\u00e1genes | 4webs.es","description":"Si queremos personalizar el men\u00fa que viene por defecto en la plataforma Prestashop, podemos hacerlo con las im\u00e1genes que queramos de manera f\u00e1cil y r\u00e1pida","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.4webs.es\/blog\/personalizar-menu-tienda-prestashop-1-7-imagenes","og_locale":"es_ES","og_type":"article","og_title":"C\u00f3mo personalizar el men\u00fa de tu tienda Prestashop 1.7 con im\u00e1genes | 4webs.es","og_description":"Si queremos personalizar el men\u00fa que viene por defecto en la plataforma Prestashop, podemos hacerlo con las im\u00e1genes que queramos de manera f\u00e1cil y r\u00e1pida","og_url":"https:\/\/www.4webs.es\/blog\/personalizar-menu-tienda-prestashop-1-7-imagenes","og_site_name":"4webs","article_publisher":"https:\/\/www.facebook.com\/4webs","article_published_time":"2019-12-05T06:00:47+00:00","article_modified_time":"2020-09-07T11:15:54+00:00","og_image":[{"width":840,"height":440,"url":"https:\/\/www.4webs.es\/blog\/wp-content\/uploads\/2017\/12\/personalizar-menu-imagenes-prestashop-1.7.jpg","type":"image\/jpeg"}],"author":"Redacci\u00f3n 4webs","twitter_card":"summary_large_image","twitter_creator":"@4webs","twitter_site":"@4webs","twitter_misc":{"Escrito por":"Redacci\u00f3n 4webs","Tiempo de lectura":"4 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.4webs.es\/blog\/personalizar-menu-tienda-prestashop-1-7-imagenes#article","isPartOf":{"@id":"https:\/\/www.4webs.es\/blog\/personalizar-menu-tienda-prestashop-1-7-imagenes"},"author":{"name":"Redacci\u00f3n 4webs","@id":"https:\/\/www.4webs.es\/blog\/#\/schema\/person\/62f884c014f31a905b25c80c2a62c7f6"},"headline":"C\u00f3mo personalizar el men\u00fa de tu tienda Prestashop 1.7 con im\u00e1genes","datePublished":"2019-12-05T06:00:47+00:00","dateModified":"2020-09-07T11:15:54+00:00","mainEntityOfPage":{"@id":"https:\/\/www.4webs.es\/blog\/personalizar-menu-tienda-prestashop-1-7-imagenes"},"wordCount":841,"commentCount":6,"image":{"@id":"https:\/\/www.4webs.es\/blog\/personalizar-menu-tienda-prestashop-1-7-imagenes#primaryimage"},"thumbnailUrl":"https:\/\/www.4webs.es\/blog\/wp-content\/uploads\/2017\/12\/personalizar-menu-imagenes-prestashop-1.7.jpg","articleSection":["Prestashop"],"inLanguage":"es","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.4webs.es\/blog\/personalizar-menu-tienda-prestashop-1-7-imagenes#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.4webs.es\/blog\/personalizar-menu-tienda-prestashop-1-7-imagenes","url":"https:\/\/www.4webs.es\/blog\/personalizar-menu-tienda-prestashop-1-7-imagenes","name":"C\u00f3mo personalizar el men\u00fa de tu tienda Prestashop 1.7 con im\u00e1genes | 4webs.es","isPartOf":{"@id":"https:\/\/www.4webs.es\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.4webs.es\/blog\/personalizar-menu-tienda-prestashop-1-7-imagenes#primaryimage"},"image":{"@id":"https:\/\/www.4webs.es\/blog\/personalizar-menu-tienda-prestashop-1-7-imagenes#primaryimage"},"thumbnailUrl":"https:\/\/www.4webs.es\/blog\/wp-content\/uploads\/2017\/12\/personalizar-menu-imagenes-prestashop-1.7.jpg","datePublished":"2019-12-05T06:00:47+00:00","dateModified":"2020-09-07T11:15:54+00:00","author":{"@id":"https:\/\/www.4webs.es\/blog\/#\/schema\/person\/62f884c014f31a905b25c80c2a62c7f6"},"description":"Si queremos personalizar el men\u00fa que viene por defecto en la plataforma Prestashop, podemos hacerlo con las im\u00e1genes que queramos de manera f\u00e1cil y r\u00e1pida","breadcrumb":{"@id":"https:\/\/www.4webs.es\/blog\/personalizar-menu-tienda-prestashop-1-7-imagenes#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.4webs.es\/blog\/personalizar-menu-tienda-prestashop-1-7-imagenes"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www.4webs.es\/blog\/personalizar-menu-tienda-prestashop-1-7-imagenes#primaryimage","url":"https:\/\/www.4webs.es\/blog\/wp-content\/uploads\/2017\/12\/personalizar-menu-imagenes-prestashop-1.7.jpg","contentUrl":"https:\/\/www.4webs.es\/blog\/wp-content\/uploads\/2017\/12\/personalizar-menu-imagenes-prestashop-1.7.jpg","width":840,"height":440},{"@type":"BreadcrumbList","@id":"https:\/\/www.4webs.es\/blog\/personalizar-menu-tienda-prestashop-1-7-imagenes#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.4webs.es\/blog"},{"@type":"ListItem","position":2,"name":"C\u00f3mo personalizar el men\u00fa de tu tienda Prestashop 1.7 con im\u00e1genes"}]},{"@type":"WebSite","@id":"https:\/\/www.4webs.es\/blog\/#website","url":"https:\/\/www.4webs.es\/blog\/","name":"4webs","description":"Desarrollo con Prestashop, gesti\u00f3n de proyectos ecommerce","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.4webs.es\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Person","@id":"https:\/\/www.4webs.es\/blog\/#\/schema\/person\/62f884c014f31a905b25c80c2a62c7f6","name":"Redacci\u00f3n 4webs","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/secure.gravatar.com\/avatar\/e2d897afb8cdf95491cff01ee900d40ab01a2ccec9be78b108f5189c837a601a?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/e2d897afb8cdf95491cff01ee900d40ab01a2ccec9be78b108f5189c837a601a?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/e2d897afb8cdf95491cff01ee900d40ab01a2ccec9be78b108f5189c837a601a?s=96&d=mm&r=g","caption":"Redacci\u00f3n 4webs"},"url":"https:\/\/www.4webs.es\/blog\/author\/redaccion"}]}},"_links":{"self":[{"href":"https:\/\/www.4webs.es\/blog\/wp-json\/wp\/v2\/posts\/8695","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.4webs.es\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.4webs.es\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.4webs.es\/blog\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/www.4webs.es\/blog\/wp-json\/wp\/v2\/comments?post=8695"}],"version-history":[{"count":17,"href":"https:\/\/www.4webs.es\/blog\/wp-json\/wp\/v2\/posts\/8695\/revisions"}],"predecessor-version":[{"id":8744,"href":"https:\/\/www.4webs.es\/blog\/wp-json\/wp\/v2\/posts\/8695\/revisions\/8744"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.4webs.es\/blog\/wp-json\/wp\/v2\/media\/8705"}],"wp:attachment":[{"href":"https:\/\/www.4webs.es\/blog\/wp-json\/wp\/v2\/media?parent=8695"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.4webs.es\/blog\/wp-json\/wp\/v2\/categories?post=8695"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.4webs.es\/blog\/wp-json\/wp\/v2\/tags?post=8695"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}