{"id":6507,"date":"2020-03-06T10:57:02","date_gmt":"2020-03-06T09:57:02","guid":{"rendered":"https:\/\/www.4webs.es\/blog\/?p=6507"},"modified":"2020-09-07T12:34:31","modified_gmt":"2020-09-07T11:34:31","slug":"pasos-debes-seguir-crear-modulo-basico-prestashop","status":"publish","type":"post","link":"https:\/\/www.4webs.es\/blog\/pasos-debes-seguir-crear-modulo-basico-prestashop","title":{"rendered":"Pasos que debes seguir para crear un m\u00f3dulo b\u00e1sico en Prestashop"},"content":{"rendered":"<div class=\"row\"><div class=\"col-md-11 content-article\"><p>Hoy vamos a construir un m\u00f3dulo sencillo para familiarizarnos con su estructura. Cuando terminemos el m\u00f3dulo mostrar\u00e1 el t\u00edtulo \u201cHola mundo\u201d en un bloque de la vista de nuestra tienda. En 4webs por ejemplo, puedes encontrar todos <a href=\"https:\/\/www.4webs.es\/tienda\/es\/\">estos m\u00f3dulos para Prestashop<\/a> que nosotros hemos creado.<\/p>\n<h2>Creando los archivos y carpetas necesarios<\/h2>\n<p><strong>Estructura de carpetas<\/strong><\/p>\n<figure id=\"attachment_6546\" aria-describedby=\"caption-attachment-6546\" style=\"width: 750px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-6546\" src=\"https:\/\/www.4webs.es\/blog\/wp-content\/uploads\/2017\/03\/estructura-carpetas-modulo-prestashop-1.jpg\" alt=\"\" width=\"750\" height=\"480\" srcset=\"https:\/\/www.4webs.es\/blog\/wp-content\/uploads\/2017\/03\/estructura-carpetas-modulo-prestashop-1.jpg 750w, https:\/\/www.4webs.es\/blog\/wp-content\/uploads\/2017\/03\/estructura-carpetas-modulo-prestashop-1-300x192.jpg 300w, https:\/\/www.4webs.es\/blog\/wp-content\/uploads\/2017\/03\/estructura-carpetas-modulo-prestashop-1-656x420.jpg 656w\" sizes=\"auto, (max-width: 709px) 85vw, (max-width: 909px) 67vw, (max-width: 984px) 61vw, (max-width: 1362px) 45vw, 600px\" \/><figcaption id=\"caption-attachment-6546\" class=\"wp-caption-text\">Ejemplo de estructura de carpetas para nuestro m\u00f3dulo de Prestashop<\/figcaption><\/figure>\n<p>Lo primero que debemos hacer es crear la carpeta que contendr\u00e1 los archivos y subcarpetas de nuestro m\u00f3dulo, a la que llamaremos \u201cmimodulo\u201d. Posteriormente generaremos la <a href=\"https:\/\/www.4webs.es\/blog\/la-estructura-de-prestashop\">estructura de carpetas<\/a>\u00a0para Prestashop, para este caso realizaremos una estructura sencilla:<\/p>\n<ul>\n<li><strong>mimodulo\/<\/strong> carpeta que contiene todos los archivos necesarios.<\/li>\n<li><strong>views\/<\/strong> carpeta que contiene los archivos de la vista.<\/li>\n<li><strong>templates\/<\/strong> subcarpeta que contiene los archivos de plantillas [.tpl]<\/li>\n<li><strong>hook\/<\/strong> subcarpeta que contiene los archivos de plantilla de los hooks del m\u00f3dulo.<\/li>\n<li><strong>css\/<\/strong> subcarpeta que contiene las hojas de estilo [.css]<\/li>\n<li><strong>js\/<\/strong> subcarpeta que contiene los archivos javascript [.js]<\/li>\n<li><strong>img\/<\/strong> subcarpeta que contiene las im\u00e1genes<\/li>\n<li><strong>translations\/<\/strong> carpeta donde se guardan las traducciones del m\u00f3dulo<\/li>\n<\/ul>\n<p>Con esto tendr\u00edamos una estructura b\u00e1sica de carpetas y archivos para continuar con nuestro m\u00f3dulo.<\/p>\n<h2>Creando el config.xml<\/h2>\n<p>Este archivo \u201cconfig.xml\u201d es necesario para cargar el m\u00f3dulo en la lista de m\u00f3dulos del backoffice, debe ir en la ra\u00edz de la carpeta de nuestro modulo (mimodulo\/config.xml).<\/p>\n<p>La estructura que debe de llevar el .xml es la siguiente:<\/p>\n<p><code>&lt;?xml version=\"1.0\" encoding=\"UTF-8\" ?&gt;<br \/>\n&lt;module&gt;<br \/>\n&lt;name&gt;mimodulo&lt;\/name&gt;<br \/>\n&lt;displayName&gt;&lt;![CDATA[Mi m\u00f3dulo]]&gt;&lt;\/displayName&gt;<br \/>\n&lt;version&gt;&lt;![CDATA[1.0.0]]&gt;&lt;\/version&gt;<br \/>\n&lt;description&gt;&lt;![CDATA[Descripci\u00f3n de mi m\u00f3dulo]]&gt;&lt;\/description&gt;<br \/>\n&lt;author&gt;&lt;![CDATA[4webs]]&gt;&lt;\/author&gt;<br \/>\n&lt;tab&gt;&lt;![CDATA[front_office_features]]&gt;&lt;\/tab&gt;<br \/>\n&lt;confirmUninstall&gt;&lt;![CDATA[\u00bfDesea desinstalar?]]&gt;&lt;\/confirmUninstall&gt;<br \/>\n&lt;is_configurable&gt;0&lt;\/is_configurable&gt;<br \/>\n&lt;need_instance&gt;0&lt;\/need_instance&gt;<br \/>\n&lt;limited_countries&gt;&lt;\/limited_countries&gt;<br \/>\n&lt;\/module&gt;<br \/>\n<\/code><\/p>\n<p>En este xml se pueden definir algunas de las caracter\u00edsticas que lleva nuestro m\u00f3dulo como:<\/p>\n<ul>\n<li>&lt;tab&gt; La pesta\u00f1a del listado de m\u00f3dulos en la que se encuentra<\/li>\n<li>&lt;is_configurable&gt; Si el m\u00f3dulo lleva una opci\u00f3n de configuraci\u00f3n. (1-si)(0-no)<\/li>\n<li>&lt;need_instance&gt; Si es necesario que se cargue la clase del m\u00f3dulo al cargar el listado. (1-si)(0-no)<\/li>\n<li>&lt;limited_countries&gt; Puedes limitar los pa\u00edses en los que se encuentra disponible(es,en,fr,gr)<\/li>\n<\/ul>\n<h2>Creando nuestra clase<\/h2>\n<p>El archivo principal del m\u00f3dulo debe tener el mismo nombre que el m\u00f3dulo y que su carpeta. \u201cmimodulo.php\u201d.<\/p>\n<p>La clase debe ser extendida a la clase Modulo de Prestashop para heredar m\u00e9todos y atributos.<\/p>\n<p><code><br \/>\n&lt;?php<br \/>\nif(!defined('_PS_VERSION_'))<br \/>\nexit;<\/p>\n<p>class Mimodulo extends Module{<br \/>\n}<br \/>\n<\/code><\/p>\n<h2>M\u00e9todo constructor<\/h2>\n<p>El m\u00e9todo constructor es necesario para cualquier inicializaci\u00f3n que el objeto necesite antes de ser usado.<\/p>\n<p><code>public\u00a0function __construct()<br \/>\n{<br \/>\n$this-&gt;name =\u00a0'mimodulo'; \/\/nombre del m\u00f3dulo el mismo que la carpeta y la clase.<br \/>\n$this-&gt;tab =\u00a0'front_office_features'; \/\/ pesta\u00f1a en la que se encuentra en el backoffice.<br \/>\n$this-&gt;version =\u00a0'1.0.0'; \/\/versi\u00f3n del m\u00f3dulo<br \/>\n$this-&gt;author ='4webs'; \/\/ autor del m\u00f3dulo<br \/>\n$this-&gt;need_instance =\u00a00; \/\/si no necesita cargar la clase en la p\u00e1gina m\u00f3dulos,1 si fuese necesario.<br \/>\n$this-&gt;ps_versions_compliancy = array('min'\u00a0=&gt;\u00a0'1.6',\u00a0'max'\u00a0=&gt; _PS_VERSION_);\u00a0\/\/las versiones con las que el m\u00f3dulo es compatible.<br \/>\n$this-&gt;bootstrap =\u00a0true; \/\/si usa bootstrap plantilla responsive.<br \/>\n<\/code><\/p>\n<p>parent::__construct(); \/\/llamada al contructor padre.<\/p>\n<p><code>$this-&gt;displayName = $this-&gt;l('My module'); \/\/ Nombre del m\u00f3dulo<br \/>\n$this-&gt;description = $this-&gt;l('Description of my module.'); \/\/Descripci\u00f3n del m\u00f3dulo<br \/>\n$this-&gt;confirmUninstall = $this-&gt;l('Are you sure you want to uninstall?'); \/\/mensaje de alerta al desinstalar el m\u00f3dulo.<br \/>\n}<br \/>\n<\/code><\/p>\n<h2>M\u00e9todo de instalaci\u00f3n y desinstalaci\u00f3n<\/h2>\n<p>Estos dos m\u00e9todos se utilizan para la instalaci\u00f3n y desinstalaci\u00f3n del m\u00f3dulo. Si queremos que el m\u00f3dulo se muestre en el front-end con una vista, deberemos registrar el mismo en uno de los hooks disponibles para tal fin. En este caso utilizaremos el hook \u201cdisplayTop\u201d que har\u00e1 que se muestre la vista en la parte superior de la tienda.<\/p>\n<p><code><br \/>\npublic function install()<br \/>\n{<br \/>\nif(!parent::install() || !$this-&gt;registerHook('displayTop'))<br \/>\nreturn false;<br \/>\nreturn true;<br \/>\n}<br \/>\n<\/code><\/p>\n<p><code><br \/>\npublic function uninstall()<br \/>\n{<br \/>\nif(!parent::uninstall() || !$this-&gt;unregisterHook('displayTop'))<br \/>\nreturn false;<br \/>\nreturn true;<br \/>\n}<br \/>\n<\/code><\/p>\n<h2>M\u00e9todo para mostrar la vista<\/h2>\n<p>En este caso para mostrar la vista, crearemos la siguiente funci\u00f3n, todos los m\u00e9todos para los hooks, deben llevar delante la palabra hook seguida del nombre del hook. En este caso hookDisplayTop.<\/p>\n<p><code><br \/>\npublic function hookDisplayTop(){<br \/>\nreturn $this-&gt;display(__FILE__, 'views\/templates\/hook\/mimodulo.tpl');<br \/>\n}<br \/>\n<\/code><\/p>\n<p>Para mostrar la vista utilizaremos el m\u00e9todo display y la ruta donde tenemos el .tpl de la vista.<\/p>\n<p>Con esto tendr\u00edamos terminada nuestra clase:<\/p>\n<p>C\u00f3digo completo de la clase mimodulo<\/p>\n<p><code><br \/>\n&lt;?php<\/p>\n<p>if (!defined('_PS_VERSION_'))<br \/>\nexit;<\/p>\n<p>class Mimodulo extends Module {<\/p>\n<p>public function __construct() {<br \/>\n$this-&gt;name = 'mimodulo';<br \/>\n$this-&gt;tab = 'front_office_features';<br \/>\n$this-&gt;version = '1.0.0';<br \/>\n$this-&gt;author = '4webs';<br \/>\n$this-&gt;need_instance = 0;<br \/>\n$this-&gt;ps_versions_compliancy = array('min'=&gt;'1.6','max'=&gt;_PS_VERSION_);<br \/>\n$this-&gt;bootstrap = true;<\/p>\n<p>parent::__construct();<\/p>\n<p>$this-&gt;displayName = $this-&gt;l('Mi m\u00f3dulo');<br \/>\n$this-&gt;description = $this-&gt;l('Descripci\u00f3n de mi m\u00f3dulo.');<br \/>\n$this-&gt;confirmUninstall = $this-&gt;l('\u00bfDesea desinstalar?');<br \/>\n}<\/p>\n<p>public function install() {<br \/>\nif (!parent::install() || !$this-&gt;registerHook('displayTop'))<br \/>\nreturn false;<br \/>\nreturn true;<br \/>\n}<\/p>\n<p>public function uninstall() {<br \/>\nif (!parent::uninstall() || !$this-&gt;unregisterHook('displayTop'))<br \/>\nreturn false;<br \/>\nreturn true;<br \/>\n}<\/p>\n<p>public function hookDisplayTop() {<br \/>\nreturn $this-&gt;display(__FILE__, 'views\/templates\/hook\/mimodulo.tpl');<br \/>\n}<br \/>\n<\/code><\/p>\n<h2>Creando la vista<\/h2>\n<p>Para la vista deberemos crear un archivo .tpl de smarty, que es el motor de plantillas que utiliza Prestashop. En este caso \u201cmimodulo.tpl\u201d que deber\u00e1 ir en views\/templates\/hook .<\/p>\n<p>Para la vista simplemente introducimos un texto traducible dentro de un p\u00e1rrafo:<br \/>\n<code>&lt;p&gt;{l s='Hola mundo'}&lt;\/p&gt;<\/code><\/p>\n<figure id=\"attachment_6521\" aria-describedby=\"caption-attachment-6521\" style=\"width: 750px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-6521 size-full\" src=\"https:\/\/www.4webs.es\/blog\/wp-content\/uploads\/2017\/03\/crear-modulo-prestashop-2.jpg\" width=\"750\" height=\"115\" srcset=\"https:\/\/www.4webs.es\/blog\/wp-content\/uploads\/2017\/03\/crear-modulo-prestashop-2.jpg 750w, https:\/\/www.4webs.es\/blog\/wp-content\/uploads\/2017\/03\/crear-modulo-prestashop-2-300x46.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-6521\" class=\"wp-caption-text\">Ejemplo de nuestro m\u00f3dulo para Prestashop<\/figcaption><\/figure>\n<h3>Puesta a punto<\/h3>\n<p>Una vez terminado podemos guardar nuestro m\u00f3dulo en un .zip o subirlo directamente al servidor, en el directorio modules.\u00a0Podemos comprobar que se encuentra en el backoffice en la lista de m\u00f3dulo e instalarlo.\u00a0Si vamos a la tienda en la parte superior podemos observar el texto que quer\u00edamos mostrar.<\/p>\n<p>Si tienes <a href=\"https:\/\/www.4webs.es\/blog\/problemas-tipicos-en-la-instalacion-de-modulos-en-prestashop\">problemas para instalar cualquiera de nuestros m\u00f3dulos en Prestashop<\/a>, no dudes en contactar con nosotros que estaremos encantados de ayudarte.<\/p>\n<p>Si hemos seguido todos los pasos anteriores, el resultado ser\u00eda el siguiente:<\/p>\n<figure id=\"attachment_6519\" aria-describedby=\"caption-attachment-6519\" style=\"width: 750px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-6519 size-full\" src=\"https:\/\/www.4webs.es\/blog\/wp-content\/uploads\/2017\/03\/ejemplo-creacion-modulo-prestashop.jpg\" width=\"750\" height=\"372\" srcset=\"https:\/\/www.4webs.es\/blog\/wp-content\/uploads\/2017\/03\/ejemplo-creacion-modulo-prestashop.jpg 750w, https:\/\/www.4webs.es\/blog\/wp-content\/uploads\/2017\/03\/ejemplo-creacion-modulo-prestashop-300x149.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-6519\" class=\"wp-caption-text\">Ejemplo del front-office tras la creaci\u00f3n de nuestro m\u00f3dulo para Prestashop<\/figcaption><\/figure>\n<\/div><\/div>","protected":false},"excerpt":{"rendered":"<p>\u00bfQuieres crear un m\u00f3dulo b\u00e1sico en Prestashop y no sabes c\u00f3mo? \u00a1Nosotros te ayudamos paso a paso en la configuraci\u00f3n de un m\u00f3dulo con este ejemplo pr\u00e1ctico!<\/p>\n","protected":false},"author":5,"featured_media":6524,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[84],"tags":[],"class_list":{"0":"post-6507","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-modulos-prestashop"},"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.5 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Pasos que debes seguir para crear un m\u00f3dulo b\u00e1sico en Prestashop | 4webs.es<\/title>\n<meta name=\"description\" content=\"\u00bfQuieres crear un m\u00f3dulo b\u00e1sico en Prestashop y no sabes c\u00f3mo? \u00a1Nosotros te ayudamos paso a paso en la configuraci\u00f3n de un m\u00f3dulo con este ejemplo pr\u00e1ctico!\" \/>\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\/pasos-debes-seguir-crear-modulo-basico-prestashop\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Pasos que debes seguir para crear un m\u00f3dulo b\u00e1sico en Prestashop | 4webs.es\" \/>\n<meta property=\"og:description\" content=\"\u00bfQuieres crear un m\u00f3dulo b\u00e1sico en Prestashop y no sabes c\u00f3mo? \u00a1Nosotros te ayudamos paso a paso en la configuraci\u00f3n de un m\u00f3dulo con este ejemplo pr\u00e1ctico!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.4webs.es\/blog\/pasos-debes-seguir-crear-modulo-basico-prestashop\" \/>\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-03-06T09:57:02+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2020-09-07T11:34:31+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.4webs.es\/blog\/wp-content\/uploads\/2017\/03\/como-crear-mi-modulo-en-prestashop.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\\\/pasos-debes-seguir-crear-modulo-basico-prestashop#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/pasos-debes-seguir-crear-modulo-basico-prestashop\"},\"author\":{\"name\":\"Redacci\u00f3n 4webs\",\"@id\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/#\\\/schema\\\/person\\\/62f884c014f31a905b25c80c2a62c7f6\"},\"headline\":\"Pasos que debes seguir para crear un m\u00f3dulo b\u00e1sico en Prestashop\",\"datePublished\":\"2020-03-06T09:57:02+00:00\",\"dateModified\":\"2020-09-07T11:34:31+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/pasos-debes-seguir-crear-modulo-basico-prestashop\"},\"wordCount\":745,\"commentCount\":1,\"image\":{\"@id\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/pasos-debes-seguir-crear-modulo-basico-prestashop#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/wp-content\\\/uploads\\\/2017\\\/03\\\/como-crear-mi-modulo-en-prestashop.jpg\",\"articleSection\":[\"M\u00f3dulos Prestashop\"],\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.4webs.es\\\/blog\\\/pasos-debes-seguir-crear-modulo-basico-prestashop#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/pasos-debes-seguir-crear-modulo-basico-prestashop\",\"url\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/pasos-debes-seguir-crear-modulo-basico-prestashop\",\"name\":\"Pasos que debes seguir para crear un m\u00f3dulo b\u00e1sico en Prestashop | 4webs.es\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/pasos-debes-seguir-crear-modulo-basico-prestashop#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/pasos-debes-seguir-crear-modulo-basico-prestashop#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/wp-content\\\/uploads\\\/2017\\\/03\\\/como-crear-mi-modulo-en-prestashop.jpg\",\"datePublished\":\"2020-03-06T09:57:02+00:00\",\"dateModified\":\"2020-09-07T11:34:31+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/#\\\/schema\\\/person\\\/62f884c014f31a905b25c80c2a62c7f6\"},\"description\":\"\u00bfQuieres crear un m\u00f3dulo b\u00e1sico en Prestashop y no sabes c\u00f3mo? \u00a1Nosotros te ayudamos paso a paso en la configuraci\u00f3n de un m\u00f3dulo con este ejemplo pr\u00e1ctico!\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/pasos-debes-seguir-crear-modulo-basico-prestashop#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.4webs.es\\\/blog\\\/pasos-debes-seguir-crear-modulo-basico-prestashop\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/pasos-debes-seguir-crear-modulo-basico-prestashop#primaryimage\",\"url\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/wp-content\\\/uploads\\\/2017\\\/03\\\/como-crear-mi-modulo-en-prestashop.jpg\",\"contentUrl\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/wp-content\\\/uploads\\\/2017\\\/03\\\/como-crear-mi-modulo-en-prestashop.jpg\",\"width\":840,\"height\":440},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/pasos-debes-seguir-crear-modulo-basico-prestashop#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.4webs.es\\\/blog\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Pasos que debes seguir para crear un m\u00f3dulo b\u00e1sico en Prestashop\"}]},{\"@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":"Pasos que debes seguir para crear un m\u00f3dulo b\u00e1sico en Prestashop | 4webs.es","description":"\u00bfQuieres crear un m\u00f3dulo b\u00e1sico en Prestashop y no sabes c\u00f3mo? \u00a1Nosotros te ayudamos paso a paso en la configuraci\u00f3n de un m\u00f3dulo con este ejemplo pr\u00e1ctico!","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\/pasos-debes-seguir-crear-modulo-basico-prestashop","og_locale":"es_ES","og_type":"article","og_title":"Pasos que debes seguir para crear un m\u00f3dulo b\u00e1sico en Prestashop | 4webs.es","og_description":"\u00bfQuieres crear un m\u00f3dulo b\u00e1sico en Prestashop y no sabes c\u00f3mo? \u00a1Nosotros te ayudamos paso a paso en la configuraci\u00f3n de un m\u00f3dulo con este ejemplo pr\u00e1ctico!","og_url":"https:\/\/www.4webs.es\/blog\/pasos-debes-seguir-crear-modulo-basico-prestashop","og_site_name":"4webs","article_publisher":"https:\/\/www.facebook.com\/4webs","article_published_time":"2020-03-06T09:57:02+00:00","article_modified_time":"2020-09-07T11:34:31+00:00","og_image":[{"width":840,"height":440,"url":"https:\/\/www.4webs.es\/blog\/wp-content\/uploads\/2017\/03\/como-crear-mi-modulo-en-prestashop.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\/pasos-debes-seguir-crear-modulo-basico-prestashop#article","isPartOf":{"@id":"https:\/\/www.4webs.es\/blog\/pasos-debes-seguir-crear-modulo-basico-prestashop"},"author":{"name":"Redacci\u00f3n 4webs","@id":"https:\/\/www.4webs.es\/blog\/#\/schema\/person\/62f884c014f31a905b25c80c2a62c7f6"},"headline":"Pasos que debes seguir para crear un m\u00f3dulo b\u00e1sico en Prestashop","datePublished":"2020-03-06T09:57:02+00:00","dateModified":"2020-09-07T11:34:31+00:00","mainEntityOfPage":{"@id":"https:\/\/www.4webs.es\/blog\/pasos-debes-seguir-crear-modulo-basico-prestashop"},"wordCount":745,"commentCount":1,"image":{"@id":"https:\/\/www.4webs.es\/blog\/pasos-debes-seguir-crear-modulo-basico-prestashop#primaryimage"},"thumbnailUrl":"https:\/\/www.4webs.es\/blog\/wp-content\/uploads\/2017\/03\/como-crear-mi-modulo-en-prestashop.jpg","articleSection":["M\u00f3dulos Prestashop"],"inLanguage":"es","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.4webs.es\/blog\/pasos-debes-seguir-crear-modulo-basico-prestashop#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.4webs.es\/blog\/pasos-debes-seguir-crear-modulo-basico-prestashop","url":"https:\/\/www.4webs.es\/blog\/pasos-debes-seguir-crear-modulo-basico-prestashop","name":"Pasos que debes seguir para crear un m\u00f3dulo b\u00e1sico en Prestashop | 4webs.es","isPartOf":{"@id":"https:\/\/www.4webs.es\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.4webs.es\/blog\/pasos-debes-seguir-crear-modulo-basico-prestashop#primaryimage"},"image":{"@id":"https:\/\/www.4webs.es\/blog\/pasos-debes-seguir-crear-modulo-basico-prestashop#primaryimage"},"thumbnailUrl":"https:\/\/www.4webs.es\/blog\/wp-content\/uploads\/2017\/03\/como-crear-mi-modulo-en-prestashop.jpg","datePublished":"2020-03-06T09:57:02+00:00","dateModified":"2020-09-07T11:34:31+00:00","author":{"@id":"https:\/\/www.4webs.es\/blog\/#\/schema\/person\/62f884c014f31a905b25c80c2a62c7f6"},"description":"\u00bfQuieres crear un m\u00f3dulo b\u00e1sico en Prestashop y no sabes c\u00f3mo? \u00a1Nosotros te ayudamos paso a paso en la configuraci\u00f3n de un m\u00f3dulo con este ejemplo pr\u00e1ctico!","breadcrumb":{"@id":"https:\/\/www.4webs.es\/blog\/pasos-debes-seguir-crear-modulo-basico-prestashop#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.4webs.es\/blog\/pasos-debes-seguir-crear-modulo-basico-prestashop"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www.4webs.es\/blog\/pasos-debes-seguir-crear-modulo-basico-prestashop#primaryimage","url":"https:\/\/www.4webs.es\/blog\/wp-content\/uploads\/2017\/03\/como-crear-mi-modulo-en-prestashop.jpg","contentUrl":"https:\/\/www.4webs.es\/blog\/wp-content\/uploads\/2017\/03\/como-crear-mi-modulo-en-prestashop.jpg","width":840,"height":440},{"@type":"BreadcrumbList","@id":"https:\/\/www.4webs.es\/blog\/pasos-debes-seguir-crear-modulo-basico-prestashop#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.4webs.es\/blog"},{"@type":"ListItem","position":2,"name":"Pasos que debes seguir para crear un m\u00f3dulo b\u00e1sico en Prestashop"}]},{"@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\/6507","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=6507"}],"version-history":[{"count":34,"href":"https:\/\/www.4webs.es\/blog\/wp-json\/wp\/v2\/posts\/6507\/revisions"}],"predecessor-version":[{"id":6559,"href":"https:\/\/www.4webs.es\/blog\/wp-json\/wp\/v2\/posts\/6507\/revisions\/6559"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.4webs.es\/blog\/wp-json\/wp\/v2\/media\/6524"}],"wp:attachment":[{"href":"https:\/\/www.4webs.es\/blog\/wp-json\/wp\/v2\/media?parent=6507"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.4webs.es\/blog\/wp-json\/wp\/v2\/categories?post=6507"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.4webs.es\/blog\/wp-json\/wp\/v2\/tags?post=6507"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}