{"id":9252,"date":"2020-02-12T12:30:12","date_gmt":"2020-02-12T11:30:12","guid":{"rendered":"https:\/\/www.4webs.es\/blog\/?p=9252"},"modified":"2020-09-07T14:50:19","modified_gmt":"2020-09-07T13:50:19","slug":"truco-prestashop-1-7-mostrar-precios-e-imagenes-buscador","status":"publish","type":"post","link":"https:\/\/www.4webs.es\/blog\/truco-prestashop-1-7-mostrar-precios-e-imagenes-buscador","title":{"rendered":"Truco Prestashop 1.7: mostrar precios e im\u00e1genes en el buscador"},"content":{"rendered":"<div class=\"row\"><div class=\"col-md-11 content-article\"><p>El <a href=\"https:\/\/www.4webs.es\/blog\/el-buscador-en-las-tiendas-online-usabilidad\">buscador por defecto de Prestashop<\/a> en principio muestra \u00fanicamente los nombres de los productos cuando nos lanzamos a buscarlos. \u00a1Pero! Gracias a un truco, podremos hacer que al buscar un producto espec\u00edfico, adem\u00e1s del nombre tambi\u00e9n aparezca la imagen y el precio del mismo. \u00bfQuieres saber c\u00f3mo? Hoy vamos a ver c\u00f3mo configurar esta opci\u00f3n para que tu ecommerce sea mucho m\u00e1s atractivo y de manera visual informe al usuario si el producto que le aparece es el que realmente est\u00e1 buscando y pueda comparar de antemano.<\/p>\n<h2>Imagen y precio de un producto en el buscador de PS 1.7<\/h2>\n<p>Mostrar im\u00e1genes y precios en el buscador interno de PrestaShop es pan comido y adem\u00e1s <a href=\"https:\/\/www.4webs.es\/posicionar-tienda-online\">mejora el posicionamiento de tu tienda online<\/a> e incluso la tasa de conversi\u00f3n. Un usuario que est\u00e1 buscando un producto en el buscador de tu negocio digital si resulta que ofreces varios productos con caracter\u00edsticas y precios diferentes pero que contienen el mismo nombre gen\u00e9rico que otros productos, por ejemplo \u00abzapatillas\u00bb, si no has incluido im\u00e1genes al lado del nombre del producto, cuando se le desplieguen los nombres en el buscador, no va a saber qu\u00e9 producto es el que est\u00e1 buscando a menos que el nombre sea muy concreto. Lo mejor y lo que nosotros te recomendamos es que a\u00f1adas la imagen y el precio en miniatura al lado del nombre del art\u00edculo porque as\u00ed le facilitar\u00e1s las cosas durante el proceso de compra. Un w<em>in-win<\/em> en toda regla.<\/p>\n<h3>El buscador de una tienda Prestashop, \u00bfpor qu\u00e9 es importante optimizarlo?<\/h3>\n<p>La mayor\u00eda de due\u00f1os de tiendas web no tienen en cuenta este elemento a la hora de crear un negocio online. Es una de las funcionalidades que m\u00e1s debemos tener en cuenta porque si es usable, har\u00e1 que la tasa de conversi\u00f3n aumente como coment\u00e1bamos. Las visitas que utilizan el buscador interno optimizado suelen tener una alta tasa de conversi\u00f3n comparada con las visitas que no han usado el buscador. <strong>Feedvisor<\/strong> realiz\u00f3 un estudio all\u00e1 por el 2016 sobre Amazon en el que extra\u00eda como conclusi\u00f3n que un <strong>76% de los usuarios utilizaban el buscador interno de Amazon<\/strong> para encontrar los productos que est\u00e1n buscando. De hecho Amazon <strong>ha superado en un 55% a Google<\/strong> en lo que a b\u00fasquedas se refieren en Estados Unidos seg\u00fan una encuesta elaborada por <strong>Blooreach<\/strong>.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-9260\" src=\"https:\/\/www.4webs.es\/blog\/wp-content\/uploads\/2018\/02\/buscador-interno-amazon.jpg\" alt=\"\" width=\"750\" height=\"334\" srcset=\"https:\/\/www.4webs.es\/blog\/wp-content\/uploads\/2018\/02\/buscador-interno-amazon.jpg 750w, https:\/\/www.4webs.es\/blog\/wp-content\/uploads\/2018\/02\/buscador-interno-amazon-300x134.jpg 300w\" sizes=\"auto, (max-width: 709px) 85vw, (max-width: 909px) 67vw, (max-width: 984px) 61vw, (max-width: 1362px) 45vw, 600px\" \/><\/p>\n<p>Cuantas m\u00e1s categor\u00edas y productos tenga tu tienda, m\u00e1s probabilidad existe que un usuario utilice el buscador interno. \u00bfC\u00f3mo debe ser este buscador?<\/p>\n<ol>\n<li>Debe estar en un <strong>\u00e1rea visible de tu p\u00e1gina web<\/strong>. Por lo general, se recomienda que lo situemos en la cabecera del sitio web por ser el lugar m\u00e1s visible.<\/li>\n<li>Tiene que estar en <strong>todas las p\u00e1ginas<\/strong> de tu site. No solo en la home sino en cada una de las p\u00e1ginas para que el usuario, como es l\u00f3gico, no tenga que volver a la home a buscar un producto.<\/li>\n<li>El buscador tiene que <strong>parecer un buscador<\/strong>. Y dir\u00e1s, \u00bfl\u00f3gico, no? Pues algunos lo disimulan pero bien dificultando la posibilidad de encontrar algo en tu sitio web y siendo contraproducente. El mejor dise\u00f1o ser\u00eda una caja de b\u00fasqueda con un icono de b\u00fasqueda y la palabra \u00abbuscar o buscador\u00bb.<\/li>\n<li><strong>Debe ser Mobile Friendly<\/strong> para que pueda visualizarse correctamente en el m\u00f3vil.<\/li>\n<li>La <strong>longitud de la caja de b\u00fasqueda<\/strong> deber\u00eda ser suficiente como para abarcar de 20 a 25 caracteres.<\/li>\n<li>Usar un <strong>asistente de b\u00fasqueda<\/strong> es recomendable. Ayudaremos al usuario a la hora de buscar un producto que no recuerda c\u00f3mo se escribe o si como dec\u00edamos anteriormente, comparte la misma palabra gen\u00e9rica con otros productos, poder completarla y ofrecerle un listado.<\/li>\n<li>Crear un <strong>buscador inteligente<\/strong> que sepa ofrecer resultados en base a <strong>sin\u00f3nimos<\/strong>\u00a0 o que cuando buscamos un color espec\u00edfico aparezca ese color y no otros parecidos es algo muy importante que har\u00e1 que tu comercio electr\u00f3nico se posicione entre los favoritos de los usuarios.<\/li>\n<li>\u00bfQu\u00e9 pasa si el usuario busca un producto que no tenemos? Hacerle saber que no se han encontrado esa clase de resultados pero que podemos ofrecerle productos similares en base a su b\u00fasqueda.<\/li>\n<li>La <strong>velocidad de carga del buscador<\/strong> tambi\u00e9n importa.<\/li>\n<\/ol>\n<h4>Activar las im\u00e1genes del producto en el buscador de Prestashop 1.7<\/h4>\n<p>Y te preguntar\u00e1s, \u00bfc\u00f3mo lo hago? Pues la configuraci\u00f3n es bien sencilla aunque a simple vista parezca complicado. Nos vamos a nuestro servidor FTP donde tenemos nuestra carpeta de Prestashop y buscaremos dentro de la carpeta \u00abClasses\u00bb el controlador \u00ab<strong>ProductListingFrontController.php<\/strong>\u00bb para modificar la funci\u00f3n \u00ab<strong>prepareProductArrayForAjaxReturn<\/strong>\u00bb en la siguiente ruta:<\/p>\n<p><em>\/classes\/controller\/ProductListingFrontController.php<\/em><\/p>\n<p>Abrimos el archivo con un programa para editar c\u00f3digo como Sublime Text y buscamos el siguiente bloque de c\u00f3digo del array:<\/p>\n<p><code>$allowed_properties = array ('id_product', 'price', 'reference', 'active', 'description_short', 'link',<\/code><\/p>\n<p><code>'link_rewrite', 'name', 'manufacturer_name', 'position', 'url', 'canonical_url', 'add_to_cart_url',<\/code><\/p>\n<p><code>'has_discount', 'discount_type', 'discount_percentage', 'discount_percentage_absolute', 'discount_amount',<\/code><\/p>\n<p><code>'price_amount', 'regular_price_amount', 'regular_price', 'discount_to_display', 'labels', 'main_variants',<\/code><\/p>\n<p><code>'unit_price', 'tax_name', 'rate',<br \/>\n);<\/code><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-9304\" src=\"https:\/\/www.4webs.es\/blog\/wp-content\/uploads\/2018\/02\/controlador-array-original.jpg\" alt=\"\" width=\"750\" height=\"354\" srcset=\"https:\/\/www.4webs.es\/blog\/wp-content\/uploads\/2018\/02\/controlador-array-original.jpg 750w, https:\/\/www.4webs.es\/blog\/wp-content\/uploads\/2018\/02\/controlador-array-original-335x157.jpg 335w, https:\/\/www.4webs.es\/blog\/wp-content\/uploads\/2018\/02\/controlador-array-original-300x142.jpg 300w\" sizes=\"auto, (max-width: 709px) 85vw, (max-width: 909px) 67vw, (max-width: 984px) 61vw, (max-width: 1362px) 45vw, 600px\" \/><\/p>\n<p>Vamos a modificarlo por el siguiente para que ejecute la orden:<\/p>\n<p><code>$allowed_properties = array('id_product', 'price', 'reference', 'active', 'description_short', 'link',<\/code><\/p>\n<p><code>'link_rewrite', 'name', 'manufacturer_name', 'position', 'url', 'canonical_url', 'add_to_cart_url',<\/code><\/p>\n<p><code>'has_discount', 'discount_type', 'discount_percentage', 'discount_percentage_absolute', 'discount_amount',<\/code><\/p>\n<p><code>'price_amount', 'regular_price_amount', 'regular_price', 'discount_to_display', 'labels', 'main_variants',<\/code><\/p>\n<p><code>'unit_price', 'tax_name', 'rate\u2019,\u2019images'<br \/>\n);<\/code><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-9305\" src=\"https:\/\/www.4webs.es\/blog\/wp-content\/uploads\/2018\/02\/controlador-array-modificado.jpg\" alt=\"\" width=\"750\" height=\"354\" srcset=\"https:\/\/www.4webs.es\/blog\/wp-content\/uploads\/2018\/02\/controlador-array-modificado.jpg 750w, https:\/\/www.4webs.es\/blog\/wp-content\/uploads\/2018\/02\/controlador-array-modificado-335x157.jpg 335w, https:\/\/www.4webs.es\/blog\/wp-content\/uploads\/2018\/02\/controlador-array-modificado-300x142.jpg 300w\" sizes=\"auto, (max-width: 709px) 85vw, (max-width: 909px) 67vw, (max-width: 984px) 61vw, (max-width: 1362px) 45vw, 600px\" \/><\/p>\n<p>Posteriormente modificamos el javascript \u00ab<strong>ps_searchbar.js<\/strong>\u00bb del m\u00f3dulo del buscador de Prestashop (<strong>ps_searchbar<\/strong>) que se encuentra en la ruta <em>\/modules\/ps_searchbar\/ps_searchbar.js<\/em> dentro de nuestra carpeta \u00abPrestashop\u00bb. A\u00f1adiremos los campos que deseamos para que se muestren en el desplegable. Por defecto presenta el siguiente bloque de c\u00f3digo:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-9306\" src=\"https:\/\/www.4webs.es\/blog\/wp-content\/uploads\/2018\/02\/javascript-modulo-search-original.jpg\" alt=\"\" width=\"750\" height=\"232\" srcset=\"https:\/\/www.4webs.es\/blog\/wp-content\/uploads\/2018\/02\/javascript-modulo-search-original.jpg 750w, https:\/\/www.4webs.es\/blog\/wp-content\/uploads\/2018\/02\/javascript-modulo-search-original-300x93.jpg 300w\" sizes=\"auto, (max-width: 709px) 85vw, (max-width: 909px) 67vw, (max-width: 984px) 61vw, (max-width: 1362px) 45vw, 600px\" \/><\/p>\n<p><em>Nota: Hemos a\u00f1adido un separador para que en el buscador aparezca el resultado con el nombre del producto, el precio y la imagen separados entre s\u00ed y no quede aglomerado.<\/em><\/p>\n<p>Para a\u00f1adir el precio y la imagen, debemos incluir adem\u00e1s las lineas correspondientes al precio y a la imagen \u00absmall\u00bb que pertenece por defecto al tama\u00f1o de imagen \u00abcart_default\u00bb:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-9307\" src=\"https:\/\/www.4webs.es\/blog\/wp-content\/uploads\/2018\/02\/javascript-modulo-search-modificado.jpg\" alt=\"\" width=\"750\" height=\"232\" srcset=\"https:\/\/www.4webs.es\/blog\/wp-content\/uploads\/2018\/02\/javascript-modulo-search-modificado.jpg 750w, https:\/\/www.4webs.es\/blog\/wp-content\/uploads\/2018\/02\/javascript-modulo-search-modificado-300x93.jpg 300w\" sizes=\"auto, (max-width: 709px) 85vw, (max-width: 909px) 67vw, (max-width: 984px) 61vw, (max-width: 1362px) 45vw, 600px\" \/><\/p>\n<p>\u00a1Y as\u00ed es como queda el buscador en el front de tu tienda Prestashop! Si la imagen te queda m\u00e1s grande de lo normal, puedes mediante el c\u00f3digo CSS configurar el tama\u00f1o y la posici\u00f3n. Esperamos que te haya servido de ayuda este truquito para a\u00f1adir el precio e imagen de un producto en el buscador interno de Prestashop 1.7.<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-9303\" src=\"https:\/\/www.4webs.es\/blog\/wp-content\/uploads\/2018\/02\/imagenes-y-precio-buscador-prestashop-1-7.jpg\" alt=\"\" width=\"750\" height=\"350\" srcset=\"https:\/\/www.4webs.es\/blog\/wp-content\/uploads\/2018\/02\/imagenes-y-precio-buscador-prestashop-1-7.jpg 750w, https:\/\/www.4webs.es\/blog\/wp-content\/uploads\/2018\/02\/imagenes-y-precio-buscador-prestashop-1-7-335x157.jpg 335w, https:\/\/www.4webs.es\/blog\/wp-content\/uploads\/2018\/02\/imagenes-y-precio-buscador-prestashop-1-7-300x140.jpg 300w\" sizes=\"auto, (max-width: 709px) 85vw, (max-width: 909px) 67vw, (max-width: 984px) 61vw, (max-width: 1362px) 45vw, 600px\" \/><\/p>\n<p><em>Puede que te interese este art\u00edculo sobre c\u00f3mo <a href=\"https:\/\/www.4webs.es\/blog\/personalizar-menu-tienda-prestashop-1-7-imagenes\">personalizar el men\u00fa de tu tienda Prestashop 1.7 con im\u00e1genes<\/a><\/em><\/p>\n<\/div><\/div>","protected":false},"excerpt":{"rendered":"<p>Mostrar im\u00e1genes y precios de los productos en el buscador de tu tienda Prestashop es muy importante ya que ayudamos al usuario a encontrar lo que busca<\/p>\n","protected":false},"author":5,"featured_media":9265,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[162],"tags":[],"class_list":{"0":"post-9252","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>Truco Prestashop 1.7: mostrar precios e im\u00e1genes en el buscador | 4webs.es<\/title>\n<meta name=\"description\" content=\"Mostrar im\u00e1genes y precios de los productos en el buscador de tu tienda Prestashop es muy importante ya que ayudamos al usuario a encontrar lo que busca\" \/>\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\/truco-prestashop-1-7-mostrar-precios-e-imagenes-buscador\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Truco Prestashop 1.7: mostrar precios e im\u00e1genes en el buscador | 4webs.es\" \/>\n<meta property=\"og:description\" content=\"Mostrar im\u00e1genes y precios de los productos en el buscador de tu tienda Prestashop es muy importante ya que ayudamos al usuario a encontrar lo que busca\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.4webs.es\/blog\/truco-prestashop-1-7-mostrar-precios-e-imagenes-buscador\" \/>\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=\"2020-02-12T11:30:12+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2020-09-07T13:50:19+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.4webs.es\/blog\/wp-content\/uploads\/2018\/02\/buscador-tienda-prestashop-con-imagenes-y-precios-productos.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=\"6 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/truco-prestashop-1-7-mostrar-precios-e-imagenes-buscador#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/truco-prestashop-1-7-mostrar-precios-e-imagenes-buscador\"},\"author\":{\"name\":\"Redacci\u00f3n 4webs\",\"@id\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/#\\\/schema\\\/person\\\/62f884c014f31a905b25c80c2a62c7f6\"},\"headline\":\"Truco Prestashop 1.7: mostrar precios e im\u00e1genes en el buscador\",\"datePublished\":\"2020-02-12T11:30:12+00:00\",\"dateModified\":\"2020-09-07T13:50:19+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/truco-prestashop-1-7-mostrar-precios-e-imagenes-buscador\"},\"wordCount\":1050,\"commentCount\":6,\"image\":{\"@id\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/truco-prestashop-1-7-mostrar-precios-e-imagenes-buscador#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/wp-content\\\/uploads\\\/2018\\\/02\\\/buscador-tienda-prestashop-con-imagenes-y-precios-productos.jpg\",\"articleSection\":[\"Prestashop\"],\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.4webs.es\\\/blog\\\/truco-prestashop-1-7-mostrar-precios-e-imagenes-buscador#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/truco-prestashop-1-7-mostrar-precios-e-imagenes-buscador\",\"url\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/truco-prestashop-1-7-mostrar-precios-e-imagenes-buscador\",\"name\":\"Truco Prestashop 1.7: mostrar precios e im\u00e1genes en el buscador | 4webs.es\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/truco-prestashop-1-7-mostrar-precios-e-imagenes-buscador#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/truco-prestashop-1-7-mostrar-precios-e-imagenes-buscador#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/wp-content\\\/uploads\\\/2018\\\/02\\\/buscador-tienda-prestashop-con-imagenes-y-precios-productos.jpg\",\"datePublished\":\"2020-02-12T11:30:12+00:00\",\"dateModified\":\"2020-09-07T13:50:19+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/#\\\/schema\\\/person\\\/62f884c014f31a905b25c80c2a62c7f6\"},\"description\":\"Mostrar im\u00e1genes y precios de los productos en el buscador de tu tienda Prestashop es muy importante ya que ayudamos al usuario a encontrar lo que busca\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/truco-prestashop-1-7-mostrar-precios-e-imagenes-buscador#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.4webs.es\\\/blog\\\/truco-prestashop-1-7-mostrar-precios-e-imagenes-buscador\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/truco-prestashop-1-7-mostrar-precios-e-imagenes-buscador#primaryimage\",\"url\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/wp-content\\\/uploads\\\/2018\\\/02\\\/buscador-tienda-prestashop-con-imagenes-y-precios-productos.jpg\",\"contentUrl\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/wp-content\\\/uploads\\\/2018\\\/02\\\/buscador-tienda-prestashop-con-imagenes-y-precios-productos.jpg\",\"width\":840,\"height\":440},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/truco-prestashop-1-7-mostrar-precios-e-imagenes-buscador#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.4webs.es\\\/blog\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Truco Prestashop 1.7: mostrar precios e im\u00e1genes en el buscador\"}]},{\"@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":"Truco Prestashop 1.7: mostrar precios e im\u00e1genes en el buscador | 4webs.es","description":"Mostrar im\u00e1genes y precios de los productos en el buscador de tu tienda Prestashop es muy importante ya que ayudamos al usuario a encontrar lo que busca","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\/truco-prestashop-1-7-mostrar-precios-e-imagenes-buscador","og_locale":"es_ES","og_type":"article","og_title":"Truco Prestashop 1.7: mostrar precios e im\u00e1genes en el buscador | 4webs.es","og_description":"Mostrar im\u00e1genes y precios de los productos en el buscador de tu tienda Prestashop es muy importante ya que ayudamos al usuario a encontrar lo que busca","og_url":"https:\/\/www.4webs.es\/blog\/truco-prestashop-1-7-mostrar-precios-e-imagenes-buscador","og_site_name":"4webs","article_publisher":"https:\/\/www.facebook.com\/4webs","article_published_time":"2020-02-12T11:30:12+00:00","article_modified_time":"2020-09-07T13:50:19+00:00","og_image":[{"width":840,"height":440,"url":"https:\/\/www.4webs.es\/blog\/wp-content\/uploads\/2018\/02\/buscador-tienda-prestashop-con-imagenes-y-precios-productos.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":"6 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.4webs.es\/blog\/truco-prestashop-1-7-mostrar-precios-e-imagenes-buscador#article","isPartOf":{"@id":"https:\/\/www.4webs.es\/blog\/truco-prestashop-1-7-mostrar-precios-e-imagenes-buscador"},"author":{"name":"Redacci\u00f3n 4webs","@id":"https:\/\/www.4webs.es\/blog\/#\/schema\/person\/62f884c014f31a905b25c80c2a62c7f6"},"headline":"Truco Prestashop 1.7: mostrar precios e im\u00e1genes en el buscador","datePublished":"2020-02-12T11:30:12+00:00","dateModified":"2020-09-07T13:50:19+00:00","mainEntityOfPage":{"@id":"https:\/\/www.4webs.es\/blog\/truco-prestashop-1-7-mostrar-precios-e-imagenes-buscador"},"wordCount":1050,"commentCount":6,"image":{"@id":"https:\/\/www.4webs.es\/blog\/truco-prestashop-1-7-mostrar-precios-e-imagenes-buscador#primaryimage"},"thumbnailUrl":"https:\/\/www.4webs.es\/blog\/wp-content\/uploads\/2018\/02\/buscador-tienda-prestashop-con-imagenes-y-precios-productos.jpg","articleSection":["Prestashop"],"inLanguage":"es","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.4webs.es\/blog\/truco-prestashop-1-7-mostrar-precios-e-imagenes-buscador#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.4webs.es\/blog\/truco-prestashop-1-7-mostrar-precios-e-imagenes-buscador","url":"https:\/\/www.4webs.es\/blog\/truco-prestashop-1-7-mostrar-precios-e-imagenes-buscador","name":"Truco Prestashop 1.7: mostrar precios e im\u00e1genes en el buscador | 4webs.es","isPartOf":{"@id":"https:\/\/www.4webs.es\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.4webs.es\/blog\/truco-prestashop-1-7-mostrar-precios-e-imagenes-buscador#primaryimage"},"image":{"@id":"https:\/\/www.4webs.es\/blog\/truco-prestashop-1-7-mostrar-precios-e-imagenes-buscador#primaryimage"},"thumbnailUrl":"https:\/\/www.4webs.es\/blog\/wp-content\/uploads\/2018\/02\/buscador-tienda-prestashop-con-imagenes-y-precios-productos.jpg","datePublished":"2020-02-12T11:30:12+00:00","dateModified":"2020-09-07T13:50:19+00:00","author":{"@id":"https:\/\/www.4webs.es\/blog\/#\/schema\/person\/62f884c014f31a905b25c80c2a62c7f6"},"description":"Mostrar im\u00e1genes y precios de los productos en el buscador de tu tienda Prestashop es muy importante ya que ayudamos al usuario a encontrar lo que busca","breadcrumb":{"@id":"https:\/\/www.4webs.es\/blog\/truco-prestashop-1-7-mostrar-precios-e-imagenes-buscador#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.4webs.es\/blog\/truco-prestashop-1-7-mostrar-precios-e-imagenes-buscador"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www.4webs.es\/blog\/truco-prestashop-1-7-mostrar-precios-e-imagenes-buscador#primaryimage","url":"https:\/\/www.4webs.es\/blog\/wp-content\/uploads\/2018\/02\/buscador-tienda-prestashop-con-imagenes-y-precios-productos.jpg","contentUrl":"https:\/\/www.4webs.es\/blog\/wp-content\/uploads\/2018\/02\/buscador-tienda-prestashop-con-imagenes-y-precios-productos.jpg","width":840,"height":440},{"@type":"BreadcrumbList","@id":"https:\/\/www.4webs.es\/blog\/truco-prestashop-1-7-mostrar-precios-e-imagenes-buscador#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.4webs.es\/blog"},{"@type":"ListItem","position":2,"name":"Truco Prestashop 1.7: mostrar precios e im\u00e1genes en el buscador"}]},{"@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\/9252","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=9252"}],"version-history":[{"count":17,"href":"https:\/\/www.4webs.es\/blog\/wp-json\/wp\/v2\/posts\/9252\/revisions"}],"predecessor-version":[{"id":9309,"href":"https:\/\/www.4webs.es\/blog\/wp-json\/wp\/v2\/posts\/9252\/revisions\/9309"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.4webs.es\/blog\/wp-json\/wp\/v2\/media\/9265"}],"wp:attachment":[{"href":"https:\/\/www.4webs.es\/blog\/wp-json\/wp\/v2\/media?parent=9252"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.4webs.es\/blog\/wp-json\/wp\/v2\/categories?post=9252"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.4webs.es\/blog\/wp-json\/wp\/v2\/tags?post=9252"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}