<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Archives des Page d&#039;attente - Agence BeComWeb</title>
	<atom:link href="https://preprod.agence-becomweb.fr/blog/mot-clef/page-dattente/feed/" rel="self" type="application/rss+xml" />
	<link></link>
	<description>Modules Prestashop à petit prix pour votre boutique en ligne</description>
	<lastBuildDate>Fri, 12 Nov 2021 13:19:59 +0000</lastBuildDate>
	<language>fr-FR</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.1.7</generator>

<image>
	<url>https://preprod.agence-becomweb.fr/wp-content/uploads/2019/05/cropped-logo_carre_large-32x32.gif</url>
	<title>Archives des Page d&#039;attente - Agence BeComWeb</title>
	<link></link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>Prestashop &#8211; Personnaliser la page de maintenance</title>
		<link>https://preprod.agence-becomweb.fr/blog/prestashop-personnaliser-la-page-de-maintenance/</link>
					<comments>https://preprod.agence-becomweb.fr/blog/prestashop-personnaliser-la-page-de-maintenance/#comments</comments>
		
		<dc:creator><![CDATA[becomweb]]></dc:creator>
		<pubDate>Mon, 21 Jan 2019 17:01:52 +0000</pubDate>
				<category><![CDATA[Développement Prestashop]]></category>
		<category><![CDATA[Prestashop]]></category>
		<category><![CDATA[Coming Soon]]></category>
		<category><![CDATA[Maintenance]]></category>
		<category><![CDATA[Page d'attente]]></category>
		<category><![CDATA[PS 1.6]]></category>
		<category><![CDATA[PS 1.7]]></category>
		<guid isPermaLink="false">https://preprod.agence-becomweb.fr/?p=81</guid>

					<description><![CDATA[<p>Découvrez comment concevoir une page de maintenance ou une page d'attente avec un design et un contenu personnalisé pour votre boutique Prestashop</p>
<p>L’article <a rel="nofollow" href="https://preprod.agence-becomweb.fr/blog/prestashop-personnaliser-la-page-de-maintenance/">Prestashop &#8211; Personnaliser la page de maintenance</a> est apparu en premier sur <a rel="nofollow" href="https://preprod.agence-becomweb.fr">Agence BeComWeb</a>.</p>
]]></description>
										<content:encoded><![CDATA[<p>Le mode maintenance de Prestashop a 2 utilités. Vous pouvez l&rsquo;utiliser quand vous effectuez des tests ou opérations de mise-à-jour (installation de module, modification des prix,&#8230;) ou vous en servir pendant la conception de votre boutique en guise de page d&rsquo;attente.</p>
<p>En revanche les informations affichées sur cette page sont limitées : le logo, un titre, un texte&#8230; et c&rsquo;est tout. Un peu léger. Si la vesion 1.7 de Prestashop permet de saisir un message de maintenance personnalisé, elle reste assez limitée. En gros ça revient à dire « Nous sommes fermés » à vos clients, sans plus de détails.</p>
<figure id="attachment_1799" aria-describedby="caption-attachment-1799" style="width: 720px" class="wp-caption alignnone"><img decoding="async" class="wp-image-1799 size-full" src="https://preprod.agence-becomweb.fr/wp-content/uploads/2019/01/prestashop_maintenance_standard_fr.jpg" alt="Prestashop - modifier la page de maintenance standard" width="720" height="427" srcset="https://preprod.agence-becomweb.fr/wp-content/uploads/2019/01/prestashop_maintenance_standard_fr.jpg 720w, https://preprod.agence-becomweb.fr/wp-content/uploads/2019/01/prestashop_maintenance_standard_fr-480x285.jpg 480w, https://preprod.agence-becomweb.fr/wp-content/uploads/2019/01/prestashop_maintenance_standard_fr-400x237.jpg 400w" sizes="(max-width: 720px) 100vw, 720px" /><figcaption id="caption-attachment-1799" class="wp-caption-text">Par défaut la page de maintenance de Prestashop est assez pauvre en informations</figcaption></figure>
<p>Ce qui soulèvent pour eux de nombreuses questions :</p>
<ul>
<li>Quand est-ce que votre site sera de nouveau disponible ?</li>
<li>Comment vous contacter pendant ce temps-là ?</li>
</ul>
<p>Et de votre côté vous pourriez avoir envie de rendre cette page un peu plus sexy. Du texte noir sur fond blanc, aucune image,&#8230; on a connu plus attrayant.</p>
<h2>Modifier la page de maintenance de Prestashop manuellement</h2>
<p>La 1ère méthode pour modifier le contenu et l&rsquo;apparence de la page de maintenance va consister à modifier les fichiers qui la composent.</p>
<p>Commençons par Prestashop 1.6. Dans cette version, les fichiers en question sont les suivants :</p>
<ul>
<li>le template <em>maintenance.tpl</em> (situé dans le répertoire de votre thème),</li>
<li>la feuille de style <em>maintenance.css</em> (situé dans le sous-répertoire <em>css</em> de votre thème)</li>
</ul>
<p>Si vous souhaitez ajouter des textes ou des images, vous pourrez le faire dans le template. Pour les textes, si votre boutique est multilingue, n&rsquo;oubliez pas de respecter la syntaxe Smarty qui permet de rendre une chaîne de caractères traduisible : <em>{l s=&rsquo;Texte à traduire&rsquo;}</em>.</p>
<p>Ensuite pour toutes les modifications de design (taille de police, couleur d&rsquo;arrière-plan,..), vous devez modifier la feuille de style (ce qui nécessite évidemment de maîtriser un peu ce langage).</p>
<p>Dans Prestashop 1.7, les noms et les emplacements de ces fichiers sont légèrement différents :</p>
<ul>
<li>le template <em>maintenance.tpl</em> se trouve dans le répertoire <em>templates/errors</em> de votre thème,</li>
<li>la feuille de style se nomme error.css et elle est dans le répertoire <em>assets/css</em> de votre thème</li>
</ul>
<p>N&rsquo;oubliez pas que dans cette version vous pouvez personnaliser le texte de la page vous-même, comme je vous disais un peu plus haut (depuis le menu « Paramètres de la boutique &gt; Général », onglets « Maintenance »).</p>
<h2>Un module de personnalisation pour la page de maintenance de Prestashop</h2>
<p>Si la 1ère méthode vous rebute (car vous ne disposez pas des compétences techniques nécessaires), vous pouvez vous tourner vers notre module « <em>Page de maintenance personnalisée</em>« .</p>
<p>Très simple à utiliser il dispose des options suivantes :</p>
<ul>
<li>sélection parmi les modèles de page disponibles (« Site en maintenance », « Disponible prochainement ») ou saisie manuelle du titre et du texte de la page,</li>
<li>choix de l&rsquo;image et de la couleur de l&rsquo;arrière-plan,</li>
<li>mise en place d&rsquo;un compte-à-rebours avant la disponibilité du site</li>
<li>affichage des coordonnées de contact et des liens vers les réseaux sociaux</li>
</ul>
<p>En quelques minutes vous serez en mesure de proposer à vos clients une page de maintenance plus belle et plus complète pour votre boutique Prestashop, comme dans les exemples ci-dessous.</p>

<a href='https://preprod.agence-becomweb.fr/wp-content/uploads/2018/05/page_maintenance.jpg'><img width="480" height="282" src="https://preprod.agence-becomweb.fr/wp-content/uploads/2018/05/page_maintenance-480x282.jpg" class="attachment-medium size-medium" alt="Découvrir comment personnaliser la page de maintenance de Prestashop" decoding="async" loading="lazy" srcset="https://preprod.agence-becomweb.fr/wp-content/uploads/2018/05/page_maintenance-480x282.jpg 480w, https://preprod.agence-becomweb.fr/wp-content/uploads/2018/05/page_maintenance-768x451.jpg 768w, https://preprod.agence-becomweb.fr/wp-content/uploads/2018/05/page_maintenance-1024x602.jpg 1024w, https://preprod.agence-becomweb.fr/wp-content/uploads/2018/05/page_maintenance-400x235.jpg 400w, https://preprod.agence-becomweb.fr/wp-content/uploads/2018/05/page_maintenance-800x470.jpg 800w, https://preprod.agence-becomweb.fr/wp-content/uploads/2018/05/page_maintenance-300x176.jpg 300w, https://preprod.agence-becomweb.fr/wp-content/uploads/2018/05/page_maintenance.jpg 1600w" sizes="(max-width: 480px) 100vw, 480px" /></a>
<a href='https://preprod.agence-becomweb.fr/wp-content/uploads/2018/04/front_maintenance.jpg'><img width="480" height="289" src="https://preprod.agence-becomweb.fr/wp-content/uploads/2018/04/front_maintenance-480x289.jpg" class="attachment-medium size-medium" alt="Enrichissez le design de la page de maintenance de Prestashop" decoding="async" loading="lazy" srcset="https://preprod.agence-becomweb.fr/wp-content/uploads/2018/04/front_maintenance-480x289.jpg 480w, https://preprod.agence-becomweb.fr/wp-content/uploads/2018/04/front_maintenance-768x463.jpg 768w, https://preprod.agence-becomweb.fr/wp-content/uploads/2018/04/front_maintenance-1024x617.jpg 1024w, https://preprod.agence-becomweb.fr/wp-content/uploads/2018/04/front_maintenance-400x241.jpg 400w, https://preprod.agence-becomweb.fr/wp-content/uploads/2018/04/front_maintenance-800x482.jpg 800w, https://preprod.agence-becomweb.fr/wp-content/uploads/2018/04/front_maintenance-300x181.jpg 300w, https://preprod.agence-becomweb.fr/wp-content/uploads/2018/04/front_maintenance.jpg 1200w" sizes="(max-width: 480px) 100vw, 480px" /></a>

<p>N&rsquo;hésitez pas à aller jeter un oeil sur la page consacrée au module, vous y trouverez la liste des fonctionnalités et plusieurs autres captures d&rsquo;écrans.</p>
<div> </div>
<div> </div>

<div data-block-name="woocommerce/handpicked-products" data-columns="1" data-edit-mode="false" data-content-visibility="{&quot;title&quot;:true,&quot;price&quot;:true,&quot;rating&quot;:false,&quot;button&quot;:false}" data-products="[51]" class="wc-block-grid wp-block-handpicked-products wc-block-handpicked-products has-1-columns has-multiple-rows"><ul class="wc-block-grid__products"><li class="wc-block-grid__product">
				<a href="https://preprod.agence-becomweb.fr/modules-prestashop/page-de-maintenance-personnalisee/" class="wc-block-grid__product-link">
					<div class="wc-block-grid__product-image"><img width="400" height="234" src="https://preprod.agence-becomweb.fr/wp-content/uploads/2018/04/bcwmaintenancepage-400x234.jpg" class="attachment-woocommerce_thumbnail size-woocommerce_thumbnail" alt="Module de personnalisation de page de maintenance pour Prestashop" decoding="async" loading="lazy" srcset="https://preprod.agence-becomweb.fr/wp-content/uploads/2018/04/bcwmaintenancepage-400x234.jpg 400w, https://preprod.agence-becomweb.fr/wp-content/uploads/2018/04/bcwmaintenancepage-480x281.jpg 480w, https://preprod.agence-becomweb.fr/wp-content/uploads/2018/04/bcwmaintenancepage-768x450.jpg 768w, https://preprod.agence-becomweb.fr/wp-content/uploads/2018/04/bcwmaintenancepage.jpg 1024w, https://preprod.agence-becomweb.fr/wp-content/uploads/2018/04/bcwmaintenancepage-800x469.jpg 800w, https://preprod.agence-becomweb.fr/wp-content/uploads/2018/04/bcwmaintenancepage-300x176.jpg 300w" sizes="(max-width: 400px) 100vw, 400px" /></div>
					<div class="wc-block-grid__product-title">Page de maintenance personnalisée</div>
				</a>
				
				<div class="wc-block-grid__product-price price"><span class="woocommerce-Price-amount amount">15,00<span class="woocommerce-Price-currencySymbol">&euro;</span></span></div>
				
				
			</li></ul></div><p>L’article <a rel="nofollow" href="https://preprod.agence-becomweb.fr/blog/prestashop-personnaliser-la-page-de-maintenance/">Prestashop &#8211; Personnaliser la page de maintenance</a> est apparu en premier sur <a rel="nofollow" href="https://preprod.agence-becomweb.fr">Agence BeComWeb</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://preprod.agence-becomweb.fr/blog/prestashop-personnaliser-la-page-de-maintenance/feed/</wfw:commentRss>
			<slash:comments>2</slash:comments>
		
		
			</item>
	</channel>
</rss>
