{"id":7744,"date":"2015-03-18T16:51:21","date_gmt":"2015-03-18T19:51:21","guid":{"rendered":"https:\/\/king.host\/blog\/?p=7744"},"modified":"2024-06-04T08:44:06","modified_gmt":"2024-06-04T11:44:06","slug":"como-mudar-o-layout-da-loja-prestashop","status":"publish","type":"post","link":"https:\/\/king.host\/blog\/tutoriais\/como-mudar-o-layout-da-loja-prestashop\/","title":{"rendered":"Como mudar o layout do PrestaShop"},"content":{"rendered":"<blockquote><p>Para voc\u00ea que utiliza o PrestaShop no seu e-commerce, esse post ir\u00e1 ajud\u00e1-lo&nbsp;a mudar a apar\u00eancia de sua loja virtual. Utilizando temas prontos, sejam eles pagos ou gratuitos, ficar\u00e1 simples e f\u00e1cil deixar sua loja ainda mais agrad\u00e1vel para os seus clientes navegarem!<\/p><\/blockquote>\n<p>O PrestaShop possui diversas op\u00e7\u00f5es de temas para utiliza\u00e7\u00e3o. H\u00e1 basicamente ao menos um tema para cada nicho de mercado e-commerce. Os valores dos temas pagos variam de $44,00 a $280,00 e podem ser conferidos na <a href=\"http:\/\/addons.prestashop.com\/pt\/3-templates-prestashop\" target=\"_blank\" rel=\"noopener\">loja de templates e addons do PrestaShop<\/a>.<\/p>\n<p>Voc\u00ea tamb\u00e9m pode contar com temas gratuitos para utiliza\u00e7\u00e3o. Por exemplo, nesse tutorial utilizaremos o <a href=\"http:\/\/www.freeprestathemes.com\/fashion-bird\/\" target=\"_blank\" rel=\"noopener\">Fashion Bird<\/a>, um tema gratuito e dispon\u00edvel no site<a href=\"http:\/\/www.freeprestathemes.com\/\" target=\"_blank\" rel=\"noopener\"> Free Presta Themes<\/a>.&nbsp;Caso queira utilizar o mesmo ou outro tema em sua loja, baixe o template escolhido em um dos links mencionados&nbsp;e acompanhe o tutorial e confira como mudar o layout do PrestaShop:<\/p>\n<p>Para instalar o tema, acesse o <strong>Painel administrativo<\/strong> do seu PrestaShop e clique em&nbsp;<strong>Prefer\u00eancias &gt; Temas<\/strong><\/p>\n<p><a href=\"https:\/\/king.host\/blog\/wp-content\/uploads\/2015\/03\/tuto1.png\" rel=\"attachment wp-att-7747\"><img fetchpriority=\"high\" decoding=\"async\" class=\"aligncenter size-full wp-image-7747\" alt=\"Como mudar o layout da sua loja PrestaShop\" src=\"https:\/\/king.host\/blog\/wp-content\/uploads\/2015\/03\/tuto1.png\" width=\"490\" height=\"647\" title=\"\" srcset=\"https:\/\/cdn-cms.king.host\/blog-hlg\/uploads\/2015\/03\/tuto1.png 490w, https:\/\/cdn-cms.king.host\/blog-hlg\/uploads\/2015\/03\/tuto1-227x300.png 227w, https:\/\/cdn-cms.king.host\/blog-hlg\/uploads\/2015\/03\/tuto1-400x528.png 400w, https:\/\/cdn-cms.king.host\/blog-hlg\/uploads\/2015\/03\/tuto1-37x50.png 37w\" sizes=\"(max-width: 490px) 100vw, 490px\" \/><\/a><\/p>\n<p>Na op\u00e7\u00e3o I<strong>mportar do seu computador<\/strong>&nbsp;fa\u00e7a o upload do tema anteriormente baixado e clique em<strong> Salvar<\/strong><\/p>\n<p><a href=\"https:\/\/king.host\/blog\/wp-content\/uploads\/2015\/03\/tuto2.png\" rel=\"attachment wp-att-7746\"><img decoding=\"async\" class=\"aligncenter size-large wp-image-7746\" alt=\"Como mudar o layout da sua loja PrestaShop\" src=\"https:\/\/king.host\/blog\/wp-content\/uploads\/2015\/03\/tuto2-780x164.png\" width=\"780\" height=\"164\" title=\"\" srcset=\"https:\/\/cdn-cms.king.host\/blog-hlg\/uploads\/2015\/03\/tuto2-780x164.png 780w, https:\/\/cdn-cms.king.host\/blog-hlg\/uploads\/2015\/03\/tuto2-300x63.png 300w, https:\/\/cdn-cms.king.host\/blog-hlg\/uploads\/2015\/03\/tuto2-400x84.png 400w, https:\/\/cdn-cms.king.host\/blog-hlg\/uploads\/2015\/03\/tuto2-50x10.png 50w, https:\/\/cdn-cms.king.host\/blog-hlg\/uploads\/2015\/03\/tuto2.png 903w\" sizes=\"(max-width: 780px) 100vw, 780px\" \/><\/a><\/p>\n<p>Depois de carregado, o PrestaShop voltar\u00e1 para a p\u00e1gina de temas, onde voc\u00ea precisar\u00e1&nbsp;<strong>ativar o tema instalado<\/strong>:<\/p>\n<p><a href=\"https:\/\/king.host\/blog\/wp-content\/uploads\/2015\/03\/tuto3.png\" rel=\"attachment wp-att-7748\"><img decoding=\"async\" class=\"aligncenter size-full wp-image-7748\" alt=\"Como mudar o layout da sua loja PrestaShop\" src=\"https:\/\/king.host\/blog\/wp-content\/uploads\/2015\/03\/tuto3.png\" width=\"584\" height=\"645\" title=\"\" srcset=\"https:\/\/cdn-cms.king.host\/blog-hlg\/uploads\/2015\/03\/tuto3.png 584w, https:\/\/cdn-cms.king.host\/blog-hlg\/uploads\/2015\/03\/tuto3-272x300.png 272w, https:\/\/cdn-cms.king.host\/blog-hlg\/uploads\/2015\/03\/tuto3-400x441.png 400w, https:\/\/cdn-cms.king.host\/blog-hlg\/uploads\/2015\/03\/tuto3-271x300.png 271w, https:\/\/cdn-cms.king.host\/blog-hlg\/uploads\/2015\/03\/tuto3-45x50.png 45w\" sizes=\"(max-width: 584px) 100vw, 584px\" \/><\/a><\/p>\n<p>&nbsp;<\/p>\n<p>Pronto! O novo design&nbsp;aparecer\u00e1 assim que seu site for carregado&nbsp;\ud83d\ude42<\/p>\n<p>Tutorial elaborado pelo colaborador Andr\u00e9 Diego Brasil dos Santos \u2013 Especialista de Suporte.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Para voc\u00ea que utiliza o PrestaShop no seu e-commerce, esse post ir\u00e1 ajud\u00e1-lo&nbsp;a mudar a apar\u00eancia de sua loja virtual. Utilizando temas prontos, sejam eles pagos ou gratuitos, ficar\u00e1 simples e f\u00e1cil deixar sua loja ainda mais agrad\u00e1vel para os seus clientes navegarem! O PrestaShop possui diversas op\u00e7\u00f5es de temas para utiliza\u00e7\u00e3o. H\u00e1 basicamente ao [&hellip;]<\/p>\n","protected":false},"author":253,"featured_media":7756,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[156],"tags":[1351],"class_list":["post-7744","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tutoriais","tag-loja-virtual"],"_links":{"self":[{"href":"https:\/\/king.host\/blog\/wp-json\/wp\/v2\/posts\/7744","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/king.host\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/king.host\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/king.host\/blog\/wp-json\/wp\/v2\/users\/253"}],"replies":[{"embeddable":true,"href":"https:\/\/king.host\/blog\/wp-json\/wp\/v2\/comments?post=7744"}],"version-history":[{"count":1,"href":"https:\/\/king.host\/blog\/wp-json\/wp\/v2\/posts\/7744\/revisions"}],"predecessor-version":[{"id":31845,"href":"https:\/\/king.host\/blog\/wp-json\/wp\/v2\/posts\/7744\/revisions\/31845"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/king.host\/blog\/wp-json\/wp\/v2\/media\/7756"}],"wp:attachment":[{"href":"https:\/\/king.host\/blog\/wp-json\/wp\/v2\/media?parent=7744"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/king.host\/blog\/wp-json\/wp\/v2\/categories?post=7744"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/king.host\/blog\/wp-json\/wp\/v2\/tags?post=7744"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}