<?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 réduction déclinaison prestashop - st9ph.fr</title>
	<atom:link href="https://st9ph.fr/tag/reduction-declinaison-prestashop/feed/" rel="self" type="application/rss+xml" />
	<link>https://st9ph.fr/tag/reduction-declinaison-prestashop/</link>
	<description>la boite à outils numériques</description>
	<lastBuildDate>Mon, 30 Mar 2026 15:44:47 +0000</lastBuildDate>
	<language>fr-FR</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=7.0</generator>

<image>
	<url>https://st9ph.fr/wp-content/uploads/2026/02/cropped-ico-fav-32x32.png</url>
	<title>Archives des réduction déclinaison prestashop - st9ph.fr</title>
	<link>https://st9ph.fr/tag/reduction-declinaison-prestashop/</link>
	<width>32</width>
	<height>32</height>
</image> 
<site xmlns="com-wordpress:feed-additions:1">199087513</site>	<item>
		<title>Prestashop &#124; OP Com dans la Eshop</title>
		<link>https://st9ph.fr/prestashop-op-com-dans-la-eshop/</link>
					<comments>https://st9ph.fr/prestashop-op-com-dans-la-eshop/#respond</comments>
		
		<dc:creator><![CDATA[St9ph]]></dc:creator>
		<pubDate>Tue, 17 Feb 2026 17:27:24 +0000</pubDate>
				<category><![CDATA[PrestaShop]]></category>
		<category><![CDATA[🛠️ création de sites]]></category>
		<category><![CDATA[🌐 public]]></category>
		<category><![CDATA[opérations commerciales prestashop]]></category>
		<category><![CDATA[pack produit prestashop]]></category>
		<category><![CDATA[réduction déclinaison prestashop]]></category>
		<category><![CDATA[réduction marque prestashop]]></category>
		<category><![CDATA[réduction produit prestashop]]></category>
		<guid isPermaLink="false">https://st9ph.fr/?p=34861</guid>

					<description><![CDATA[<p>PrestaShop &#124; 💥OP Com dans la Eshop ➡️ Que ce soit pour &#8230; &#8230; il faudra créer des évènements dans votre boutique en ligne avec des Call To actions qui pousseront à la commande 🛒. En complément de cet article (plus global) : Part d&#8217;IA /5 dans cet article voyez le menu flottant (à droite) ... <a title="Prestashop &#124; OP Com dans la Eshop" class="read-more" href="https://st9ph.fr/prestashop-op-com-dans-la-eshop/" aria-label="En savoir plus sur Prestashop &#124; OP Com dans la Eshop">Lire la suite</a></p>
<p>L’article <a href="https://st9ph.fr/prestashop-op-com-dans-la-eshop/">Prestashop | OP Com dans la Eshop</a> est apparu en premier sur <a href="https://st9ph.fr">st9ph.fr</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<div class="wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-8f761849 wp-block-group-is-layout-flex">


<p class="has-medium-font-size wp-block-paragraph"><strong>PrestaShop</strong></p>



<p class="has-accent-color has-text-color has-link-color has-x-large-font-size wp-elements-9024c7da84bf9d975ea2c3f458c234da wp-block-paragraph"><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-contrast-color">|</mark> 💥OP Com dans la Eshop</p>
</div>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:33.33%">
<p class="has-text-align-right has-medium-font-size wp-block-paragraph">➡️ Que ce soit pour &#8230;</p>



<ul class="wp-block-list has-medium-font-size">
<li>vider les stocks 📦,</li>



<li> mettre en avant certains produits 🎈,</li>



<li> attirer de nouveaux prospects🪝 </li>



<li>ou ramener vos clients dormants 😴, </li>
</ul>



<p class="has-text-align-right has-medium-font-size wp-block-paragraph">&#8230; il faudra créer des évènements dans votre boutique en ligne avec des Call To actions qui pousseront à la commande 🛒.</p>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:66.66%">
<p class="wp-block-paragraph"><strong>En complément de cet article</strong> (plus global) :</p>



			<div class="wp-block-uagb-post-grid uagb-post-grid  uagb-post__image-position-top uagb-post__image-enabled uagb-block-70d172dc     uagb-post__items uagb-post__columns-1 is-grid uagb-post__columns-tablet-2 uagb-post__columns-mobile-1 uagb-post__equal-height" data-total="1" style="">

												<article class="uagb-post__inner-wrap">								<div class='uagb-post__image'>
									<a href="https://st9ph.fr/%f0%9f%9b%92e-commerce-operations-commerciales-en-digital/" target="_self" rel="bookmark noopener noreferrer" class='uagb-image-ratio-inherit'><img fetchpriority="high" decoding="async" width="724" height="186" src="https://st9ph.fr/wp-content/uploads/2026/01/image-23.png" class="attachment-large size-large" alt="" srcset="https://st9ph.fr/wp-content/uploads/2026/01/image-23.png 724w, https://st9ph.fr/wp-content/uploads/2026/01/image-23-300x77.png 300w" sizes="(max-width: 724px) 100vw, 724px" />					</a>
							</div>
						<h4 class="uagb-post__title uagb-post__text">
				<a href="https://st9ph.fr/%f0%9f%9b%92e-commerce-operations-commerciales-en-digital/" target="_self" rel="bookmark noopener noreferrer">🛒E-Commerce | Opérations commerciales en digital</a>
			</h4>
						<div class='uagb-post__text uagb-post-grid-byline'>
								<time datetime="2026-01-04T18:45:48+01:00" class="uagb-post__date">
				<span class="dashicons-calendar dashicons"></span>					4 janvier 2026				</time>
						</div>
						<div class="uagb-post__text uagb-post__cta wp-block-button">
				<a class="wp-block-button__link uagb-text-link" style="" href="https://st9ph.fr/%f0%9f%9b%92e-commerce-operations-commerciales-en-digital/" target="_self" rel="bookmark noopener noreferrer">Voir</a>
			</div>
			
									</article>
											</div>
			</div>
</div>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:33.33%"><div class="wp-block-image">
<figure class="alignright size-full is-resized"><img decoding="async" width="233" height="211" src="https://st9ph.fr/wp-content/uploads/2025/12/IA.png" alt="" class="wp-image-31733" style="width:79px;height:auto"/></figure>
</div>


<p class="has-small-font-size wp-block-paragraph">Part d&#8217;IA /5 dans cet article</p>



<p class="wp-block-paragraph"></p>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:66.66%">
<div class="wp-block-columns has-base-2-background-color has-background is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow"><div style="gap: 20px" class="ub-star-rating ub-star-rating-text-top ub-star-rating-align-left wp-block-ub-star-rating-block" id="ub-star-rating-3f6c374a-959b-4682-93ac-9818c952cacc">
			<div class="ub-star-outer-container" style="justify-content: flex-start; ">
				<div class="ub-star-inner-container"><div class=""><svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewbox="0 0 150 150">
			<defs><mask id="ub_star_rating_filter-3f6c374a-959b-4682-93ac-9818c952cacc-0"><rect height="150" width="0" y="0" x="0" fill="#fff"></rect></mask></defs> <path fill="none" stroke-width="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path><path class="star" id="star0" mask="url(#ub_star_rating_filter-3f6c374a-959b-4682-93ac-9818c952cacc-0)" fill="#ffb901" strokewidth="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path>
			</svg><svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewbox="0 0 150 150">
			<defs><mask id="ub_star_rating_filter-3f6c374a-959b-4682-93ac-9818c952cacc-1"><rect height="150" width="0" y="0" x="0" fill="#fff"></rect></mask></defs> <path fill="none" stroke-width="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path><path class="star" id="star1" mask="url(#ub_star_rating_filter-3f6c374a-959b-4682-93ac-9818c952cacc-1)" fill="#ffb901" strokewidth="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path>
			</svg><svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewbox="0 0 150 150">
			<defs><mask id="ub_star_rating_filter-3f6c374a-959b-4682-93ac-9818c952cacc-2"><rect height="150" width="0" y="0" x="0" fill="#fff"></rect></mask></defs> <path fill="none" stroke-width="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path><path class="star" id="star2" mask="url(#ub_star_rating_filter-3f6c374a-959b-4682-93ac-9818c952cacc-2)" fill="#ffb901" strokewidth="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path>
			</svg><svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewbox="0 0 150 150">
			<defs><mask id="ub_star_rating_filter-3f6c374a-959b-4682-93ac-9818c952cacc-3"><rect height="150" width="0" y="0" x="0" fill="#fff"></rect></mask></defs> <path fill="none" stroke-width="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path><path class="star" id="star3" mask="url(#ub_star_rating_filter-3f6c374a-959b-4682-93ac-9818c952cacc-3)" fill="#ffb901" strokewidth="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path>
			</svg><svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewbox="0 0 150 150">
			<defs><mask id="ub_star_rating_filter-3f6c374a-959b-4682-93ac-9818c952cacc-4"><rect height="150" width="0" y="0" x="0" fill="#fff"></rect></mask></defs> <path fill="none" stroke-width="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path><path class="star" id="star4" mask="url(#ub_star_rating_filter-3f6c374a-959b-4682-93ac-9818c952cacc-4)" fill="#ffb901" strokewidth="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path>
			</svg></div></div>
			</div><div class="ub-review-text" style="text-align: left; ">♨️ Sources</div>
		</div></div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow"><div style="gap: 20px" class="ub-star-rating ub-star-rating-text-top ub-star-rating-align-left wp-block-ub-star-rating-block" id="ub-star-rating-2244d65d-8865-47c6-bd28-4ed5ebba335e">
			<div class="ub-star-outer-container" style="justify-content: flex-start; ">
				<div class="ub-star-inner-container"><div class=""><svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewbox="0 0 150 150">
			<defs><mask id="ub_star_rating_filter-2244d65d-8865-47c6-bd28-4ed5ebba335e-0"><rect height="150" width="150" y="0" x="0" fill="#fff"></rect></mask></defs> <path fill="none" stroke-width="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path><path class="star" id="star0" mask="url(#ub_star_rating_filter-2244d65d-8865-47c6-bd28-4ed5ebba335e-0)" fill="#ffb901" strokewidth="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path>
			</svg><svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewbox="0 0 150 150">
			<defs><mask id="ub_star_rating_filter-2244d65d-8865-47c6-bd28-4ed5ebba335e-1"><rect height="150" width="150" y="0" x="0" fill="#fff"></rect></mask></defs> <path fill="none" stroke-width="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path><path class="star" id="star1" mask="url(#ub_star_rating_filter-2244d65d-8865-47c6-bd28-4ed5ebba335e-1)" fill="#ffb901" strokewidth="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path>
			</svg><svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewbox="0 0 150 150">
			<defs><mask id="ub_star_rating_filter-2244d65d-8865-47c6-bd28-4ed5ebba335e-2"><rect height="150" width="150" y="0" x="0" fill="#fff"></rect></mask></defs> <path fill="none" stroke-width="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path><path class="star" id="star2" mask="url(#ub_star_rating_filter-2244d65d-8865-47c6-bd28-4ed5ebba335e-2)" fill="#ffb901" strokewidth="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path>
			</svg><svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewbox="0 0 150 150">
			<defs><mask id="ub_star_rating_filter-2244d65d-8865-47c6-bd28-4ed5ebba335e-3"><rect height="150" width="75" y="0" x="0" fill="#fff"></rect></mask></defs> <path fill="none" stroke-width="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path><path class="star" id="star3" mask="url(#ub_star_rating_filter-2244d65d-8865-47c6-bd28-4ed5ebba335e-3)" fill="#ffb901" strokewidth="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path>
			</svg><svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewbox="0 0 150 150">
			<defs><mask id="ub_star_rating_filter-2244d65d-8865-47c6-bd28-4ed5ebba335e-4"><rect height="150" width="0" y="0" x="0" fill="#fff"></rect></mask></defs> <path fill="none" stroke-width="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path><path class="star" id="star4" mask="url(#ub_star_rating_filter-2244d65d-8865-47c6-bd28-4ed5ebba335e-4)" fill="#ffb901" strokewidth="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path>
			</svg></div></div>
			</div><div class="ub-review-text" style="text-align: left; ">🖼️ Images</div>
		</div></div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow"><div style="gap: 20px" class="ub-star-rating ub-star-rating-text-top ub-star-rating-align-left wp-block-ub-star-rating-block" id="ub-star-rating-181718a6-76f5-46c5-b8e1-f1b33d7efc20">
			<div class="ub-star-outer-container" style="justify-content: flex-start; ">
				<div class="ub-star-inner-container"><div class=""><svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewbox="0 0 150 150">
			<defs><mask id="ub_star_rating_filter-181718a6-76f5-46c5-b8e1-f1b33d7efc20-0"><rect height="150" width="0" y="0" x="0" fill="#fff"></rect></mask></defs> <path fill="none" stroke-width="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path><path class="star" id="star0" mask="url(#ub_star_rating_filter-181718a6-76f5-46c5-b8e1-f1b33d7efc20-0)" fill="#ffb901" strokewidth="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path>
			</svg><svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewbox="0 0 150 150">
			<defs><mask id="ub_star_rating_filter-181718a6-76f5-46c5-b8e1-f1b33d7efc20-1"><rect height="150" width="0" y="0" x="0" fill="#fff"></rect></mask></defs> <path fill="none" stroke-width="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path><path class="star" id="star1" mask="url(#ub_star_rating_filter-181718a6-76f5-46c5-b8e1-f1b33d7efc20-1)" fill="#ffb901" strokewidth="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path>
			</svg><svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewbox="0 0 150 150">
			<defs><mask id="ub_star_rating_filter-181718a6-76f5-46c5-b8e1-f1b33d7efc20-2"><rect height="150" width="0" y="0" x="0" fill="#fff"></rect></mask></defs> <path fill="none" stroke-width="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path><path class="star" id="star2" mask="url(#ub_star_rating_filter-181718a6-76f5-46c5-b8e1-f1b33d7efc20-2)" fill="#ffb901" strokewidth="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path>
			</svg><svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewbox="0 0 150 150">
			<defs><mask id="ub_star_rating_filter-181718a6-76f5-46c5-b8e1-f1b33d7efc20-3"><rect height="150" width="0" y="0" x="0" fill="#fff"></rect></mask></defs> <path fill="none" stroke-width="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path><path class="star" id="star3" mask="url(#ub_star_rating_filter-181718a6-76f5-46c5-b8e1-f1b33d7efc20-3)" fill="#ffb901" strokewidth="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path>
			</svg><svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewbox="0 0 150 150">
			<defs><mask id="ub_star_rating_filter-181718a6-76f5-46c5-b8e1-f1b33d7efc20-4"><rect height="150" width="0" y="0" x="0" fill="#fff"></rect></mask></defs> <path fill="none" stroke-width="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path><path class="star" id="star4" mask="url(#ub_star_rating_filter-181718a6-76f5-46c5-b8e1-f1b33d7efc20-4)" fill="#ffb901" strokewidth="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path>
			</svg></div></div>
			</div><div class="ub-review-text" style="text-align: left; ">✒️Contenu</div>
		</div></div>
</div>



<div class="wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-8f761849 wp-block-group-is-layout-flex">
<figure class="wp-block-image size-full is-resized"><img decoding="async" width="51" height="53" src="https://st9ph.fr/wp-content/uploads/2025/12/image-153.png" alt="" class="wp-image-33778" style="width:33px;height:auto"/></figure>



<p class="has-small-font-size wp-block-paragraph">v<em>oyez le menu flottant (à droite) pour les sources, un glossaire et la méthodologie </em></p>
</div>
</div>
</div>



<div class="wp-block-group is-content-justification-center is-nowrap is-layout-flex wp-container-core-group-is-layout-d05cb3ef wp-block-group-is-layout-flex">
<p class="wp-block-paragraph">⏱️Temps de lecture :</p>


<div class="wp-elements-2660b74cdd79da9184a09a62f3b8f226 wp-block-post-time-to-read has-text-color has-accent-color">22–33 minutes</div>


<p class="wp-block-paragraph">|</p>


<div class="wp-block-post-time-to-read">5 162 mots</div>


<p class="wp-block-paragraph">|</p>



<p class="has-accent-color has-text-color has-link-color wp-elements-f8515b49564e2f8ad2c183e4ed182d7c wp-block-paragraph">🗓️ dernière modification le</p>


<div class="has-link-color wp-block-post-date__modified-date wp-elements-c7e6b51b55b0dff84108436fc6f3823e wp-block-post-date has-text-color has-accent-color"><time datetime="2026-03-30T17:44:47+02:00">30 mars  2026</time></div></div>


				<div class="wp-block-uagb-table-of-contents uagb-toc__align-left uagb-toc__columns-1  uagb-block-6cd5ced2      uagb-toc__collapse--list"
					data-scroll= "1"
					data-offset= "30"
					style=""
				>
				<div class="uagb-toc__wrap">
						<div class="uagb-toc__title">
							au menu de cet article : 						</div>
												<div class="uagb-toc__loader"></div>										<div class="uagb-toc__list-wrap uagb-toc__list-hidden">
						<ol class="uagb-toc__list"><li class="uagb-toc__list "><a href="#11-la-ristourne-ou-la-baisse-de-prix" class="uagb-toc-link__trigger">🔹1.1 | la ristourne ou la baisse de prix ?</a><li class="uagb-toc__list "><a href="#12-mettre-en-lot" class="uagb-toc-link__trigger">🔹1.2 | Mettre en lot</a><li class="uagb-toc__list "><a href="#13-mettre-en-pack" class="uagb-toc-link__trigger">🔹1.3 | Mettre en Pack</a><li class="uagb-toc__list "><a href="#pack-mug-et-vase-panda" class="uagb-toc-link__trigger">pack Mug et Vase Panda</a><li class="uagb-toc__list "><a href="#21-promotion-sur-un-rayon-catégorie" class="uagb-toc-link__trigger">🔹2.1 | Promotion sur un rayon (catégorie)</a><li class="uagb-toc__list "><a href="#22-remises-sur-les-déclinaisons-ou-caractéristiques" class="uagb-toc-link__trigger">🔹2.2 | Remises sur les déclinaisons ou caractéristiques</a><li class="uagb-toc__list "><a href="#23-ristourne-sur-une-marque-ciblée" class="uagb-toc-link__trigger">🔹2.3 | Ristourne sur une marque ciblée</a></ol>					</div>
									</div>
				</div>
			


<h3 class="wp-block-heading" style="font-size:28px">🔹<strong><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color">1.1 |</mark></strong><img loading="lazy" decoding="async" width="25" height="30" class="wp-image-34820" style="width: 25px;" src="https://st9ph.fr/wp-content/uploads/2026/02/st9ph-mini.jpg" alt=""><strong> la ristourne ou la baisse de prix</strong> ?</h3>



<p class="wp-block-paragraph">👉🏻 Il s&#8217;agit soit :</p>



<ul class="wp-block-list">
<li>Un produit dont <strong>les ventes s&#8217;essoufflent</strong> 🍂(un produit concurrent ou une 🆕 nouvelle version lui vole la vedette 😎)</li>



<li>Un produit récent dont <strong>les ventes ne décollent pas</strong> 🛩️ (&#8220;il n&#8217;a pas rencontre sa cible&#8221;, comme on dit poliment quand on a raté son business plan)</li>



<li>Un produit populaire 💥 mais <strong>qui vous encombre</strong> 📦 (vous avez été gourmand et ne l&#8217;écoulez pas aussi vite que prévu ou il <strong>vous empêche un réassort </strong>de produits qui margent plus, tellement <strong>il encombre vos stocks</strong>)</li>
</ul>



<p class="wp-block-paragraph">➡️ En tout cas, il faut donner <strong>un petit coup de pouce</strong> à vos clients pour qu&#8217;ils l&#8217;ajoutent au panier 🛒 !</p>



<p class="has-text-align-center has-medium-font-size wp-block-paragraph">🤔 Baisser ses prix ou mettre en promo ?</p>



<ul class="wp-block-list">
<li>Une <strong>promo</strong> est ✅ <strong>plus visible</strong> mais elle doit rester ❌<strong>ponctuelle</strong></li>



<li>Une <strong>baisse de prix</strong> passera ❌ <strong>inaperçue</strong> pour une partie de vos clients mais elle vous rendra ✅<strong>plus concurrentielle</strong> dans les comparateurs de prix en ligne</li>
</ul>



<figure class="wp-block-video"><video height="294" style="aspect-ratio: 700 / 294;" width="700" autoplay loop muted src="https://st9ph.fr/wp-content/uploads/2026/02/carrousel-produits-comparateur.mp4" playsinline></video></figure>



<!-- ===== BLOQ QCM COMPLET AVEC SCORE LOCAL ===== -->
<div class="bloc-qcm">
<p class="qcm-question">🤔 <strong>Question :</strong> J&#8217;ai le droit de baisser mes prix, comme ça, du jour au lendemain ?</p>
<ul class="qcm-options">
<li data-correct="false" data-feedback="❌ Heureusement que si ! Vous imaginez les pompistes, par exemple, avec les cours du pétrole qui varient sans arrêt ?">Ah non ! Une fois fixé, le prix ne bouge plus,, il faut passer par une promo.</li>
<li data-correct="true" data-feedback="✅ Oui, à condition de ne pas vendre à perte (et même là, il y'a des exceptions)">Ben oui ! Je fais ce que je veux !</li>
<li data-correct="false" data-feedback="❌ Ah ? C'est vraiment dommage si on ne peut pas baisser ses prix durant les soldes vu que c'est un peu fait pour cela à la base.">Oui, sauf pendant les soldes.</li>
</ul>
<p class="qcm-feedback"></p>
<p class="qcm-local-score"></p>
</div>
<style>
.bloc-qcm {
border-left: 4px solid #1e73be;
background: #f5f9ff;
padding: 16px 18px;
margin: 24px 0;
border-radius: 4px;
font-size: 15px;
}
.qcm-options {
list-style: none;
padding: 0;
margin: 12px 0;
}
.qcm-options li {
position: relative;
padding: 10px 12px 10px 42px;
margin-bottom: 8px;
background: #fff;
border: 1px solid #ddd;
border-radius: 4px;
cursor: pointer;
transition: background 0.2s;
}
.qcm-options li::before {
content: attr(data-letter);
position: absolute;
left: 10px;
top: 50%;
transform: translateY(-50%);
font-weight: bold;
color: #1e73be;
}
.qcm-options li:hover {
background: #eef3ff;
}
.qcm-options li.correct {
background: #e6f4ea;
border-color: #188038;
}
.qcm-options li.wrong {
background: #fdecec;
border-color: #dc2626;
}
.qcm-feedback {
margin-top: 12px;
font-weight: bold;
}
.qcm-local-score {
margin-top: 6px;
font-weight: bold;
}
</style>
<script>
document.querySelectorAll('.bloc-qcm').forEach(qcm => {
const options = qcm.querySelectorAll('.qcm-options li');
const feedback = qcm.querySelector('.qcm-feedback');
const localScore = qcm.querySelector('.qcm-local-score');
let answered = false;
options.forEach((option, index) => {
option.dataset.letter = String.fromCharCode(65 + index);
});
options.forEach(option => {
option.addEventListener('click', () => {
if (answered) return;
answered = true;
options.forEach(o => o.classList.remove('correct', 'wrong'));
if (option.dataset.correct === "true") {
option.classList.add('correct');
} else {
option.classList.add('wrong');
}
feedback.textContent = option.dataset.feedback;
let point = option.dataset.correct === "true" ? 1 : 0;
localScore.textContent = "Tu marques " + point + " point";
});
});
});
</script>



<div class="bloc-rappel">
🖥️ A l&#8217;épreuve E5B, on vous demandera seulement <strong> une promo </strong>, si on vous demande une opération commerciale sur un produit (ça tombe souvent).</div>

<style>
.bloc-rappel {
  border-left: 4px solid #1e73be;
  background: #f5f9ff;
  padding: 12px 18px;
  margin: 20px 0;
  font-size: 15px;
  color: #0f172a;
  border-radius: 4px;
  font-family: Arial, sans-serif;
}
</style>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow"><ul style="padding-left: 1.1em;text-align: left;--ub-list-item-icon-top: 3px;--ub-list-item-icon-size: 0.9em;);--ub-list-item-fa-li-top: 3px;--ub-list-item-spacing: 0px;column-count: 1;--ub-list-mobile-column-count: 1" class="wp-block-ub-styled-list ub_styled_list" id="ub_styled_list-c4722e0f-4605-4962-8bd2-09f6c1d2513b">
<li class="ub_styled_list_item" style="--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image/svg+xml;utf8,&lt;svg xmlns=&quot;http://www.w3.org/2000/svg&quot; viewBox=&quot;0 0 320 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M0 55.2V426c0 12.2 9.9 22 22 22c6.3 0 12.4-2.7 16.6-7.5L121.2 346l58.1 116.3c7.9 15.8 27.1 22.2 42.9 14.3s22.2-27.1 14.3-42.9L179.8 320H297.9c12.2 0 22.1-9.9 22.1-22.1c0-6.3-2.7-12.3-7.4-16.5L38.6 37.9C34.3 34.1 28.9 32 23.2 32C10.4 32 0 42.4 0 55.2z&quot;&gt;&lt;/path&gt;&lt;/svg&gt;'); " id="ub-styled-list-item-8f768acd-f9f3-4133-8e2f-80a6c70286e1">
			<div class="ub_list_item_content">
				<span class="ub_list_item_icon">
					<svg width="0.9em" height="0.9em" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 320 512"><path fill="#000000" d="M0 55.2V426c0 12.2 9.9 22 22 22c6.3 0 12.4-2.7 16.6-7.5L121.2 346l58.1 116.3c7.9 15.8 27.1 22.2 42.9 14.3s22.2-27.1 14.3-42.9L179.8 320H297.9c12.2 0 22.1-9.9 22.1-22.1c0-6.3-2.7-12.3-7.4-16.5L38.6 37.9C34.3 34.1 28.9 32 23.2 32C10.4 32 0 42.4 0 55.2z"></path></svg>
				</span>
				<span class="ub_list_item_text">Catalogue &gt; Produit &gt; votre produit &gt; <strong>onglet prix </strong></span>
			</div>
			
		</li>

<li class="ub_styled_list_item" style="--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image/svg+xml;utf8,&lt;svg xmlns=&quot;http://www.w3.org/2000/svg&quot; viewBox=&quot;0 0 320 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M0 55.2V426c0 12.2 9.9 22 22 22c6.3 0 12.4-2.7 16.6-7.5L121.2 346l58.1 116.3c7.9 15.8 27.1 22.2 42.9 14.3s22.2-27.1 14.3-42.9L179.8 320H297.9c12.2 0 22.1-9.9 22.1-22.1c0-6.3-2.7-12.3-7.4-16.5L38.6 37.9C34.3 34.1 28.9 32 23.2 32C10.4 32 0 42.4 0 55.2z&quot;&gt;&lt;/path&gt;&lt;/svg&gt;'); " id="ub-styled-list-item-37a4d208-9880-4ad6-b0fa-2fd89738ab24">
			<div class="ub_list_item_content">
				<span class="ub_list_item_icon">
					<svg width="0.9em" height="0.9em" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 320 512"><path fill="#000000" d="M0 55.2V426c0 12.2 9.9 22 22 22c6.3 0 12.4-2.7 16.6-7.5L121.2 346l58.1 116.3c7.9 15.8 27.1 22.2 42.9 14.3s22.2-27.1 14.3-42.9L179.8 320H297.9c12.2 0 22.1-9.9 22.1-22.1c0-6.3-2.7-12.3-7.4-16.5L38.6 37.9C34.3 34.1 28.9 32 23.2 32C10.4 32 0 42.4 0 55.2z"></path></svg>
				</span>
				<span class="ub_list_item_text">⬛ <strong>Ajouter un prix spécifique </strong>+</span>
			</div>
			
		</li>
</ul>


<p class="wp-block-paragraph">👉🏻 Vous pouvez définir :</p>



<ul class="wp-block-list">
<li>un <strong>groupe précis</strong> (réserver à ceux qui ont un compte client ou au VIP si vous les avez créés)</li>



<li>Une ristourne <strong>en % ou en numéraire </strong>(l&#8217;effet sera plus fort en % pour un petit montant)</li>
</ul>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="376" height="86" src="https://st9ph.fr/wp-content/uploads/2026/02/image-95.png" alt="" class="wp-image-34869" srcset="https://st9ph.fr/wp-content/uploads/2026/02/image-95.png 376w, https://st9ph.fr/wp-content/uploads/2026/02/image-95-300x69.png 300w" sizes="auto, (max-width: 376px) 100vw, 376px" /></figure>



<div class="bloc-attention">
  ⚠️ N&#8217;oubliez pas d&#8217;indiquer <strong>une date de fin. </strong> C&#8217;est obligatoire.
</div>

<style>
.bloc-attention {
  border-left: 4px solid #dc2626;
  background: #fff1f1;
  padding: 12px 18px;
  margin: 20px 0;
  font-size: 15px;
  color: #0f172a;
  border-radius: 4px;
  font-family: Arial, sans-serif;
}
</style>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:280px">
<!-- DÉBUT BLOC IMAGE ZOOMABLE (V3 - CROIX & PROPORTIONS) -->
<style>
    .zoom-img-container { position: relative; display: inline-block; width: 100%; cursor: pointer; border-radius: 6px; overflow: hidden; box-shadow: 0 2px 5px rgba(0,0,0,0.1); transition: box-shadow 0.3s; }
    .zoom-img-container:hover { box-shadow: 0 5px 15px rgba(0,0,0,0.2); }
    .zoom-img-container img { width: 100%; height: auto; display: block; transition: transform 0.3s; }
    .zoom-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.4); display: flex; flex-direction: column; align-items: center; justify-content: center; opacity: 0; transition: opacity 0.3s; color: white; font-family: sans-serif; font-weight: bold; text-shadow: 0 1px 3px rgba(0,0,0,0.8); pointer-events: none; /* La souris traverse l'overlay pour cliquer sur l'image */ }
    .zoom-overlay svg { width: 40px; height: 40px; fill: white; margin-bottom: 5px; }
    .zoom-img-container:hover .zoom-overlay { opacity: 1; }
    .zoom-img-container:hover img { transform: scale(1.05); }
    
    .zoom-modal { display: none; position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.85); align-items: center; justify-content: center; opacity: 0; transition: opacity 0.3s; }
    .zoom-modal.show { display: flex; opacity: 1; }
    
    /* CORRECTION PROPORTIONS : */
    .zoom-modal-content { 
        max-width: 90%; 
        max-height: 90%; 
        width: auto;       /* Force la largeur auto (pas d'étirement) */
        height: auto;      /* Force la hauteur auto */
        object-fit: contain; /* Assure que l'image tient dans le cadre sans déformer */
        border-radius: 4px; 
        box-shadow: 0 0 20px rgba(0,0,0,0.5); 
        animation: zoomIn 0.3s; 
    }
    
    .zoom-close { 
        position: absolute; 
        top: 20px; 
        right: 35px; 
        color: #f1f1f1; 
        font-size: 40px; 
        font-weight: bold; 
        cursor: pointer; 
        transition: 0.3s; 
        line-height: 1; 
        z-index: 10000; /* S'assure que la croix est au-dessus de tout */
        user-select: none;
    }
    .zoom-close:hover { color: #bbb; }

    @keyframes zoomIn { from {transform:scale(0.8); opacity:0} to {transform:scale(1); opacity:1} }
</style>

<!-- CONTENEUR DE L'IMAGE -->
<!-- 👇🏻 UNIQUE ENDROIT À MODIFIER : Change juste le src ci-dessous 👇🏻 -->
<div class="zoom-img-container" onclick="openZoomModal(this)">
    <img decoding="async" src="https://st9ph.fr/wp-content/uploads/2026/02/image-96.png" alt="Agrandir l'image">
    
    <div class="zoom-overlay">
        <svg viewBox="0 0 24 24"><path d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"/></svg>
        <span>Agrandir</span>
    </div>
    
    <!-- LE POPUP (À l'intérieur du bloc) -->
    <div class="zoom-modal" onclick="closeZoomModal(event, this)">
        <span class="zoom-close" onclick="closeZoomModal(event, this.parentElement)">&times;</span>
        <img class="zoom-modal-content">
    </div>
</div>

<script>
    function openZoomModal(containerElement) {
        const modal = containerElement.querySelector('.zoom-modal');
        const modalImg = modal.querySelector('.zoom-modal-content');
        const clickedImg = containerElement.querySelector('img');
        
        modalImg.src = clickedImg.src;
        modal.classList.add("show");
    }

    // Correction Croix : On passe l'événement 'e' pour stopper la propagation
    function closeZoomModal(e, modalElement) {
        // Empêche le clic de se propager au fond noir (qui fermerait aussi le modal)
        if(e) e.stopPropagation();
        modalElement.classList.remove("show");
    }
    
    document.addEventListener('keydown', function(event) {
        if (event.key === "Escape") {
            const openModal = document.querySelector('.zoom-modal.show');
            if(openModal) openModal.classList.remove("show");
        }
    });
</script>
<!-- FIN BLOC IMAGE ZOOMABLE -->
</div>
</div>



<ul class="wp-block-list">
<li>Cette magnifique peluche Panda est <strong>marquée d&#8217;une étiquette</strong> -10%</li>



<li>Son <strong>prix remisé</strong> s&#8217;affiche à côté de son <strong>prix initial barré</strong> (mais c&#8217;est <img loading="lazy" decoding="async" width="27" height="12" class="wp-image-33220" style="width: 27px;" src="https://st9ph.fr/wp-content/uploads/2025/01/marianne.jpg" alt=""> la loi)</li>



<li>👇🏻 Vous pouvez aussi ajouter <strong>l&#8217;étiquette &#8220;Promo&#8221;</strong> en plus (dans le même onglet)</li>
</ul>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="345" height="30" src="https://st9ph.fr/wp-content/uploads/2026/02/image-98.png" alt="" class="wp-image-34872" srcset="https://st9ph.fr/wp-content/uploads/2026/02/image-98.png 345w, https://st9ph.fr/wp-content/uploads/2026/02/image-98-300x26.png 300w" sizes="auto, (max-width: 345px) 100vw, 345px" /></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="319" height="44" src="https://st9ph.fr/wp-content/uploads/2026/02/image-99.png" alt="" class="wp-image-34873" srcset="https://st9ph.fr/wp-content/uploads/2026/02/image-99.png 319w, https://st9ph.fr/wp-content/uploads/2026/02/image-99-300x41.png 300w" sizes="auto, (max-width: 319px) 100vw, 319px" /></figure>
</div>
</div>



<h3 class="wp-block-heading" style="font-size:28px">🔹<strong><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color">1.2 |</mark></strong><img loading="lazy" decoding="async" width="25" height="30" class="wp-image-34820" style="width: 25px;" src="https://st9ph.fr/wp-content/uploads/2026/02/st9ph-mini.jpg" alt=""> Mettre en lot</h3>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:33.33%">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="590" height="306" src="https://st9ph.fr/wp-content/uploads/2026/02/image-100.png" alt="" class="wp-image-34875" srcset="https://st9ph.fr/wp-content/uploads/2026/02/image-100.png 590w, https://st9ph.fr/wp-content/uploads/2026/02/image-100-300x156.png 300w" sizes="auto, (max-width: 590px) 100vw, 590px" /></figure>



<p class="wp-block-paragraph">🌐 <a href="https://www.mydestockage.com/blog/boost/vente-en-gros-alimentaire-particulier-la-revolution-de-la-consommation-des-menages/" target="_blank" rel="noreferrer noopener">Un lien</a> pour vous faire votre propre opinion.</p>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:66.66%">
<p class="wp-block-paragraph">👉🏻 C&#8217;est le principe de faire une bonne affaire <strong>au volume d&#8217;achat.</strong> L&#8217;opportunité plus que le coup de cœur.</p>



<p class="has-background wp-block-paragraph" style="background-color:#dfe8f1">🤔 Il n&#8217;est pas certain que ©Cora soit <strong>le pionner de la vente &#8220;en gros&#8221; pour les particuliers </strong>comme il l&#8217;affirme sur l&#8217;affiche ci-contre (J&#8217;aurais dit Metro) mais ce qui est sur, c&#8217;est que <strong>c&#8217;est relativement récent.</strong> Quand on sait que les GSA n&#8217;ont que 60 ans, 1985, c&#8217;est crédible &#8230;</p>
</div>
</div>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p class="wp-block-paragraph">👉🏻 C&#8217;est <strong>au même endroit </strong>que cela se passe !</p>


<ul style="padding-left: 1.1em;text-align: left;--ub-list-item-icon-top: 3px;--ub-list-item-icon-size: 0.9em;);--ub-list-item-fa-li-top: 3px;--ub-list-item-spacing: 0px;column-count: 1;--ub-list-mobile-column-count: 1" class="wp-block-ub-styled-list ub_styled_list" id="ub_styled_list-7cbf8825-0d31-4073-af61-4f1335175674">
<li class="ub_styled_list_item" style="--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image/svg+xml;utf8,&lt;svg xmlns=&quot;http://www.w3.org/2000/svg&quot; viewBox=&quot;0 0 320 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M0 55.2V426c0 12.2 9.9 22 22 22c6.3 0 12.4-2.7 16.6-7.5L121.2 346l58.1 116.3c7.9 15.8 27.1 22.2 42.9 14.3s22.2-27.1 14.3-42.9L179.8 320H297.9c12.2 0 22.1-9.9 22.1-22.1c0-6.3-2.7-12.3-7.4-16.5L38.6 37.9C34.3 34.1 28.9 32 23.2 32C10.4 32 0 42.4 0 55.2z&quot;&gt;&lt;/path&gt;&lt;/svg&gt;'); " id="ub-styled-list-item-5a6dc3b7-5801-4ef0-9e76-5a21fb771a33">
			<div class="ub_list_item_content">
				<span class="ub_list_item_icon">
					<svg width="0.9em" height="0.9em" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 320 512"><path fill="#000000" d="M0 55.2V426c0 12.2 9.9 22 22 22c6.3 0 12.4-2.7 16.6-7.5L121.2 346l58.1 116.3c7.9 15.8 27.1 22.2 42.9 14.3s22.2-27.1 14.3-42.9L179.8 320H297.9c12.2 0 22.1-9.9 22.1-22.1c0-6.3-2.7-12.3-7.4-16.5L38.6 37.9C34.3 34.1 28.9 32 23.2 32C10.4 32 0 42.4 0 55.2z"></path></svg>
				</span>
				<span class="ub_list_item_text">Catalogue &gt; Produit &gt; votre produit &gt; <strong>onglet prix </strong></span>
			</div>
			
		</li>

<li class="ub_styled_list_item" style="--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image/svg+xml;utf8,&lt;svg xmlns=&quot;http://www.w3.org/2000/svg&quot; viewBox=&quot;0 0 320 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M0 55.2V426c0 12.2 9.9 22 22 22c6.3 0 12.4-2.7 16.6-7.5L121.2 346l58.1 116.3c7.9 15.8 27.1 22.2 42.9 14.3s22.2-27.1 14.3-42.9L179.8 320H297.9c12.2 0 22.1-9.9 22.1-22.1c0-6.3-2.7-12.3-7.4-16.5L38.6 37.9C34.3 34.1 28.9 32 23.2 32C10.4 32 0 42.4 0 55.2z&quot;&gt;&lt;/path&gt;&lt;/svg&gt;'); " id="ub-styled-list-item-71684163-7a49-45f3-a847-af920c3b2855">
			<div class="ub_list_item_content">
				<span class="ub_list_item_icon">
					<svg width="0.9em" height="0.9em" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 320 512"><path fill="#000000" d="M0 55.2V426c0 12.2 9.9 22 22 22c6.3 0 12.4-2.7 16.6-7.5L121.2 346l58.1 116.3c7.9 15.8 27.1 22.2 42.9 14.3s22.2-27.1 14.3-42.9L179.8 320H297.9c12.2 0 22.1-9.9 22.1-22.1c0-6.3-2.7-12.3-7.4-16.5L38.6 37.9C34.3 34.1 28.9 32 23.2 32C10.4 32 0 42.4 0 55.2z"></path></svg>
				</span>
				<span class="ub_list_item_text">Nombre minimal d&#8217;unités achetées</span>
			</div>
			
		</li>

<li class="ub_styled_list_item" style="--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image/svg+xml;utf8,&lt;svg xmlns=&quot;http://www.w3.org/2000/svg&quot; viewBox=&quot;0 0 576 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M64 64C28.7 64 0 92.7 0 128V384c0 35.3 28.7 64 64 64H512c35.3 0 64-28.7 64-64V128c0-35.3-28.7-64-64-64H64zm16 64h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H80c-8.8 0-16-7.2-16-16V144c0-8.8 7.2-16 16-16zM64 240c0-8.8 7.2-16 16-16h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H80c-8.8 0-16-7.2-16-16V240zm16 80h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H80c-8.8 0-16-7.2-16-16V336c0-8.8 7.2-16 16-16zm80-176c0-8.8 7.2-16 16-16h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H176c-8.8 0-16-7.2-16-16V144zm16 80h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H176c-8.8 0-16-7.2-16-16V240c0-8.8 7.2-16 16-16zM160 336c0-8.8 7.2-16 16-16H400c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H176c-8.8 0-16-7.2-16-16V336zM272 128h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H272c-8.8 0-16-7.2-16-16V144c0-8.8 7.2-16 16-16zM256 240c0-8.8 7.2-16 16-16h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H272c-8.8 0-16-7.2-16-16V240zM368 128h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H368c-8.8 0-16-7.2-16-16V144c0-8.8 7.2-16 16-16zM352 240c0-8.8 7.2-16 16-16h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H368c-8.8 0-16-7.2-16-16V240zM464 128h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H464c-8.8 0-16-7.2-16-16V144c0-8.8 7.2-16 16-16zM448 240c0-8.8 7.2-16 16-16h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H464c-8.8 0-16-7.2-16-16V240zm16 80h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H464c-8.8 0-16-7.2-16-16V336c0-8.8 7.2-16 16-16z&quot;&gt;&lt;/path&gt;&lt;/svg&gt;'); " id="ub-styled-list-item-4d0c1d9e-875c-441f-bb13-3aca7dff8e96">
			<div class="ub_list_item_content">
				<span class="ub_list_item_icon">
					<svg width="0.9em" height="0.9em" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 576 512"><path fill="#000000" d="M64 64C28.7 64 0 92.7 0 128V384c0 35.3 28.7 64 64 64H512c35.3 0 64-28.7 64-64V128c0-35.3-28.7-64-64-64H64zm16 64h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H80c-8.8 0-16-7.2-16-16V144c0-8.8 7.2-16 16-16zM64 240c0-8.8 7.2-16 16-16h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H80c-8.8 0-16-7.2-16-16V240zm16 80h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H80c-8.8 0-16-7.2-16-16V336c0-8.8 7.2-16 16-16zm80-176c0-8.8 7.2-16 16-16h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H176c-8.8 0-16-7.2-16-16V144zm16 80h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H176c-8.8 0-16-7.2-16-16V240c0-8.8 7.2-16 16-16zM160 336c0-8.8 7.2-16 16-16H400c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H176c-8.8 0-16-7.2-16-16V336zM272 128h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H272c-8.8 0-16-7.2-16-16V144c0-8.8 7.2-16 16-16zM256 240c0-8.8 7.2-16 16-16h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H272c-8.8 0-16-7.2-16-16V240zM368 128h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H368c-8.8 0-16-7.2-16-16V144c0-8.8 7.2-16 16-16zM352 240c0-8.8 7.2-16 16-16h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H368c-8.8 0-16-7.2-16-16V240zM464 128h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H464c-8.8 0-16-7.2-16-16V144c0-8.8 7.2-16 16-16zM448 240c0-8.8 7.2-16 16-16h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H464c-8.8 0-16-7.2-16-16V240zm16 80h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H464c-8.8 0-16-7.2-16-16V336c0-8.8 7.2-16 16-16z"></path></svg>
				</span>
				<span class="ub_list_item_text">Saisir la quantité du lot</span>
			</div>
			
		</li>
</ul>


<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="237" height="74" src="https://st9ph.fr/wp-content/uploads/2026/02/image-101.png" alt="" class="wp-image-34877"/></figure>



<div class="bloc-a-retenir">
 ⚠️ Ca marche par <strong>palliers</strong> donc, si c&#8217;est graduel, penser à créer une règle par pallier de quantité.
</div>

<style>
.bloc-a-retenir {
  border-left: 4px solid #d97706;
  background: #fff8e1;
  padding: 12px 18px;
  margin: 20px 0;
  font-size: 15px;
  color: #0f172a;
  border-radius: 4px;
  font-family: Arial, sans-serif;
}
</style>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="448" height="387" src="https://st9ph.fr/wp-content/uploads/2026/02/image-102.png" alt="" class="wp-image-34878" srcset="https://st9ph.fr/wp-content/uploads/2026/02/image-102.png 448w, https://st9ph.fr/wp-content/uploads/2026/02/image-102-300x259.png 300w" sizes="auto, (max-width: 448px) 100vw, 448px" /></figure>
</div>
</div>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:66.66%">
<!-- ===== BLOQ QCM COMPLET AVEC SCORE LOCAL ===== -->
<div class="bloc-qcm">
<p class="qcm-question">🤔 <strong>Question :</strong> &#8216;1 produit acheté, 1 produit offert&#8217;, c&#8217;est légal ?</p>
<ul class="qcm-options">
<li data-correct="false" data-feedback="❌ Non,  c'est possible sauf dans l'alimentaire (en GSA) où c'est  limité à 33 % (2 achetés, 1 offert, ça passe)">Oui, c&#8217;est une autre façon de faire un rabais de 50 %</li>
<li data-correct="true" data-feedback="✅ oui, 2 achetés, 1 offert, ça passe">Oui, sauf dans l&#8217;alimentaire où un rabais ne peut pas dépasser 33 %</li>
<li data-correct="false" data-feedback="❌ Non, c'est possible mais limité à 33 % dans l'alimentaire">C&#8217;est interdit : la notion de &#8220;cadeau&#8221; est incompatible avec un achat</li>
</ul>
<p class="qcm-feedback"></p>
<p class="qcm-local-score"></p>
</div>
<style>
.bloc-qcm {
border-left: 4px solid #1e73be;
background: #f5f9ff;
padding: 16px 18px;
margin: 24px 0;
border-radius: 4px;
font-size: 15px;
}
.qcm-options {
list-style: none;
padding: 0;
margin: 12px 0;
}
.qcm-options li {
position: relative;
padding: 10px 12px 10px 42px;
margin-bottom: 8px;
background: #fff;
border: 1px solid #ddd;
border-radius: 4px;
cursor: pointer;
transition: background 0.2s;
}
.qcm-options li::before {
content: attr(data-letter);
position: absolute;
left: 10px;
top: 50%;
transform: translateY(-50%);
font-weight: bold;
color: #1e73be;
}
.qcm-options li:hover {
background: #eef3ff;
}
.qcm-options li.correct {
background: #e6f4ea;
border-color: #188038;
}
.qcm-options li.wrong {
background: #fdecec;
border-color: #dc2626;
}
.qcm-feedback {
margin-top: 12px;
font-weight: bold;
}
.qcm-local-score {
margin-top: 6px;
font-weight: bold;
}
</style>
<script>
document.querySelectorAll('.bloc-qcm').forEach(qcm => {
const options = qcm.querySelectorAll('.qcm-options li');
const feedback = qcm.querySelector('.qcm-feedback');
const localScore = qcm.querySelector('.qcm-local-score');
let answered = false;
options.forEach((option, index) => {
option.dataset.letter = String.fromCharCode(65 + index);
});
options.forEach(option => {
option.addEventListener('click', () => {
if (answered) return;
answered = true;
options.forEach(o => o.classList.remove('correct', 'wrong'));
if (option.dataset.correct === "true") {
option.classList.add('correct');
} else {
option.classList.add('wrong');
}
feedback.textContent = option.dataset.feedback;
let point = option.dataset.correct === "true" ? 1 : 0;
localScore.textContent = "Tu marques " + point + " point";
});
});
});
</script>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:33.33%">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="457" height="396" src="https://st9ph.fr/wp-content/uploads/2026/02/image-108.png" alt="" class="wp-image-34887" srcset="https://st9ph.fr/wp-content/uploads/2026/02/image-108.png 457w, https://st9ph.fr/wp-content/uploads/2026/02/image-108-300x260.png 300w" sizes="auto, (max-width: 457px) 100vw, 457px" /></figure>
</div>
</div>



<h3 class="wp-block-heading" style="font-size:28px">🔹<strong><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color">1.3 |</mark></strong><img loading="lazy" decoding="async" width="25" height="30" class="wp-image-34820" style="width: 25px;" src="https://st9ph.fr/wp-content/uploads/2026/02/st9ph-mini.jpg" alt=""> Mettre en Pack</h3>



<p class="wp-block-paragraph">➡️<strong> Associer un produit </strong>qui marche moyennement <strong>avec un qui marche bien</strong> peut être une très bonne idée. Le regard du consommateur changera s&#8217;il le voit <strong>comme un bonus </strong>et plus comme <strong>un produit à part entière</strong>.</p>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:66.66%">
<ul class="wp-block-list">
<li>Il faudra<strong> créer un nouveau produit</strong> et choisir &#8220;<strong><em>pack de produits</em></strong>&#8221; 👇🏻</li>
</ul>


<div class="wp-block-image">
<figure class="aligncenter size-full"><img loading="lazy" decoding="async" width="373" height="196" src="https://st9ph.fr/wp-content/uploads/2026/02/image-104.png" alt="" class="wp-image-34880" srcset="https://st9ph.fr/wp-content/uploads/2026/02/image-104.png 373w, https://st9ph.fr/wp-content/uploads/2026/02/image-104-300x158.png 300w" sizes="auto, (max-width: 373px) 100vw, 373px" /></figure>
</div>


<ul class="wp-block-list">
<li>Il faudra aussi prévoir<strong> au moins un visuel des </strong>deux (ou plus) <strong>produits ensemble </strong>et la mettre comme<strong> image de couverture</strong></li>



<li><strong>Décrivez</strong> votre pack <strong>comme un produit normal</strong></li>
</ul>



<div class="bloc-a-retenir">
 ⚠️ Faites attention dans le descriptif à bien reporter les informations techniques ou obligatoires <strong>de tous les produits</strong>
</div>

<style>
.bloc-a-retenir {
  border-left: 4px solid #d97706;
  background: #fff8e1;
  padding: 12px 18px;
  margin: 20px 0;
  font-size: 15px;
  color: #0f172a;
  border-radius: 4px;
  font-family: Arial, sans-serif;
}
</style>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:33.33%">
<!-- DÉBUT BLOC IMAGE ZOOMABLE (V3 - CROIX & PROPORTIONS) -->
<style>
    .zoom-img-container { position: relative; display: inline-block; width: 100%; cursor: pointer; border-radius: 6px; overflow: hidden; box-shadow: 0 2px 5px rgba(0,0,0,0.1); transition: box-shadow 0.3s; }
    .zoom-img-container:hover { box-shadow: 0 5px 15px rgba(0,0,0,0.2); }
    .zoom-img-container img { width: 100%; height: auto; display: block; transition: transform 0.3s; }
    .zoom-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.4); display: flex; flex-direction: column; align-items: center; justify-content: center; opacity: 0; transition: opacity 0.3s; color: white; font-family: sans-serif; font-weight: bold; text-shadow: 0 1px 3px rgba(0,0,0,0.8); pointer-events: none; /* La souris traverse l'overlay pour cliquer sur l'image */ }
    .zoom-overlay svg { width: 40px; height: 40px; fill: white; margin-bottom: 5px; }
    .zoom-img-container:hover .zoom-overlay { opacity: 1; }
    .zoom-img-container:hover img { transform: scale(1.05); }
    
    .zoom-modal { display: none; position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.85); align-items: center; justify-content: center; opacity: 0; transition: opacity 0.3s; }
    .zoom-modal.show { display: flex; opacity: 1; }
    
    /* CORRECTION PROPORTIONS : */
    .zoom-modal-content { 
        max-width: 90%; 
        max-height: 90%; 
        width: auto;       /* Force la largeur auto (pas d'étirement) */
        height: auto;      /* Force la hauteur auto */
        object-fit: contain; /* Assure que l'image tient dans le cadre sans déformer */
        border-radius: 4px; 
        box-shadow: 0 0 20px rgba(0,0,0,0.5); 
        animation: zoomIn 0.3s; 
    }
    
    .zoom-close { 
        position: absolute; 
        top: 20px; 
        right: 35px; 
        color: #f1f1f1; 
        font-size: 40px; 
        font-weight: bold; 
        cursor: pointer; 
        transition: 0.3s; 
        line-height: 1; 
        z-index: 10000; /* S'assure que la croix est au-dessus de tout */
        user-select: none;
    }
    .zoom-close:hover { color: #bbb; }

    @keyframes zoomIn { from {transform:scale(0.8); opacity:0} to {transform:scale(1); opacity:1} }
</style>

<!-- CONTENEUR DE L'IMAGE -->
<!-- 👇🏻 UNIQUE ENDROIT À MODIFIER : Change juste le src ci-dessous 👇🏻 -->
<div class="zoom-img-container" onclick="openZoomModal(this)">
    <img decoding="async" src="https://st9ph.fr/wp-content/uploads/2026/02/image-103.png" alt="Agrandir l'image">
    
    <div class="zoom-overlay">
        <svg viewBox="0 0 24 24"><path d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"/></svg>
        <span>Agrandir</span>
    </div>
    
    <!-- LE POPUP (À l'intérieur du bloc) -->
    <div class="zoom-modal" onclick="closeZoomModal(event, this)">
        <span class="zoom-close" onclick="closeZoomModal(event, this.parentElement)">&times;</span>
        <img class="zoom-modal-content">
    </div>
</div>

<script>
    function openZoomModal(containerElement) {
        const modal = containerElement.querySelector('.zoom-modal');
        const modalImg = modal.querySelector('.zoom-modal-content');
        const clickedImg = containerElement.querySelector('img');
        
        modalImg.src = clickedImg.src;
        modal.classList.add("show");
    }

    // Correction Croix : On passe l'événement 'e' pour stopper la propagation
    function closeZoomModal(e, modalElement) {
        // Empêche le clic de se propager au fond noir (qui fermerait aussi le modal)
        if(e) e.stopPropagation();
        modalElement.classList.remove("show");
    }
    
    document.addEventListener('keydown', function(event) {
        if (event.key === "Escape") {
            const openModal = document.querySelector('.zoom-modal.show');
            if(openModal) openModal.classList.remove("show");
        }
    });
</script>
<!-- FIN BLOC IMAGE ZOOMABLE -->
</div>
</div>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<!-- DÉBUT BLOC IMAGE ZOOMABLE (V3 - CROIX & PROPORTIONS) -->
<style>
    .zoom-img-container { position: relative; display: inline-block; width: 100%; cursor: pointer; border-radius: 6px; overflow: hidden; box-shadow: 0 2px 5px rgba(0,0,0,0.1); transition: box-shadow 0.3s; }
    .zoom-img-container:hover { box-shadow: 0 5px 15px rgba(0,0,0,0.2); }
    .zoom-img-container img { width: 100%; height: auto; display: block; transition: transform 0.3s; }
    .zoom-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.4); display: flex; flex-direction: column; align-items: center; justify-content: center; opacity: 0; transition: opacity 0.3s; color: white; font-family: sans-serif; font-weight: bold; text-shadow: 0 1px 3px rgba(0,0,0,0.8); pointer-events: none; /* La souris traverse l'overlay pour cliquer sur l'image */ }
    .zoom-overlay svg { width: 40px; height: 40px; fill: white; margin-bottom: 5px; }
    .zoom-img-container:hover .zoom-overlay { opacity: 1; }
    .zoom-img-container:hover img { transform: scale(1.05); }
    
    .zoom-modal { display: none; position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.85); align-items: center; justify-content: center; opacity: 0; transition: opacity 0.3s; }
    .zoom-modal.show { display: flex; opacity: 1; }
    
    /* CORRECTION PROPORTIONS : */
    .zoom-modal-content { 
        max-width: 90%; 
        max-height: 90%; 
        width: auto;       /* Force la largeur auto (pas d'étirement) */
        height: auto;      /* Force la hauteur auto */
        object-fit: contain; /* Assure que l'image tient dans le cadre sans déformer */
        border-radius: 4px; 
        box-shadow: 0 0 20px rgba(0,0,0,0.5); 
        animation: zoomIn 0.3s; 
    }
    
    .zoom-close { 
        position: absolute; 
        top: 20px; 
        right: 35px; 
        color: #f1f1f1; 
        font-size: 40px; 
        font-weight: bold; 
        cursor: pointer; 
        transition: 0.3s; 
        line-height: 1; 
        z-index: 10000; /* S'assure que la croix est au-dessus de tout */
        user-select: none;
    }
    .zoom-close:hover { color: #bbb; }

    @keyframes zoomIn { from {transform:scale(0.8); opacity:0} to {transform:scale(1); opacity:1} }
</style>

<!-- CONTENEUR DE L'IMAGE -->
<!-- 👇🏻 UNIQUE ENDROIT À MODIFIER : Change juste le src ci-dessous 👇🏻 -->
<div class="zoom-img-container" onclick="openZoomModal(this)">
    <img decoding="async" src="https://st9ph.fr/wp-content/uploads/2026/02/image-105.png" alt="Agrandir l'image">
    
    <div class="zoom-overlay">
        <svg viewBox="0 0 24 24"><path d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"/></svg>
        <span>Agrandir</span>
    </div>
    
    <!-- LE POPUP (À l'intérieur du bloc) -->
    <div class="zoom-modal" onclick="closeZoomModal(event, this)">
        <span class="zoom-close" onclick="closeZoomModal(event, this.parentElement)">&times;</span>
        <img class="zoom-modal-content">
    </div>
</div>

<script>
    function openZoomModal(containerElement) {
        const modal = containerElement.querySelector('.zoom-modal');
        const modalImg = modal.querySelector('.zoom-modal-content');
        const clickedImg = containerElement.querySelector('img');
        
        modalImg.src = clickedImg.src;
        modal.classList.add("show");
    }

    // Correction Croix : On passe l'événement 'e' pour stopper la propagation
    function closeZoomModal(e, modalElement) {
        // Empêche le clic de se propager au fond noir (qui fermerait aussi le modal)
        if(e) e.stopPropagation();
        modalElement.classList.remove("show");
    }
    
    document.addEventListener('keydown', function(event) {
        if (event.key === "Escape") {
            const openModal = document.querySelector('.zoom-modal.show');
            if(openModal) openModal.classList.remove("show");
        }
    });
</script>
<!-- FIN BLOC IMAGE ZOOMABLE -->
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow"><ul style="padding-left: 1.1em;text-align: left;--ub-list-item-icon-top: 3px;--ub-list-item-icon-size: 0.9em;);--ub-list-item-fa-li-top: 3px;--ub-list-item-spacing: 0px;column-count: 1;--ub-list-mobile-column-count: 1" class="wp-block-ub-styled-list ub_styled_list" id="ub_styled_list-2abef99f-3fa8-428a-9dd9-4e671d67ae5d">
<li class="ub_styled_list_item" style="--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image/svg+xml;utf8,&lt;svg xmlns=&quot;http://www.w3.org/2000/svg&quot; viewBox=&quot;0 0 320 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M0 55.2V426c0 12.2 9.9 22 22 22c6.3 0 12.4-2.7 16.6-7.5L121.2 346l58.1 116.3c7.9 15.8 27.1 22.2 42.9 14.3s22.2-27.1 14.3-42.9L179.8 320H297.9c12.2 0 22.1-9.9 22.1-22.1c0-6.3-2.7-12.3-7.4-16.5L38.6 37.9C34.3 34.1 28.9 32 23.2 32C10.4 32 0 42.4 0 55.2z&quot;&gt;&lt;/path&gt;&lt;/svg&gt;'); " id="ub-styled-list-item-90104938-e955-4359-975f-2849cd7ed770">
			<div class="ub_list_item_content">
				<span class="ub_list_item_icon">
					<svg width="0.9em" height="0.9em" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 320 512"><path fill="#000000" d="M0 55.2V426c0 12.2 9.9 22 22 22c6.3 0 12.4-2.7 16.6-7.5L121.2 346l58.1 116.3c7.9 15.8 27.1 22.2 42.9 14.3s22.2-27.1 14.3-42.9L179.8 320H297.9c12.2 0 22.1-9.9 22.1-22.1c0-6.3-2.7-12.3-7.4-16.5L38.6 37.9C34.3 34.1 28.9 32 23.2 32C10.4 32 0 42.4 0 55.2z"></path></svg>
				</span>
				<span class="ub_list_item_text">Onglet Pack</span>
			</div>
			
		</li>

<li class="ub_styled_list_item" style="--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image/svg+xml;utf8,&lt;svg xmlns=&quot;http://www.w3.org/2000/svg&quot; viewBox=&quot;0 0 576 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M64 64C28.7 64 0 92.7 0 128V384c0 35.3 28.7 64 64 64H512c35.3 0 64-28.7 64-64V128c0-35.3-28.7-64-64-64H64zm16 64h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H80c-8.8 0-16-7.2-16-16V144c0-8.8 7.2-16 16-16zM64 240c0-8.8 7.2-16 16-16h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H80c-8.8 0-16-7.2-16-16V240zm16 80h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H80c-8.8 0-16-7.2-16-16V336c0-8.8 7.2-16 16-16zm80-176c0-8.8 7.2-16 16-16h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H176c-8.8 0-16-7.2-16-16V144zm16 80h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H176c-8.8 0-16-7.2-16-16V240c0-8.8 7.2-16 16-16zM160 336c0-8.8 7.2-16 16-16H400c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H176c-8.8 0-16-7.2-16-16V336zM272 128h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H272c-8.8 0-16-7.2-16-16V144c0-8.8 7.2-16 16-16zM256 240c0-8.8 7.2-16 16-16h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H272c-8.8 0-16-7.2-16-16V240zM368 128h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H368c-8.8 0-16-7.2-16-16V144c0-8.8 7.2-16 16-16zM352 240c0-8.8 7.2-16 16-16h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H368c-8.8 0-16-7.2-16-16V240zM464 128h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H464c-8.8 0-16-7.2-16-16V144c0-8.8 7.2-16 16-16zM448 240c0-8.8 7.2-16 16-16h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H464c-8.8 0-16-7.2-16-16V240zm16 80h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H464c-8.8 0-16-7.2-16-16V336c0-8.8 7.2-16 16-16z&quot;&gt;&lt;/path&gt;&lt;/svg&gt;'); " id="ub-styled-list-item-fed2010b-079a-420c-855f-3dc354eb278d">
			<div class="ub_list_item_content">
				<span class="ub_list_item_icon">
					<svg width="0.9em" height="0.9em" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 576 512"><path fill="#000000" d="M64 64C28.7 64 0 92.7 0 128V384c0 35.3 28.7 64 64 64H512c35.3 0 64-28.7 64-64V128c0-35.3-28.7-64-64-64H64zm16 64h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H80c-8.8 0-16-7.2-16-16V144c0-8.8 7.2-16 16-16zM64 240c0-8.8 7.2-16 16-16h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H80c-8.8 0-16-7.2-16-16V240zm16 80h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H80c-8.8 0-16-7.2-16-16V336c0-8.8 7.2-16 16-16zm80-176c0-8.8 7.2-16 16-16h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H176c-8.8 0-16-7.2-16-16V144zm16 80h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H176c-8.8 0-16-7.2-16-16V240c0-8.8 7.2-16 16-16zM160 336c0-8.8 7.2-16 16-16H400c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H176c-8.8 0-16-7.2-16-16V336zM272 128h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H272c-8.8 0-16-7.2-16-16V144c0-8.8 7.2-16 16-16zM256 240c0-8.8 7.2-16 16-16h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H272c-8.8 0-16-7.2-16-16V240zM368 128h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H368c-8.8 0-16-7.2-16-16V144c0-8.8 7.2-16 16-16zM352 240c0-8.8 7.2-16 16-16h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H368c-8.8 0-16-7.2-16-16V240zM464 128h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H464c-8.8 0-16-7.2-16-16V144c0-8.8 7.2-16 16-16zM448 240c0-8.8 7.2-16 16-16h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H464c-8.8 0-16-7.2-16-16V240zm16 80h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H464c-8.8 0-16-7.2-16-16V336c0-8.8 7.2-16 16-16z"></path></svg>
				</span>
				<span class="ub_list_item_text">tapez <strong>les 1eres lettres du produit</strong> à mettre dans le pack pour qu&#8217;il apparaisse dans la liste</span>
			</div>
			
		</li>

<li class="ub_styled_list_item" style="--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image/svg+xml;utf8,&lt;svg xmlns=&quot;http://www.w3.org/2000/svg&quot; viewBox=&quot;0 0 320 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M0 55.2V426c0 12.2 9.9 22 22 22c6.3 0 12.4-2.7 16.6-7.5L121.2 346l58.1 116.3c7.9 15.8 27.1 22.2 42.9 14.3s22.2-27.1 14.3-42.9L179.8 320H297.9c12.2 0 22.1-9.9 22.1-22.1c0-6.3-2.7-12.3-7.4-16.5L38.6 37.9C34.3 34.1 28.9 32 23.2 32C10.4 32 0 42.4 0 55.2z&quot;&gt;&lt;/path&gt;&lt;/svg&gt;'); " id="ub-styled-list-item-bd924afa-5207-485a-a5f9-99510a867535">
			<div class="ub_list_item_content">
				<span class="ub_list_item_icon">
					<svg width="0.9em" height="0.9em" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 320 512"><path fill="#000000" d="M0 55.2V426c0 12.2 9.9 22 22 22c6.3 0 12.4-2.7 16.6-7.5L121.2 346l58.1 116.3c7.9 15.8 27.1 22.2 42.9 14.3s22.2-27.1 14.3-42.9L179.8 320H297.9c12.2 0 22.1-9.9 22.1-22.1c0-6.3-2.7-12.3-7.4-16.5L38.6 37.9C34.3 34.1 28.9 32 23.2 32C10.4 32 0 42.4 0 55.2z"></path></svg>
				</span>
				<span class="ub_list_item_text">Cliquer dessus <strong>pour l&#8217;ajouter</strong></span>
			</div>
			
		</li>

<li class="ub_styled_list_item" style="--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image/svg+xml;utf8,&lt;svg xmlns=&quot;http://www.w3.org/2000/svg&quot; viewBox=&quot;0 0 320 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M0 55.2V426c0 12.2 9.9 22 22 22c6.3 0 12.4-2.7 16.6-7.5L121.2 346l58.1 116.3c7.9 15.8 27.1 22.2 42.9 14.3s22.2-27.1 14.3-42.9L179.8 320H297.9c12.2 0 22.1-9.9 22.1-22.1c0-6.3-2.7-12.3-7.4-16.5L38.6 37.9C34.3 34.1 28.9 32 23.2 32C10.4 32 0 42.4 0 55.2z&quot;&gt;&lt;/path&gt;&lt;/svg&gt;'); " id="ub-styled-list-item-42fe8688-2053-42bc-b943-f34305d5b938">
			<div class="ub_list_item_content">
				<span class="ub_list_item_icon">
					<svg width="0.9em" height="0.9em" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 320 512"><path fill="#000000" d="M0 55.2V426c0 12.2 9.9 22 22 22c6.3 0 12.4-2.7 16.6-7.5L121.2 346l58.1 116.3c7.9 15.8 27.1 22.2 42.9 14.3s22.2-27.1 14.3-42.9L179.8 320H297.9c12.2 0 22.1-9.9 22.1-22.1c0-6.3-2.7-12.3-7.4-16.5L38.6 37.9C34.3 34.1 28.9 32 23.2 32C10.4 32 0 42.4 0 55.2z"></path></svg>
				</span>
				<span class="ub_list_item_text"><strong>Répéter l&#8217;opération </strong>avec les autres produits</span>
			</div>
			
		</li>
</ul>


<div class="bloc-a-retenir">
 ⚠️ Attention si le produit <strong>comporte plusieurs déclinaisons </strong> à choisir la bonne.
</div>

<style>
.bloc-a-retenir {
  border-left: 4px solid #d97706;
  background: #fff8e1;
  padding: 12px 18px;
  margin: 20px 0;
  font-size: 15px;
  color: #0f172a;
  border-radius: 4px;
  font-family: Arial, sans-serif;
}
</style>
</div>
</div>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<!-- DÉBUT BLOC IMAGE ZOOMABLE (V3 - CROIX & PROPORTIONS) -->
<style>
    .zoom-img-container { position: relative; display: inline-block; width: 100%; cursor: pointer; border-radius: 6px; overflow: hidden; box-shadow: 0 2px 5px rgba(0,0,0,0.1); transition: box-shadow 0.3s; }
    .zoom-img-container:hover { box-shadow: 0 5px 15px rgba(0,0,0,0.2); }
    .zoom-img-container img { width: 100%; height: auto; display: block; transition: transform 0.3s; }
    .zoom-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.4); display: flex; flex-direction: column; align-items: center; justify-content: center; opacity: 0; transition: opacity 0.3s; color: white; font-family: sans-serif; font-weight: bold; text-shadow: 0 1px 3px rgba(0,0,0,0.8); pointer-events: none; /* La souris traverse l'overlay pour cliquer sur l'image */ }
    .zoom-overlay svg { width: 40px; height: 40px; fill: white; margin-bottom: 5px; }
    .zoom-img-container:hover .zoom-overlay { opacity: 1; }
    .zoom-img-container:hover img { transform: scale(1.05); }
    
    .zoom-modal { display: none; position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.85); align-items: center; justify-content: center; opacity: 0; transition: opacity 0.3s; }
    .zoom-modal.show { display: flex; opacity: 1; }
    
    /* CORRECTION PROPORTIONS : */
    .zoom-modal-content { 
        max-width: 90%; 
        max-height: 90%; 
        width: auto;       /* Force la largeur auto (pas d'étirement) */
        height: auto;      /* Force la hauteur auto */
        object-fit: contain; /* Assure que l'image tient dans le cadre sans déformer */
        border-radius: 4px; 
        box-shadow: 0 0 20px rgba(0,0,0,0.5); 
        animation: zoomIn 0.3s; 
    }
    
    .zoom-close { 
        position: absolute; 
        top: 20px; 
        right: 35px; 
        color: #f1f1f1; 
        font-size: 40px; 
        font-weight: bold; 
        cursor: pointer; 
        transition: 0.3s; 
        line-height: 1; 
        z-index: 10000; /* S'assure que la croix est au-dessus de tout */
        user-select: none;
    }
    .zoom-close:hover { color: #bbb; }

    @keyframes zoomIn { from {transform:scale(0.8); opacity:0} to {transform:scale(1); opacity:1} }
</style>

<!-- CONTENEUR DE L'IMAGE -->
<!-- 👇🏻 UNIQUE ENDROIT À MODIFIER : Change juste le src ci-dessous 👇🏻 -->
<div class="zoom-img-container" onclick="openZoomModal(this)">
    <img decoding="async" src="https://st9ph.fr/wp-content/uploads/2026/02/image-106.png" alt="Agrandir l'image">
    
    <div class="zoom-overlay">
        <svg viewBox="0 0 24 24"><path d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"/></svg>
        <span>Agrandir</span>
    </div>
    
    <!-- LE POPUP (À l'intérieur du bloc) -->
    <div class="zoom-modal" onclick="closeZoomModal(event, this)">
        <span class="zoom-close" onclick="closeZoomModal(event, this.parentElement)">&times;</span>
        <img class="zoom-modal-content">
    </div>
</div>

<script>
    function openZoomModal(containerElement) {
        const modal = containerElement.querySelector('.zoom-modal');
        const modalImg = modal.querySelector('.zoom-modal-content');
        const clickedImg = containerElement.querySelector('img');
        
        modalImg.src = clickedImg.src;
        modal.classList.add("show");
    }

    // Correction Croix : On passe l'événement 'e' pour stopper la propagation
    function closeZoomModal(e, modalElement) {
        // Empêche le clic de se propager au fond noir (qui fermerait aussi le modal)
        if(e) e.stopPropagation();
        modalElement.classList.remove("show");
    }
    
    document.addEventListener('keydown', function(event) {
        if (event.key === "Escape") {
            const openModal = document.querySelector('.zoom-modal.show');
            if(openModal) openModal.classList.remove("show");
        }
    });
</script>
<!-- FIN BLOC IMAGE ZOOMABLE -->
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<!-- DÉBUT BLOC IMAGE ZOOMABLE (V3 - CROIX & PROPORTIONS) -->
<style>
    .zoom-img-container { position: relative; display: inline-block; width: 100%; cursor: pointer; border-radius: 6px; overflow: hidden; box-shadow: 0 2px 5px rgba(0,0,0,0.1); transition: box-shadow 0.3s; }
    .zoom-img-container:hover { box-shadow: 0 5px 15px rgba(0,0,0,0.2); }
    .zoom-img-container img { width: 100%; height: auto; display: block; transition: transform 0.3s; }
    .zoom-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.4); display: flex; flex-direction: column; align-items: center; justify-content: center; opacity: 0; transition: opacity 0.3s; color: white; font-family: sans-serif; font-weight: bold; text-shadow: 0 1px 3px rgba(0,0,0,0.8); pointer-events: none; /* La souris traverse l'overlay pour cliquer sur l'image */ }
    .zoom-overlay svg { width: 40px; height: 40px; fill: white; margin-bottom: 5px; }
    .zoom-img-container:hover .zoom-overlay { opacity: 1; }
    .zoom-img-container:hover img { transform: scale(1.05); }
    
    .zoom-modal { display: none; position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.85); align-items: center; justify-content: center; opacity: 0; transition: opacity 0.3s; }
    .zoom-modal.show { display: flex; opacity: 1; }
    
    /* CORRECTION PROPORTIONS : */
    .zoom-modal-content { 
        max-width: 90%; 
        max-height: 90%; 
        width: auto;       /* Force la largeur auto (pas d'étirement) */
        height: auto;      /* Force la hauteur auto */
        object-fit: contain; /* Assure que l'image tient dans le cadre sans déformer */
        border-radius: 4px; 
        box-shadow: 0 0 20px rgba(0,0,0,0.5); 
        animation: zoomIn 0.3s; 
    }
    
    .zoom-close { 
        position: absolute; 
        top: 20px; 
        right: 35px; 
        color: #f1f1f1; 
        font-size: 40px; 
        font-weight: bold; 
        cursor: pointer; 
        transition: 0.3s; 
        line-height: 1; 
        z-index: 10000; /* S'assure que la croix est au-dessus de tout */
        user-select: none;
    }
    .zoom-close:hover { color: #bbb; }

    @keyframes zoomIn { from {transform:scale(0.8); opacity:0} to {transform:scale(1); opacity:1} }
</style>

<!-- CONTENEUR DE L'IMAGE -->
<!-- 👇🏻 UNIQUE ENDROIT À MODIFIER : Change juste le src ci-dessous 👇🏻 -->
<div class="zoom-img-container" onclick="openZoomModal(this)">
    <img decoding="async" src="https://st9ph.fr/wp-content/uploads/2026/02/image-107.png" alt="Agrandir l'image">
    
    <div class="zoom-overlay">
        <svg viewBox="0 0 24 24"><path d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"/></svg>
        <span>Agrandir</span>
    </div>
    
    <!-- LE POPUP (À l'intérieur du bloc) -->
    <div class="zoom-modal" onclick="closeZoomModal(event, this)">
        <span class="zoom-close" onclick="closeZoomModal(event, this.parentElement)">&times;</span>
        <img class="zoom-modal-content">
    </div>
</div>

<script>
    function openZoomModal(containerElement) {
        const modal = containerElement.querySelector('.zoom-modal');
        const modalImg = modal.querySelector('.zoom-modal-content');
        const clickedImg = containerElement.querySelector('img');
        
        modalImg.src = clickedImg.src;
        modal.classList.add("show");
    }

    // Correction Croix : On passe l'événement 'e' pour stopper la propagation
    function closeZoomModal(e, modalElement) {
        // Empêche le clic de se propager au fond noir (qui fermerait aussi le modal)
        if(e) e.stopPropagation();
        modalElement.classList.remove("show");
    }
    
    document.addEventListener('keydown', function(event) {
        if (event.key === "Escape") {
            const openModal = document.querySelector('.zoom-modal.show');
            if(openModal) openModal.classList.remove("show");
        }
    });
</script>
<!-- FIN BLOC IMAGE ZOOMABLE -->
</div>
</div>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p class="wp-block-paragraph">➡️ Pensez à définir <strong>un prix plus avantageux</strong> que pour l&#8217;achat des produits achetés indépendamment sinon, ça ne sert à rien, d&#8217;autant que <strong>le récap en détail produit </strong>montre au client<strong>les prix initiaux et l&#8217;économie générée</strong>.</p>



<!-- ===== BLOQ QCM COMPLET AVEC SCORE LOCAL ===== -->
<div class="bloc-qcm">
<p class="qcm-question">🤔 <strong>Question :</strong> Si je mélange deux produits avec une TVA différente dans un pack, quelle TVA appliquer ?</p>
<ul class="qcm-options">
<li data-correct="false" data-feedback="Ce n'est pas totalement faux dans le cas où le produit dont la TVA est la plus forte est considéré comme étant central dans le pack (les autres n'étant que des accessoires) mais ce n'est vraiment pas la règle générale.">La TVA la plus forte l&#8217;emporte et tous les produits du pack l&#8217;adoptent.</li>
<li data-correct="true" data-feedback="Oui, sauf rares exceptions">Il faut &#8220;ventiler&#8221;, c&#8217;est à dire que chaque produit garde sa TVA originelle.</li>
<li data-correct="false" data-feedback="Non, sauf de très rares exceptions comme des chocolats qui contiennent de la liqueur ou les babas au rhum en boulangerie qui restent à 5,5 % contrairement aux autres produits alcoolisés.">La TVA la plus faible l&#8217;emporte.</li>
</ul>
<p class="qcm-feedback"></p>
<p class="qcm-local-score"></p>
</div>
<style>
.bloc-qcm {
border-left: 4px solid #1e73be;
background: #f5f9ff;
padding: 16px 18px;
margin: 24px 0;
border-radius: 4px;
font-size: 15px;
}
.qcm-options {
list-style: none;
padding: 0;
margin: 12px 0;
}
.qcm-options li {
position: relative;
padding: 10px 12px 10px 42px;
margin-bottom: 8px;
background: #fff;
border: 1px solid #ddd;
border-radius: 4px;
cursor: pointer;
transition: background 0.2s;
}
.qcm-options li::before {
content: attr(data-letter);
position: absolute;
left: 10px;
top: 50%;
transform: translateY(-50%);
font-weight: bold;
color: #1e73be;
}
.qcm-options li:hover {
background: #eef3ff;
}
.qcm-options li.correct {
background: #e6f4ea;
border-color: #188038;
}
.qcm-options li.wrong {
background: #fdecec;
border-color: #dc2626;
}
.qcm-feedback {
margin-top: 12px;
font-weight: bold;
}
.qcm-local-score {
margin-top: 6px;
font-weight: bold;
}
</style>
<script>
document.querySelectorAll('.bloc-qcm').forEach(qcm => {
const options = qcm.querySelectorAll('.qcm-options li');
const feedback = qcm.querySelector('.qcm-feedback');
const localScore = qcm.querySelector('.qcm-local-score');
let answered = false;
options.forEach((option, index) => {
option.dataset.letter = String.fromCharCode(65 + index);
});
options.forEach(option => {
option.addEventListener('click', () => {
if (answered) return;
answered = true;
options.forEach(o => o.classList.remove('correct', 'wrong'));
if (option.dataset.correct === "true") {
option.classList.add('correct');
} else {
option.classList.add('wrong');
}
feedback.textContent = option.dataset.feedback;
let point = option.dataset.correct === "true" ? 1 : 0;
localScore.textContent = "Tu marques " + point + " point";
});
});
});
</script>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<style>
.ps-product-card { background: #fff; border: 1px solid #e7e7e7; border-radius: 4px; width: 100%; max-width: 300px; margin: 20px auto; font-family: 'Segoe UI', sans-serif; transition: box-shadow 0.3s ease; position: relative; overflow: hidden; text-decoration: none; color: inherit; display: block; }
.ps-product-card:hover { box-shadow: 0 10px 20px rgba(0,0,0,0.1); }
.ps-product-image-wrapper { position: relative; width: 100%; padding-top: 100%; overflow: hidden; background: #f5f5f5; }
.ps-product-image { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; transition: transform 0.3s ease; }
.ps-product-card:hover .ps-product-image { transform: scale(1.05); }
.ps-wishlist-icon { position: absolute; top: 10px; right: 10px; background: rgba(255, 255, 255, 0.8); width: 35px; height: 35px; border-radius: 50%; display: flex; align-items: center; justify-content: center; cursor: pointer; transition: all 0.2s; z-index: 2; box-shadow: 0 2px 5px rgba(0,0,0,0.1); }
.ps-wishlist-icon svg { width: 20px; height: 20px; fill: #7a7a7a; transition: fill 0.2s; }
.ps-wishlist-icon:hover { background: #fff; transform: scale(1.1); }
.ps-wishlist-icon:hover svg { fill: #ff4848; }
.ps-product-rating { position: absolute; bottom: 10px; left: 50%; transform: translateX(-50%); display: flex; gap: 2px; z-index: 2; background: rgba(0,0,0,0.4); padding: 4px 8px; border-radius: 20px; }
.ps-star { color: #ffd700; font-size: 14px; text-shadow: 0 1px 2px rgba(0,0,0,0.5); }
.ps-product-content { padding: 15px; text-align: center; background: #fff; }
.ps-product-name { font-size: 15px; color: #333; margin: 0 0 10px 0; font-weight: 500; line-height: 1.4; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; height: 42px; }
.ps-product-price { font-size: 18px; font-weight: 700; color: #25B9D7; margin: 0 0 15px 0; }
.ps-product-btn { background-color: #25B9D7; color: #fff; border: none; padding: 10px 15px; border-radius: 4px; font-size: 13px; font-weight: 600; text-transform: uppercase; cursor: pointer; width: 100%; display: flex; align-items: center; justify-content: center; gap: 8px; transition: background 0.2s; text-decoration: none; box-sizing: border-box; }
.ps-product-btn:hover { background-color: #1fa3c0; color: #fff; }
.ps-product-btn svg { width: 16px; height: 16px; fill: currentColor; }
@media (max-width: 768px) { .ps-product-card { max-width: 100%; } }
</style>
<!-- DÉBUT VIGNETTE PRODUIT -->
<a href="https://boutiq.st9ph.fr/25-pack-mug-et-vase-panda.html" target="_blank" class="ps-product-card">
<div class="ps-product-image-wrapper">
<img decoding="async" src="https://boutiq.st9ph.fr/46-product_main/pack-mug-et-vase-panda.jpg" alt="pack Mug et Vase Panda" class="ps-product-image">
<div class="ps-wishlist-icon" title="Ajouter aux favoris" onclick="event.preventDefault(); event.stopPropagation(); alert('Fonctionnalité liste d\'envie à connecter.');">
<svg viewBox="0 0 24 24"><path d="M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z"/></svg>
</div>
<div class="ps-product-rating">
<span class="ps-star">★</span><span class="ps-star">★</span><span class="ps-star">★</span><span class="ps-star">★</span><span class="ps-star">★</span>
</div>
</div>
<div class="ps-product-content">
<h3 class="ps-product-name">pack Mug et Vase Panda</h3>
<div class="ps-product-price">24,95 €</div>
<div class="ps-product-btn">
Voir dans la boutique
<svg viewBox="0 0 24 24"><path d="M7 18c-1.1 0-1.99.9-1.99 2S5.9 22 7 22s2-.9 2-2-.9-2-2-2zM1 2v2h2l3.6 7.59-1.35 2.45c-.16.28-.25.61-.25.96 0 1.1.9 2 2 2h12v-2H7.42c-.14 0-.25-.11-.25-.25l.03-.12.9-1.63h7.45c.75 0 1.41-.41 1.75-1.03l3.58-6.49c.08-.14.12-.31.12-.48 0-.55-.45-1-1-1H5.21l-.94-2H1zm16 16c-1.1 0-1.99.9-1.99 2s.89 2 1.99 2 2-.9 2-2-.9-2-2-2z"/></svg>
</div>
</div>
</a>
<!-- FIN VIGNETTE PRODUIT -->
</div>
</div>



<style>
.chapter-title {
  display: flex;
  align-items: stretch;
  margin: 1.7rem 0;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 4px 12px rgba(0,0,0,0.05);
}

.chapter-number {
  background: #1e73be;
  color: #fff;
  font-weight: 700;
  font-size: 2.8rem;
  padding: 0 1.1rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.chapter-content {
  padding: 1.3rem 1.5rem;
  width: 100%;
}

/* Ligne titre + logo */
.chapter-heading {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 0.6rem;
}

/* Logo carré */
.chapter-logo {
  width: 42px;
  height: 42px;
  flex-shrink: 0;
}

.chapter-logo img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

/* H2 */
.chapter-content h2 {
  margin: 0;
  font-size: 2.1rem;
  font-weight: 700;
  color: #1e73be; /* personnalisable */
}

/* Puces */
.chapter-points {
  margin: 0;
  padding-left: 0;
  list-style: none;
}

.chapter-points li {
  margin-bottom: 0.35rem;
  color: #444;
  font-size: 0.95rem;
  line-height: 1.45;
}

.chapter-points li::before {
  content: "🔹 ";
}
</style>

<div class="chapter-title">
  <div class="chapter-number">2</div>

  <div class="chapter-content">
    <div class="chapter-heading">
      <a class="chapter-logo" href="https://st9ph.fr" target="_blank" rel="noopener">
        <img decoding="async" src="https://st9ph.fr/wp-content/uploads/2026/02/st9ph-ico-sansTxt.png" alt="Logo St9ph">
      </a>

      <h2>opérations sur un ensemble de produits</h2>
    </div>

    <ul class="chapter-points">
      <li>Promo sur un rayon</li>
      <li>Remise sur tous les produits d&#8217;une couleur, d&#8217;une taille ou autre</li>
      <li>Ristourne sur une marque de produits</li>
    </ul>
  </div>
</div>



<h3 class="wp-block-heading" style="font-size:28px">🔹<strong><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color">2.1 |</mark></strong><img loading="lazy" decoding="async" width="25" height="30" class="wp-image-34820" style="width: 25px;" src="https://st9ph.fr/wp-content/uploads/2026/02/st9ph-mini.jpg" alt=""> Promotion sur un rayon (catégorie)</h3>



<p class="wp-block-paragraph">👉🏻 On fait souvent cela dans <strong>le prêt-à-porter</strong> quand une <strong>nouvelle collection </strong>est attendue et qu&#8217;il faut faire de la place ou <strong>chez les déstockeurs </strong>qui viennent d&#8217;emporter <strong>un lot inattendu</strong> chez leur fournisseur alors que leur arrière-boutique est déjà pleine à craquer :<strong> la promo sur tout un rayon !</strong></p>


<div class="wp-block-image">
<figure class="aligncenter size-full"><img loading="lazy" decoding="async" width="571" height="139" src="https://st9ph.fr/wp-content/uploads/2026/02/image-109.png" alt="" class="wp-image-34888" srcset="https://st9ph.fr/wp-content/uploads/2026/02/image-109.png 571w, https://st9ph.fr/wp-content/uploads/2026/02/image-109-300x73.png 300w" sizes="auto, (max-width: 571px) 100vw, 571px" /></figure>
</div>


<p class="has-text-align-center has-medium-font-size wp-block-paragraph">Alors ? <mark style="background-color:rgba(0, 0, 0, 0);color:#875023" class="has-inline-color">Dans Presta&#8217;, on ne sait jamais</mark> : une règle de panier ou de catalogue ?</p>


<div class="wp-block-image">
<figure class="aligncenter size-full"><img loading="lazy" decoding="async" width="570" height="173" src="https://st9ph.fr/wp-content/uploads/2026/02/image-110.png" alt="" class="wp-image-34889" srcset="https://st9ph.fr/wp-content/uploads/2026/02/image-110.png 570w, https://st9ph.fr/wp-content/uploads/2026/02/image-110-300x91.png 300w" sizes="auto, (max-width: 570px) 100vw, 570px" /></figure>
</div>


<p class="wp-block-paragraph">La différence réside dans la manière d&#8217;obtenir l&#8217;avantage :</p>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:66.66%">
<ul class="wp-block-list">
<li>🧺 Une règle de panier <strong>génère un coupon de réduction </strong>qu&#8217;il faut donner<strong> dans le tunnel d&#8217;achat</strong> pour l&#8217;obtenir 👉🏻</li>
</ul>



<div class="bloc-astuce">
 ✅ Idéal pour susciter la sensation d&#8217;un <strong> avantage exclusif </strong> qui récompense la fidélité. C&#8217;est également  un outil idéal pour <strong>les gestes co, les récompenses, les CTA de mails de relance &#8230; </strong>
</div>

<style>
.bloc-astuce {
  border-left: 4px solid #188038;
  background: #eefaf1;
  padding: 12px 18px;
  margin: 20px 0;
  font-size: 15px;
  color: #0f172a;
  border-radius: 4px;
  font-family: Arial, sans-serif;
}
</style>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:33.33%">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="393" height="192" src="https://st9ph.fr/wp-content/uploads/2026/02/image-111.png" alt="" class="wp-image-34891" srcset="https://st9ph.fr/wp-content/uploads/2026/02/image-111.png 393w, https://st9ph.fr/wp-content/uploads/2026/02/image-111-300x147.png 300w" sizes="auto, (max-width: 393px) 100vw, 393px" /></figure>
</div>
</div>



<ul class="wp-block-list">
<li>Une règle de catalogue est <strong>transparente,</strong> idéale <strong>pour les avantages permanents</strong> ou pour les groupes spéciaux (VIP)</li>
</ul>



<!-- ===== BLOQ QCM COMPLET AVEC SCORE LOCAL ===== -->
<div class="bloc-qcm">
<p class="qcm-question">🤔 <strong>Question :</strong> La livraison gratuite à partir de 50 € d&#8217;achats, c&#8217;est &#8230;.</p>
<ul class="qcm-options">
<li data-correct="false" data-feedback="❌ Il faudra saisir le coupon à chaque fois, alors ? Cela fera des litiges, certains oubliant de le saisir (même si vous le mettez en avant) diront que vous le faites exprès pour qu'on passe à côté.">Un règle de panier</li>
<li data-correct="true" data-feedback="✅ Oui, sinon vous obligez à saisir un coupon chaque fois et cela fera des litiges, certains oubliant de le saisir (même si vous le mettez en avant) diront que vous le faites exprès pour qu'on passe à côté.">une règle de prix catalogue</li>
<li data-correct="false" data-feedback="❌ Pas faux, mais, il faut bien le définir tout de même en règle de prix">ni l&#8217;un ni l&#8217;autre comme c&#8217;est un avantage permanent (réassurance)</li>
</ul>
<p class="qcm-feedback"></p>
<p class="qcm-local-score"></p>
</div>
<style>
.bloc-qcm {
border-left: 4px solid #1e73be;
background: #f5f9ff;
padding: 16px 18px;
margin: 24px 0;
border-radius: 4px;
font-size: 15px;
}
.qcm-options {
list-style: none;
padding: 0;
margin: 12px 0;
}
.qcm-options li {
position: relative;
padding: 10px 12px 10px 42px;
margin-bottom: 8px;
background: #fff;
border: 1px solid #ddd;
border-radius: 4px;
cursor: pointer;
transition: background 0.2s;
}
.qcm-options li::before {
content: attr(data-letter);
position: absolute;
left: 10px;
top: 50%;
transform: translateY(-50%);
font-weight: bold;
color: #1e73be;
}
.qcm-options li:hover {
background: #eef3ff;
}
.qcm-options li.correct {
background: #e6f4ea;
border-color: #188038;
}
.qcm-options li.wrong {
background: #fdecec;
border-color: #dc2626;
}
.qcm-feedback {
margin-top: 12px;
font-weight: bold;
}
.qcm-local-score {
margin-top: 6px;
font-weight: bold;
}
</style>
<script>
document.querySelectorAll('.bloc-qcm').forEach(qcm => {
const options = qcm.querySelectorAll('.qcm-options li');
const feedback = qcm.querySelector('.qcm-feedback');
const localScore = qcm.querySelector('.qcm-local-score');
let answered = false;
options.forEach((option, index) => {
option.dataset.letter = String.fromCharCode(65 + index);
});
options.forEach(option => {
option.addEventListener('click', () => {
if (answered) return;
answered = true;
options.forEach(o => o.classList.remove('correct', 'wrong'));
if (option.dataset.correct === "true") {
option.classList.add('correct');
} else {
option.classList.add('wrong');
}
feedback.textContent = option.dataset.feedback;
let point = option.dataset.correct === "true" ? 1 : 0;
localScore.textContent = "Tu marques " + point + " point";
});
});
});
</script>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:33.33%"><ul style="padding-left: 1.1em;text-align: left;--ub-list-item-icon-top: 3px;--ub-list-item-icon-size: 0.9em;);--ub-list-item-fa-li-top: 3px;--ub-list-item-spacing: 0px;column-count: 1;--ub-list-mobile-column-count: 1" class="wp-block-ub-styled-list ub_styled_list" id="ub_styled_list-38a43bf1-181e-41b9-bf84-d9bb938fcd4d">
<li class="ub_styled_list_item" style="--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image/svg+xml;utf8,&lt;svg xmlns=&quot;http://www.w3.org/2000/svg&quot; viewBox=&quot;0 0 320 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M0 55.2V426c0 12.2 9.9 22 22 22c6.3 0 12.4-2.7 16.6-7.5L121.2 346l58.1 116.3c7.9 15.8 27.1 22.2 42.9 14.3s22.2-27.1 14.3-42.9L179.8 320H297.9c12.2 0 22.1-9.9 22.1-22.1c0-6.3-2.7-12.3-7.4-16.5L38.6 37.9C34.3 34.1 28.9 32 23.2 32C10.4 32 0 42.4 0 55.2z&quot;&gt;&lt;/path&gt;&lt;/svg&gt;'); " id="ub-styled-list-item-0b791107-1827-428b-ada0-73381a8b35b5">
			<div class="ub_list_item_content">
				<span class="ub_list_item_icon">
					<svg width="0.9em" height="0.9em" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 320 512"><path fill="#000000" d="M0 55.2V426c0 12.2 9.9 22 22 22c6.3 0 12.4-2.7 16.6-7.5L121.2 346l58.1 116.3c7.9 15.8 27.1 22.2 42.9 14.3s22.2-27.1 14.3-42.9L179.8 320H297.9c12.2 0 22.1-9.9 22.1-22.1c0-6.3-2.7-12.3-7.4-16.5L38.6 37.9C34.3 34.1 28.9 32 23.2 32C10.4 32 0 42.4 0 55.2z"></path></svg>
				</span>
				<span class="ub_list_item_text">(onglet) <strong>conditions</strong></span>
			</div>
			
		</li>

<li class="ub_styled_list_item" style="--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image/svg+xml;utf8,&lt;svg xmlns=&quot;http://www.w3.org/2000/svg&quot; viewBox=&quot;0 0 320 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M0 55.2V426c0 12.2 9.9 22 22 22c6.3 0 12.4-2.7 16.6-7.5L121.2 346l58.1 116.3c7.9 15.8 27.1 22.2 42.9 14.3s22.2-27.1 14.3-42.9L179.8 320H297.9c12.2 0 22.1-9.9 22.1-22.1c0-6.3-2.7-12.3-7.4-16.5L38.6 37.9C34.3 34.1 28.9 32 23.2 32C10.4 32 0 42.4 0 55.2z&quot;&gt;&lt;/path&gt;&lt;/svg&gt;'); " id="ub-styled-list-item-3115e972-a6ef-4360-a4c3-23b219ef028d">
			<div class="ub_list_item_content">
				<span class="ub_list_item_icon">
					<svg width="0.9em" height="0.9em" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 320 512"><path fill="#000000" d="M0 55.2V426c0 12.2 9.9 22 22 22c6.3 0 12.4-2.7 16.6-7.5L121.2 346l58.1 116.3c7.9 15.8 27.1 22.2 42.9 14.3s22.2-27.1 14.3-42.9L179.8 320H297.9c12.2 0 22.1-9.9 22.1-22.1c0-6.3-2.7-12.3-7.4-16.5L38.6 37.9C34.3 34.1 28.9 32 23.2 32C10.4 32 0 42.4 0 55.2z"></path></svg>
				</span>
				<span class="ub_list_item_text"><strong>Sélection de produit</strong></span>
			</div>
			
		</li>

<li class="ub_styled_list_item" style="--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image/svg+xml;utf8,&lt;svg xmlns=&quot;http://www.w3.org/2000/svg&quot; viewBox=&quot;0 0 320 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M0 55.2V426c0 12.2 9.9 22 22 22c6.3 0 12.4-2.7 16.6-7.5L121.2 346l58.1 116.3c7.9 15.8 27.1 22.2 42.9 14.3s22.2-27.1 14.3-42.9L179.8 320H297.9c12.2 0 22.1-9.9 22.1-22.1c0-6.3-2.7-12.3-7.4-16.5L38.6 37.9C34.3 34.1 28.9 32 23.2 32C10.4 32 0 42.4 0 55.2z&quot;&gt;&lt;/path&gt;&lt;/svg&gt;'); " id="ub-styled-list-item-657140ae-1eae-4825-8106-4ed199550f81">
			<div class="ub_list_item_content">
				<span class="ub_list_item_icon">
					<svg width="0.9em" height="0.9em" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 320 512"><path fill="#000000" d="M0 55.2V426c0 12.2 9.9 22 22 22c6.3 0 12.4-2.7 16.6-7.5L121.2 346l58.1 116.3c7.9 15.8 27.1 22.2 42.9 14.3s22.2-27.1 14.3-42.9L179.8 320H297.9c12.2 0 22.1-9.9 22.1-22.1c0-6.3-2.7-12.3-7.4-16.5L38.6 37.9C34.3 34.1 28.9 32 23.2 32C10.4 32 0 42.4 0 55.2z"></path></svg>
				</span>
				<span class="ub_list_item_text">Choisir &#8220;<strong>Catégories</strong>&#8220;</span>
			</div>
			
		</li>

<li class="ub_styled_list_item" style="--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image/svg+xml;utf8,&lt;svg xmlns=&quot;http://www.w3.org/2000/svg&quot; viewBox=&quot;0 0 320 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M0 55.2V426c0 12.2 9.9 22 22 22c6.3 0 12.4-2.7 16.6-7.5L121.2 346l58.1 116.3c7.9 15.8 27.1 22.2 42.9 14.3s22.2-27.1 14.3-42.9L179.8 320H297.9c12.2 0 22.1-9.9 22.1-22.1c0-6.3-2.7-12.3-7.4-16.5L38.6 37.9C34.3 34.1 28.9 32 23.2 32C10.4 32 0 42.4 0 55.2z&quot;&gt;&lt;/path&gt;&lt;/svg&gt;'); " id="ub-styled-list-item-1e67324f-7d94-47a9-8868-38d7dcc67b11">
			<div class="ub_list_item_content">
				<span class="ub_list_item_icon">
					<svg width="0.9em" height="0.9em" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 320 512"><path fill="#000000" d="M0 55.2V426c0 12.2 9.9 22 22 22c6.3 0 12.4-2.7 16.6-7.5L121.2 346l58.1 116.3c7.9 15.8 27.1 22.2 42.9 14.3s22.2-27.1 14.3-42.9L179.8 320H297.9c12.2 0 22.1-9.9 22.1-22.1c0-6.3-2.7-12.3-7.4-16.5L38.6 37.9C34.3 34.1 28.9 32 23.2 32C10.4 32 0 42.4 0 55.2z"></path></svg>
				</span>
				<span class="ub_list_item_text">⬛ <strong>+ Ajouter</strong></span>
			</div>
			
		</li>

<li class="ub_styled_list_item" style="--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image/svg+xml;utf8,&lt;svg xmlns=&quot;http://www.w3.org/2000/svg&quot; viewBox=&quot;0 0 320 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M0 55.2V426c0 12.2 9.9 22 22 22c6.3 0 12.4-2.7 16.6-7.5L121.2 346l58.1 116.3c7.9 15.8 27.1 22.2 42.9 14.3s22.2-27.1 14.3-42.9L179.8 320H297.9c12.2 0 22.1-9.9 22.1-22.1c0-6.3-2.7-12.3-7.4-16.5L38.6 37.9C34.3 34.1 28.9 32 23.2 32C10.4 32 0 42.4 0 55.2z&quot;&gt;&lt;/path&gt;&lt;/svg&gt;'); " id="ub-styled-list-item-95fe987d-5a26-4fe1-a152-6048adf5abc3">
			<div class="ub_list_item_content">
				<span class="ub_list_item_icon">
					<svg width="0.9em" height="0.9em" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 320 512"><path fill="#000000" d="M0 55.2V426c0 12.2 9.9 22 22 22c6.3 0 12.4-2.7 16.6-7.5L121.2 346l58.1 116.3c7.9 15.8 27.1 22.2 42.9 14.3s22.2-27.1 14.3-42.9L179.8 320H297.9c12.2 0 22.1-9.9 22.1-22.1c0-6.3-2.7-12.3-7.4-16.5L38.6 37.9C34.3 34.1 28.9 32 23.2 32C10.4 32 0 42.4 0 55.2z"></path></svg>
				</span>
				<span class="ub_list_item_text">⬛ ⇶ <strong>Choisir</strong></span>
			</div>
			
		</li>

<li class="ub_styled_list_item" style="--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image/svg+xml;utf8,&lt;svg xmlns=&quot;http://www.w3.org/2000/svg&quot; viewBox=&quot;0 0 320 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M0 55.2V426c0 12.2 9.9 22 22 22c6.3 0 12.4-2.7 16.6-7.5L121.2 346l58.1 116.3c7.9 15.8 27.1 22.2 42.9 14.3s22.2-27.1 14.3-42.9L179.8 320H297.9c12.2 0 22.1-9.9 22.1-22.1c0-6.3-2.7-12.3-7.4-16.5L38.6 37.9C34.3 34.1 28.9 32 23.2 32C10.4 32 0 42.4 0 55.2z&quot;&gt;&lt;/path&gt;&lt;/svg&gt;'); " id="ub-styled-list-item-6465c79b-da41-4ec1-b6c6-17be6c5faed9">
			<div class="ub_list_item_content">
				<span class="ub_list_item_icon">
					<svg width="0.9em" height="0.9em" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 320 512"><path fill="#000000" d="M0 55.2V426c0 12.2 9.9 22 22 22c6.3 0 12.4-2.7 16.6-7.5L121.2 346l58.1 116.3c7.9 15.8 27.1 22.2 42.9 14.3s22.2-27.1 14.3-42.9L179.8 320H297.9c12.2 0 22.1-9.9 22.1-22.1c0-6.3-2.7-12.3-7.4-16.5L38.6 37.9C34.3 34.1 28.9 32 23.2 32C10.4 32 0 42.4 0 55.2z"></path></svg>
				</span>
				<span class="ub_list_item_text">Cliquer sur la / les <strong>catégorie(s) à promouvoir </strong>pour qu&#8217;elle(s) passe(nt) dans<strong> la liste &#8220;sélectionnés&#8221;</strong> puis</span>
			</div>
			
		</li>

<li class="ub_styled_list_item" style="--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image/svg+xml;utf8,&lt;svg xmlns=&quot;http://www.w3.org/2000/svg&quot; viewBox=&quot;0 0 320 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M0 55.2V426c0 12.2 9.9 22 22 22c6.3 0 12.4-2.7 16.6-7.5L121.2 346l58.1 116.3c7.9 15.8 27.1 22.2 42.9 14.3s22.2-27.1 14.3-42.9L179.8 320H297.9c12.2 0 22.1-9.9 22.1-22.1c0-6.3-2.7-12.3-7.4-16.5L38.6 37.9C34.3 34.1 28.9 32 23.2 32C10.4 32 0 42.4 0 55.2z&quot;&gt;&lt;/path&gt;&lt;/svg&gt;'); " id="ub-styled-list-item-3d9d2215-0424-4f30-be3e-ac1f46e8d9e1">
			<div class="ub_list_item_content">
				<span class="ub_list_item_icon">
					<svg width="0.9em" height="0.9em" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 320 512"><path fill="#000000" d="M0 55.2V426c0 12.2 9.9 22 22 22c6.3 0 12.4-2.7 16.6-7.5L121.2 346l58.1 116.3c7.9 15.8 27.1 22.2 42.9 14.3s22.2-27.1 14.3-42.9L179.8 320H297.9c12.2 0 22.1-9.9 22.1-22.1c0-6.3-2.7-12.3-7.4-16.5L38.6 37.9C34.3 34.1 28.9 32 23.2 32C10.4 32 0 42.4 0 55.2z"></path></svg>
				</span>
				<span class="ub_list_item_text">⬛ ⇜ <strong>Ajouter</strong></span>
			</div>
			
		</li>

<li class="ub_styled_list_item" style="--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image/svg+xml;utf8,&lt;svg xmlns=&quot;http://www.w3.org/2000/svg&quot; viewBox=&quot;0 0 320 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M0 55.2V426c0 12.2 9.9 22 22 22c6.3 0 12.4-2.7 16.6-7.5L121.2 346l58.1 116.3c7.9 15.8 27.1 22.2 42.9 14.3s22.2-27.1 14.3-42.9L179.8 320H297.9c12.2 0 22.1-9.9 22.1-22.1c0-6.3-2.7-12.3-7.4-16.5L38.6 37.9C34.3 34.1 28.9 32 23.2 32C10.4 32 0 42.4 0 55.2z&quot;&gt;&lt;/path&gt;&lt;/svg&gt;'); " id="ub-styled-list-item-44cada6c-b5bd-470f-9717-f86eb990e08b">
			<div class="ub_list_item_content">
				<span class="ub_list_item_icon">
					<svg width="0.9em" height="0.9em" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 320 512"><path fill="#000000" d="M0 55.2V426c0 12.2 9.9 22 22 22c6.3 0 12.4-2.7 16.6-7.5L121.2 346l58.1 116.3c7.9 15.8 27.1 22.2 42.9 14.3s22.2-27.1 14.3-42.9L179.8 320H297.9c12.2 0 22.1-9.9 22.1-22.1c0-6.3-2.7-12.3-7.4-16.5L38.6 37.9C34.3 34.1 28.9 32 23.2 32C10.4 32 0 42.4 0 55.2z"></path></svg>
				</span>
				<span class="ub_list_item_text">cliquer sur<strong> la croix </strong>X</span>
			</div>
			
		</li>
</ul></div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:66.66%">
<!-- DÉBUT BLOC IMAGE ZOOMABLE (V3 - CROIX & PROPORTIONS) -->
<style>
    .zoom-img-container { position: relative; display: inline-block; width: 100%; cursor: pointer; border-radius: 6px; overflow: hidden; box-shadow: 0 2px 5px rgba(0,0,0,0.1); transition: box-shadow 0.3s; }
    .zoom-img-container:hover { box-shadow: 0 5px 15px rgba(0,0,0,0.2); }
    .zoom-img-container img { width: 100%; height: auto; display: block; transition: transform 0.3s; }
    .zoom-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.4); display: flex; flex-direction: column; align-items: center; justify-content: center; opacity: 0; transition: opacity 0.3s; color: white; font-family: sans-serif; font-weight: bold; text-shadow: 0 1px 3px rgba(0,0,0,0.8); pointer-events: none; /* La souris traverse l'overlay pour cliquer sur l'image */ }
    .zoom-overlay svg { width: 40px; height: 40px; fill: white; margin-bottom: 5px; }
    .zoom-img-container:hover .zoom-overlay { opacity: 1; }
    .zoom-img-container:hover img { transform: scale(1.05); }
    
    .zoom-modal { display: none; position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.85); align-items: center; justify-content: center; opacity: 0; transition: opacity 0.3s; }
    .zoom-modal.show { display: flex; opacity: 1; }
    
    /* CORRECTION PROPORTIONS : */
    .zoom-modal-content { 
        max-width: 90%; 
        max-height: 90%; 
        width: auto;       /* Force la largeur auto (pas d'étirement) */
        height: auto;      /* Force la hauteur auto */
        object-fit: contain; /* Assure que l'image tient dans le cadre sans déformer */
        border-radius: 4px; 
        box-shadow: 0 0 20px rgba(0,0,0,0.5); 
        animation: zoomIn 0.3s; 
    }
    
    .zoom-close { 
        position: absolute; 
        top: 20px; 
        right: 35px; 
        color: #f1f1f1; 
        font-size: 40px; 
        font-weight: bold; 
        cursor: pointer; 
        transition: 0.3s; 
        line-height: 1; 
        z-index: 10000; /* S'assure que la croix est au-dessus de tout */
        user-select: none;
    }
    .zoom-close:hover { color: #bbb; }

    @keyframes zoomIn { from {transform:scale(0.8); opacity:0} to {transform:scale(1); opacity:1} }
</style>

<!-- CONTENEUR DE L'IMAGE -->
<!-- 👇🏻 UNIQUE ENDROIT À MODIFIER : Change juste le src ci-dessous 👇🏻 -->
<div class="zoom-img-container" onclick="openZoomModal(this)">
    <img decoding="async" src="https://st9ph.fr/wp-content/uploads/2026/02/image-112.png" alt="Agrandir l'image">
    
    <div class="zoom-overlay">
        <svg viewBox="0 0 24 24"><path d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"/></svg>
        <span>Agrandir</span>
    </div>
    
    <!-- LE POPUP (À l'intérieur du bloc) -->
    <div class="zoom-modal" onclick="closeZoomModal(event, this)">
        <span class="zoom-close" onclick="closeZoomModal(event, this.parentElement)">&times;</span>
        <img class="zoom-modal-content">
    </div>
</div>

<script>
    function openZoomModal(containerElement) {
        const modal = containerElement.querySelector('.zoom-modal');
        const modalImg = modal.querySelector('.zoom-modal-content');
        const clickedImg = containerElement.querySelector('img');
        
        modalImg.src = clickedImg.src;
        modal.classList.add("show");
    }

    // Correction Croix : On passe l'événement 'e' pour stopper la propagation
    function closeZoomModal(e, modalElement) {
        // Empêche le clic de se propager au fond noir (qui fermerait aussi le modal)
        if(e) e.stopPropagation();
        modalElement.classList.remove("show");
    }
    
    document.addEventListener('keydown', function(event) {
        if (event.key === "Escape") {
            const openModal = document.querySelector('.zoom-modal.show');
            if(openModal) openModal.classList.remove("show");
        }
    });
</script>
<!-- FIN BLOC IMAGE ZOOMABLE -->
</div>
</div>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="779" height="155" src="https://st9ph.fr/wp-content/uploads/2026/02/image-113.png" alt="" class="wp-image-34893" srcset="https://st9ph.fr/wp-content/uploads/2026/02/image-113.png 779w, https://st9ph.fr/wp-content/uploads/2026/02/image-113-300x60.png 300w, https://st9ph.fr/wp-content/uploads/2026/02/image-113-768x153.png 768w" sizes="auto, (max-width: 779px) 100vw, 779px" /><figcaption class="wp-element-caption"><em>Ici, une promo dans tout le rayon femmes</em></figcaption></figure>


<ul style="padding-left: 1.1em;text-align: left;--ub-list-item-icon-top: 3px;--ub-list-item-icon-size: 0.9em;);--ub-list-item-fa-li-top: 3px;--ub-list-item-spacing: 0px;column-count: 1;--ub-list-mobile-column-count: 1" class="wp-block-ub-styled-list ub_styled_list" id="ub_styled_list-dccf51e5-bff5-40cd-8d59-bf9a138e9447">
<li class="ub_styled_list_item" style="--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image/svg+xml;utf8,&lt;svg xmlns=&quot;http://www.w3.org/2000/svg&quot; viewBox=&quot;0 0 640 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M320 96V416C341.011 416 361.818 411.861 381.23 403.821C400.641 395.78 418.28 383.995 433.138 369.138C447.995 354.28 459.78 336.641 467.821 317.23C475.861 297.818 480 277.011 480 256C480 234.989 475.861 214.182 467.821 194.771C459.78 175.359 447.995 157.72 433.138 142.863C418.28 128.005 400.641 116.22 381.23 108.179C361.818 100.139 341.011 96 320 96ZM0 256L160.002 416L320.003 256L160.002 96L0 256ZM480 256C480 277.011 484.138 297.818 492.179 317.23C500.219 336.643 512.005 354.28 526.862 369.138C541.72 383.995 559.357 395.781 578.77 403.821C598.182 411.862 618.989 416 640 416V96C597.565 96 556.869 112.858 526.862 142.863C496.857 172.869 480 213.565 480 256Z&quot;&gt;&lt;/path&gt;&lt;/svg&gt;'); " id="ub-styled-list-item-d041cc9b-5be0-44fa-b959-73568e6a5b39">
			<div class="ub_list_item_content">
				<span class="ub_list_item_icon">
					<svg width="0.9em" height="0.9em" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 640 512"><path fill="#000000" d="M320 96V416C341.011 416 361.818 411.861 381.23 403.821C400.641 395.78 418.28 383.995 433.138 369.138C447.995 354.28 459.78 336.641 467.821 317.23C475.861 297.818 480 277.011 480 256C480 234.989 475.861 214.182 467.821 194.771C459.78 175.359 447.995 157.72 433.138 142.863C418.28 128.005 400.641 116.22 381.23 108.179C361.818 100.139 341.011 96 320 96ZM0 256L160.002 416L320.003 256L160.002 96L0 256ZM480 256C480 277.011 484.138 297.818 492.179 317.23C500.219 336.643 512.005 354.28 526.862 369.138C541.72 383.995 559.357 395.781 578.77 403.821C598.182 411.862 618.989 416 640 416V96C597.565 96 556.869 112.858 526.862 142.863C496.857 172.869 480 213.565 480 256Z"></path></svg>
				</span>
				<span class="ub_list_item_text">N&#8217;oubliez pas de définir votre promotion dans action</span>
			</div>
			
		</li>
</ul>


<div class="bloc-a-retenir">
  🧮 Il faut bien étudier <strong> votre ROI</strong> en suivant l&#8217;évolution des ventes par rapport à ce que vous avez sacrifié de votre marge pour voir si l&#8217;opération est rentable.
</div>

<style>
.bloc-a-retenir {
  border-left: 4px solid #d97706;
  background: #fff8e1;
  padding: 12px 18px;
  margin: 20px 0;
  font-size: 15px;
  color: #0f172a;
  border-radius: 4px;
  font-family: Arial, sans-serif;
}
</style>



<p class="wp-block-paragraph">➡️ N&#8217;oubliez pas non plus de la mettre en avant dans le carrousel ou la bannière 👇🏻 :</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="816" height="305" src="https://st9ph.fr/wp-content/uploads/2026/02/image-116.png" alt="" class="wp-image-34898" srcset="https://st9ph.fr/wp-content/uploads/2026/02/image-116.png 816w, https://st9ph.fr/wp-content/uploads/2026/02/image-116-300x112.png 300w, https://st9ph.fr/wp-content/uploads/2026/02/image-116-768x287.png 768w" sizes="auto, (max-width: 816px) 100vw, 816px" /></figure>



<div class="bloc-qcm">
  <p class="qcm-question">
    💥 <strong>Alors ?</strong> Le mieux pour cette OP Com de promo sur tout le rayon femme ?
  </p>

  <ul class="qcm-options">
    <li data-correct="true">un coupon réduction en règle de panier ?</li>
    <li data-correct="false">une promo catalogue ?</li>
    <li data-correct="false">Ca n&#8217;a pas d&#8217;importance ?</li>
  </ul>

  <p class="qcm-feedback"></p>
</div>

<style>
.bloc-qcm {
  border-left: 4px solid #1e73be;
  background: #f5f9ff;
  padding: 16px 18px;
  margin: 24px 0;
  border-radius: 4px;
  font-size: 15px;
}

.qcm-options {
  list-style: none;
  padding: 0;
  margin: 12px 0;
}

.qcm-options li {
  padding: 10px 12px;
  margin-bottom: 8px;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  cursor: pointer;
  transition: background 0.2s;
}

.qcm-options li:hover {
  background: #eef3ff;
}

.qcm-options li.correct {
  background: #e6f4ea;
  border-color: #188038;
}

.qcm-options li.wrong {
  background: #fdecec;
  border-color: #dc2626;
}

.qcm-feedback {
  margin-top: 12px;
  font-weight: bold;
}
</style>

<script>
document.querySelectorAll('.bloc-qcm').forEach(qcm => {
  const options = qcm.querySelectorAll('.qcm-options li');
  const feedback = qcm.querySelector('.qcm-feedback');

  options.forEach(option => {
    option.addEventListener('click', () => {
      options.forEach(o => o.classList.remove('correct', 'wrong'));

      if (option.dataset.correct === "true") {
        option.classList.add('correct');
        feedback.textContent = "✅ Oui, le coupon va renforcer le sentiment de privilège";
        feedback.style.color = "#188038";
      } else {
        option.classList.add('wrong');
        feedback.textContent = "❌ Ca se discute mais, franchement, le coupon va renforcer l'effet bon plan";
        feedback.style.color = "#dc2626";
      }
    });
  });
});
</script>



<h3 class="wp-block-heading" style="font-size:28px">🔹<strong><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color">2.2 |</mark></strong><img loading="lazy" decoding="async" width="25" height="30" class="wp-image-34820" style="width: 25px;" src="https://st9ph.fr/wp-content/uploads/2026/02/st9ph-mini.jpg" alt=""> Remises sur les déclinaisons ou caractéristiques</h3>



<p class="wp-block-paragraph">👉🏻 C&#8217;est souvent à l&#8217;occasion d&#8217;un évènement du 📆 c<strong>alendrier marketing</strong> que vous aurez l&#8217;occasion de <strong>mettre en valeur</strong> votre boutique <strong>sur des critères de déclinaisons.</strong> <mark style="background-color:rgba(0, 0, 0, 0);color:#20771e" class="has-inline-color">Ici, les produits de couleur verte pour la Saint patrice</mark>, <strong>ou de caractéristique</strong> &#8220;made in France&#8221;, &#8220;Artisanat responsable&#8221; &#8230;</p>



<p class="has-background wp-block-paragraph" style="background-color:#dbedd3">🍀 C&#8217;est aussi un formidable vecteur pour obliger vos visiteurs <strong>à &#8220;fouiller&#8221; dans vos rayons</strong> pour dénicher la perle rare (et ainsi, <strong>doper vos temps de sessions</strong>) 📈 et créer de<strong> l&#8217;opportunité</strong>.</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="646" src="https://st9ph.fr/wp-content/uploads/2026/02/saint-patrice-1024x646.png" alt="" class="wp-image-34903" srcset="https://st9ph.fr/wp-content/uploads/2026/02/saint-patrice-1024x646.png 1024w, https://st9ph.fr/wp-content/uploads/2026/02/saint-patrice-300x189.png 300w, https://st9ph.fr/wp-content/uploads/2026/02/saint-patrice-768x485.png 768w, https://st9ph.fr/wp-content/uploads/2026/02/saint-patrice-1536x970.png 1536w, https://st9ph.fr/wp-content/uploads/2026/02/saint-patrice-2048x1293.png 2048w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:33.33%"><ul style="padding-left: 1.1em;text-align: left;--ub-list-item-icon-top: 3px;--ub-list-item-icon-size: 0.9em;);--ub-list-item-fa-li-top: 3px;--ub-list-item-spacing: 0px;column-count: 1;--ub-list-mobile-column-count: 1" class="wp-block-ub-styled-list ub_styled_list" id="ub_styled_list-da13b055-e06a-4afb-81f7-f967348b14c9">
<li class="ub_styled_list_item" style="--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image/svg+xml;utf8,&lt;svg xmlns=&quot;http://www.w3.org/2000/svg&quot; viewBox=&quot;0 0 320 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M0 55.2V426c0 12.2 9.9 22 22 22c6.3 0 12.4-2.7 16.6-7.5L121.2 346l58.1 116.3c7.9 15.8 27.1 22.2 42.9 14.3s22.2-27.1 14.3-42.9L179.8 320H297.9c12.2 0 22.1-9.9 22.1-22.1c0-6.3-2.7-12.3-7.4-16.5L38.6 37.9C34.3 34.1 28.9 32 23.2 32C10.4 32 0 42.4 0 55.2z&quot;&gt;&lt;/path&gt;&lt;/svg&gt;'); " id="ub-styled-list-item-456f1aea-0d97-4640-8428-7a2f75eac904">
			<div class="ub_list_item_content">
				<span class="ub_list_item_icon">
					<svg width="0.9em" height="0.9em" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 320 512"><path fill="#000000" d="M0 55.2V426c0 12.2 9.9 22 22 22c6.3 0 12.4-2.7 16.6-7.5L121.2 346l58.1 116.3c7.9 15.8 27.1 22.2 42.9 14.3s22.2-27.1 14.3-42.9L179.8 320H297.9c12.2 0 22.1-9.9 22.1-22.1c0-6.3-2.7-12.3-7.4-16.5L38.6 37.9C34.3 34.1 28.9 32 23.2 32C10.4 32 0 42.4 0 55.2z"></path></svg>
				</span>
				<span class="ub_list_item_text">(onglet) <strong>conditions</strong></span>
			</div>
			
		</li>

<li class="ub_styled_list_item" style="--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image/svg+xml;utf8,&lt;svg xmlns=&quot;http://www.w3.org/2000/svg&quot; viewBox=&quot;0 0 320 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M0 55.2V426c0 12.2 9.9 22 22 22c6.3 0 12.4-2.7 16.6-7.5L121.2 346l58.1 116.3c7.9 15.8 27.1 22.2 42.9 14.3s22.2-27.1 14.3-42.9L179.8 320H297.9c12.2 0 22.1-9.9 22.1-22.1c0-6.3-2.7-12.3-7.4-16.5L38.6 37.9C34.3 34.1 28.9 32 23.2 32C10.4 32 0 42.4 0 55.2z&quot;&gt;&lt;/path&gt;&lt;/svg&gt;'); " id="ub-styled-list-item-e34b95e2-c1b9-4db3-b64f-694127db74fb">
			<div class="ub_list_item_content">
				<span class="ub_list_item_icon">
					<svg width="0.9em" height="0.9em" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 320 512"><path fill="#000000" d="M0 55.2V426c0 12.2 9.9 22 22 22c6.3 0 12.4-2.7 16.6-7.5L121.2 346l58.1 116.3c7.9 15.8 27.1 22.2 42.9 14.3s22.2-27.1 14.3-42.9L179.8 320H297.9c12.2 0 22.1-9.9 22.1-22.1c0-6.3-2.7-12.3-7.4-16.5L38.6 37.9C34.3 34.1 28.9 32 23.2 32C10.4 32 0 42.4 0 55.2z"></path></svg>
				</span>
				<span class="ub_list_item_text"><strong>Sélection de produit</strong></span>
			</div>
			
		</li>

<li class="ub_styled_list_item" style="--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image/svg+xml;utf8,&lt;svg xmlns=&quot;http://www.w3.org/2000/svg&quot; viewBox=&quot;0 0 320 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M0 55.2V426c0 12.2 9.9 22 22 22c6.3 0 12.4-2.7 16.6-7.5L121.2 346l58.1 116.3c7.9 15.8 27.1 22.2 42.9 14.3s22.2-27.1 14.3-42.9L179.8 320H297.9c12.2 0 22.1-9.9 22.1-22.1c0-6.3-2.7-12.3-7.4-16.5L38.6 37.9C34.3 34.1 28.9 32 23.2 32C10.4 32 0 42.4 0 55.2z&quot;&gt;&lt;/path&gt;&lt;/svg&gt;'); " id="ub-styled-list-item-7dc576dd-64d0-4e12-9fd9-bd4b6350bdee">
			<div class="ub_list_item_content">
				<span class="ub_list_item_icon">
					<svg width="0.9em" height="0.9em" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 320 512"><path fill="#000000" d="M0 55.2V426c0 12.2 9.9 22 22 22c6.3 0 12.4-2.7 16.6-7.5L121.2 346l58.1 116.3c7.9 15.8 27.1 22.2 42.9 14.3s22.2-27.1 14.3-42.9L179.8 320H297.9c12.2 0 22.1-9.9 22.1-22.1c0-6.3-2.7-12.3-7.4-16.5L38.6 37.9C34.3 34.1 28.9 32 23.2 32C10.4 32 0 42.4 0 55.2z"></path></svg>
				</span>
				<span class="ub_list_item_text">Choisir &#8220;<strong>attributs</strong>&#8220;</span>
			</div>
			
		</li>

<li class="ub_styled_list_item" style="--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image/svg+xml;utf8,&lt;svg xmlns=&quot;http://www.w3.org/2000/svg&quot; viewBox=&quot;0 0 320 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M0 55.2V426c0 12.2 9.9 22 22 22c6.3 0 12.4-2.7 16.6-7.5L121.2 346l58.1 116.3c7.9 15.8 27.1 22.2 42.9 14.3s22.2-27.1 14.3-42.9L179.8 320H297.9c12.2 0 22.1-9.9 22.1-22.1c0-6.3-2.7-12.3-7.4-16.5L38.6 37.9C34.3 34.1 28.9 32 23.2 32C10.4 32 0 42.4 0 55.2z&quot;&gt;&lt;/path&gt;&lt;/svg&gt;'); " id="ub-styled-list-item-29de8260-3999-4465-8953-7408ee942b7c">
			<div class="ub_list_item_content">
				<span class="ub_list_item_icon">
					<svg width="0.9em" height="0.9em" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 320 512"><path fill="#000000" d="M0 55.2V426c0 12.2 9.9 22 22 22c6.3 0 12.4-2.7 16.6-7.5L121.2 346l58.1 116.3c7.9 15.8 27.1 22.2 42.9 14.3s22.2-27.1 14.3-42.9L179.8 320H297.9c12.2 0 22.1-9.9 22.1-22.1c0-6.3-2.7-12.3-7.4-16.5L38.6 37.9C34.3 34.1 28.9 32 23.2 32C10.4 32 0 42.4 0 55.2z"></path></svg>
				</span>
				<span class="ub_list_item_text">⬛ <strong>+ Ajouter</strong></span>
			</div>
			
		</li>

<li class="ub_styled_list_item" style="--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image/svg+xml;utf8,&lt;svg xmlns=&quot;http://www.w3.org/2000/svg&quot; viewBox=&quot;0 0 320 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M0 55.2V426c0 12.2 9.9 22 22 22c6.3 0 12.4-2.7 16.6-7.5L121.2 346l58.1 116.3c7.9 15.8 27.1 22.2 42.9 14.3s22.2-27.1 14.3-42.9L179.8 320H297.9c12.2 0 22.1-9.9 22.1-22.1c0-6.3-2.7-12.3-7.4-16.5L38.6 37.9C34.3 34.1 28.9 32 23.2 32C10.4 32 0 42.4 0 55.2z&quot;&gt;&lt;/path&gt;&lt;/svg&gt;'); " id="ub-styled-list-item-d15f6411-05c1-432c-99cc-af3908f09865">
			<div class="ub_list_item_content">
				<span class="ub_list_item_icon">
					<svg width="0.9em" height="0.9em" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 320 512"><path fill="#000000" d="M0 55.2V426c0 12.2 9.9 22 22 22c6.3 0 12.4-2.7 16.6-7.5L121.2 346l58.1 116.3c7.9 15.8 27.1 22.2 42.9 14.3s22.2-27.1 14.3-42.9L179.8 320H297.9c12.2 0 22.1-9.9 22.1-22.1c0-6.3-2.7-12.3-7.4-16.5L38.6 37.9C34.3 34.1 28.9 32 23.2 32C10.4 32 0 42.4 0 55.2z"></path></svg>
				</span>
				<span class="ub_list_item_text">⬛ ⇶ <strong>Choisir</strong></span>
			</div>
			
		</li>

<li class="ub_styled_list_item" style="--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image/svg+xml;utf8,&lt;svg xmlns=&quot;http://www.w3.org/2000/svg&quot; viewBox=&quot;0 0 320 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M0 55.2V426c0 12.2 9.9 22 22 22c6.3 0 12.4-2.7 16.6-7.5L121.2 346l58.1 116.3c7.9 15.8 27.1 22.2 42.9 14.3s22.2-27.1 14.3-42.9L179.8 320H297.9c12.2 0 22.1-9.9 22.1-22.1c0-6.3-2.7-12.3-7.4-16.5L38.6 37.9C34.3 34.1 28.9 32 23.2 32C10.4 32 0 42.4 0 55.2z&quot;&gt;&lt;/path&gt;&lt;/svg&gt;'); " id="ub-styled-list-item-e0f7a0ec-fa0a-4d5c-bf38-34043cf00471">
			<div class="ub_list_item_content">
				<span class="ub_list_item_icon">
					<svg width="0.9em" height="0.9em" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 320 512"><path fill="#000000" d="M0 55.2V426c0 12.2 9.9 22 22 22c6.3 0 12.4-2.7 16.6-7.5L121.2 346l58.1 116.3c7.9 15.8 27.1 22.2 42.9 14.3s22.2-27.1 14.3-42.9L179.8 320H297.9c12.2 0 22.1-9.9 22.1-22.1c0-6.3-2.7-12.3-7.4-16.5L38.6 37.9C34.3 34.1 28.9 32 23.2 32C10.4 32 0 42.4 0 55.2z"></path></svg>
				</span>
				<span class="ub_list_item_text">Cliquer sur la / les <strong>déclinaisons </strong>pour qu&#8217;elle(s) passe(nt) dans<strong> la liste &#8220;sélectionnés&#8221;</strong> puis</span>
			</div>
			
		</li>

<li class="ub_styled_list_item" style="--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image/svg+xml;utf8,&lt;svg xmlns=&quot;http://www.w3.org/2000/svg&quot; viewBox=&quot;0 0 320 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M0 55.2V426c0 12.2 9.9 22 22 22c6.3 0 12.4-2.7 16.6-7.5L121.2 346l58.1 116.3c7.9 15.8 27.1 22.2 42.9 14.3s22.2-27.1 14.3-42.9L179.8 320H297.9c12.2 0 22.1-9.9 22.1-22.1c0-6.3-2.7-12.3-7.4-16.5L38.6 37.9C34.3 34.1 28.9 32 23.2 32C10.4 32 0 42.4 0 55.2z&quot;&gt;&lt;/path&gt;&lt;/svg&gt;'); " id="ub-styled-list-item-a7b94c45-2628-4f07-b89f-4b03adca5c5b">
			<div class="ub_list_item_content">
				<span class="ub_list_item_icon">
					<svg width="0.9em" height="0.9em" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 320 512"><path fill="#000000" d="M0 55.2V426c0 12.2 9.9 22 22 22c6.3 0 12.4-2.7 16.6-7.5L121.2 346l58.1 116.3c7.9 15.8 27.1 22.2 42.9 14.3s22.2-27.1 14.3-42.9L179.8 320H297.9c12.2 0 22.1-9.9 22.1-22.1c0-6.3-2.7-12.3-7.4-16.5L38.6 37.9C34.3 34.1 28.9 32 23.2 32C10.4 32 0 42.4 0 55.2z"></path></svg>
				</span>
				<span class="ub_list_item_text">⬛ ⇜ <strong>Ajouter</strong></span>
			</div>
			
		</li>

<li class="ub_styled_list_item" style="--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image/svg+xml;utf8,&lt;svg xmlns=&quot;http://www.w3.org/2000/svg&quot; viewBox=&quot;0 0 320 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M0 55.2V426c0 12.2 9.9 22 22 22c6.3 0 12.4-2.7 16.6-7.5L121.2 346l58.1 116.3c7.9 15.8 27.1 22.2 42.9 14.3s22.2-27.1 14.3-42.9L179.8 320H297.9c12.2 0 22.1-9.9 22.1-22.1c0-6.3-2.7-12.3-7.4-16.5L38.6 37.9C34.3 34.1 28.9 32 23.2 32C10.4 32 0 42.4 0 55.2z&quot;&gt;&lt;/path&gt;&lt;/svg&gt;'); " id="ub-styled-list-item-570ce755-d4a6-4249-b93a-591d664c364b">
			<div class="ub_list_item_content">
				<span class="ub_list_item_icon">
					<svg width="0.9em" height="0.9em" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 320 512"><path fill="#000000" d="M0 55.2V426c0 12.2 9.9 22 22 22c6.3 0 12.4-2.7 16.6-7.5L121.2 346l58.1 116.3c7.9 15.8 27.1 22.2 42.9 14.3s22.2-27.1 14.3-42.9L179.8 320H297.9c12.2 0 22.1-9.9 22.1-22.1c0-6.3-2.7-12.3-7.4-16.5L38.6 37.9C34.3 34.1 28.9 32 23.2 32C10.4 32 0 42.4 0 55.2z"></path></svg>
				</span>
				<span class="ub_list_item_text">cliquer sur<strong> la croix </strong>X</span>
			</div>
			
		</li>
</ul></div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:66.66%">
<!-- DÉBUT BLOC IMAGE ZOOMABLE (V3 - CROIX & PROPORTIONS) -->
<style>
    .zoom-img-container { position: relative; display: inline-block; width: 100%; cursor: pointer; border-radius: 6px; overflow: hidden; box-shadow: 0 2px 5px rgba(0,0,0,0.1); transition: box-shadow 0.3s; }
    .zoom-img-container:hover { box-shadow: 0 5px 15px rgba(0,0,0,0.2); }
    .zoom-img-container img { width: 100%; height: auto; display: block; transition: transform 0.3s; }
    .zoom-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.4); display: flex; flex-direction: column; align-items: center; justify-content: center; opacity: 0; transition: opacity 0.3s; color: white; font-family: sans-serif; font-weight: bold; text-shadow: 0 1px 3px rgba(0,0,0,0.8); pointer-events: none; /* La souris traverse l'overlay pour cliquer sur l'image */ }
    .zoom-overlay svg { width: 40px; height: 40px; fill: white; margin-bottom: 5px; }
    .zoom-img-container:hover .zoom-overlay { opacity: 1; }
    .zoom-img-container:hover img { transform: scale(1.05); }
    
    .zoom-modal { display: none; position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.85); align-items: center; justify-content: center; opacity: 0; transition: opacity 0.3s; }
    .zoom-modal.show { display: flex; opacity: 1; }
    
    /* CORRECTION PROPORTIONS : */
    .zoom-modal-content { 
        max-width: 90%; 
        max-height: 90%; 
        width: auto;       /* Force la largeur auto (pas d'étirement) */
        height: auto;      /* Force la hauteur auto */
        object-fit: contain; /* Assure que l'image tient dans le cadre sans déformer */
        border-radius: 4px; 
        box-shadow: 0 0 20px rgba(0,0,0,0.5); 
        animation: zoomIn 0.3s; 
    }
    
    .zoom-close { 
        position: absolute; 
        top: 20px; 
        right: 35px; 
        color: #f1f1f1; 
        font-size: 40px; 
        font-weight: bold; 
        cursor: pointer; 
        transition: 0.3s; 
        line-height: 1; 
        z-index: 10000; /* S'assure que la croix est au-dessus de tout */
        user-select: none;
    }
    .zoom-close:hover { color: #bbb; }

    @keyframes zoomIn { from {transform:scale(0.8); opacity:0} to {transform:scale(1); opacity:1} }
</style>

<!-- CONTENEUR DE L'IMAGE -->
<!-- 👇🏻 UNIQUE ENDROIT À MODIFIER : Change juste le src ci-dessous 👇🏻 -->
<div class="zoom-img-container" onclick="openZoomModal(this)">
    <img decoding="async" src="https://st9ph.fr/wp-content/uploads/2026/02/image-118.png" alt="Agrandir l'image">
    
    <div class="zoom-overlay">
        <svg viewBox="0 0 24 24"><path d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"/></svg>
        <span>Agrandir</span>
    </div>
    
    <!-- LE POPUP (À l'intérieur du bloc) -->
    <div class="zoom-modal" onclick="closeZoomModal(event, this)">
        <span class="zoom-close" onclick="closeZoomModal(event, this.parentElement)">&times;</span>
        <img class="zoom-modal-content">
    </div>
</div>

<script>
    function openZoomModal(containerElement) {
        const modal = containerElement.querySelector('.zoom-modal');
        const modalImg = modal.querySelector('.zoom-modal-content');
        const clickedImg = containerElement.querySelector('img');
        
        modalImg.src = clickedImg.src;
        modal.classList.add("show");
    }

    // Correction Croix : On passe l'événement 'e' pour stopper la propagation
    function closeZoomModal(e, modalElement) {
        // Empêche le clic de se propager au fond noir (qui fermerait aussi le modal)
        if(e) e.stopPropagation();
        modalElement.classList.remove("show");
    }
    
    document.addEventListener('keydown', function(event) {
        if (event.key === "Escape") {
            const openModal = document.querySelector('.zoom-modal.show');
            if(openModal) openModal.classList.remove("show");
        }
    });
</script>
<!-- FIN BLOC IMAGE ZOOMABLE -->



<div class="bloc-astuce">
  👉🏻 C&#8217;est la même manipulation que pour <strong> les catégories </strong> que nous avons vus dans le sous-chapitre précédent
</div>

<style>
.bloc-astuce {
  border-left: 4px solid #188038;
  background: #eefaf1;
  padding: 12px 18px;
  margin: 20px 0;
  font-size: 15px;
  color: #0f172a;
  border-radius: 4px;
  font-family: Arial, sans-serif;
}
</style>
</div>
</div>



<p class="wp-block-paragraph">💡 Vous pouvez aussi faire  :</p>



<ul class="wp-block-list">
<li>une semaine 👗&#8221;<em>grandes tailles</em>&#8221; (XL, XXL &#8230;), 👠&#8221;<em>grands pieds</em>&#8221; pointures &gt; 44 &#8230;</li>



<li>un week-end 🚚 &#8220;<em>livraison offerte</em>&#8221; sur vos 🗄️ meubles de gros gabarit (dimensions : hauteurs ou longueurs importantes)</li>



<li>une quinzaine ♻️ &#8220;écolo&#8221; sur les produits ayant la caractéristique &#8220;recyclé&#8221; &#8230;</li>
</ul>



<p class="has-medium-font-size wp-block-paragraph">💥 Soyez imaginatifs !</p>



<h3 class="wp-block-heading" style="font-size:28px">🔹<strong><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color">2.3 |</mark></strong><img loading="lazy" decoding="async" width="25" height="30" class="wp-image-34820" style="width: 25px;" src="https://st9ph.fr/wp-content/uploads/2026/02/st9ph-mini.jpg" alt=""> Ristourne sur une marque ciblée</h3>



<p class="wp-block-paragraph">👉🏻 Mettre en valeur une de vos marques ou l&#8217;un de vos fournisseurs, c&#8217;est aussi un moyen de viser une hausse des ventes suffisamment substantielle pour <strong>renégocier votre contrat</strong> avec lui ! Vous vendez plus ses produits =&gt; il vous les procure moins cher.</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="826" height="418" src="https://st9ph.fr/wp-content/uploads/2026/02/image-119.png" alt="" class="wp-image-34909" srcset="https://st9ph.fr/wp-content/uploads/2026/02/image-119.png 826w, https://st9ph.fr/wp-content/uploads/2026/02/image-119-300x152.png 300w, https://st9ph.fr/wp-content/uploads/2026/02/image-119-768x389.png 768w" sizes="auto, (max-width: 826px) 100vw, 826px" /></figure>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:33.33%"><ul style="padding-left: 1.1em;text-align: left;--ub-list-item-icon-top: 3px;--ub-list-item-icon-size: 0.9em;);--ub-list-item-fa-li-top: 3px;--ub-list-item-spacing: 0px;column-count: 1;--ub-list-mobile-column-count: 1" class="wp-block-ub-styled-list ub_styled_list" id="ub_styled_list-09a78981-3e44-4e0d-84bf-bf97d714609f">
<li class="ub_styled_list_item" style="--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image/svg+xml;utf8,&lt;svg xmlns=&quot;http://www.w3.org/2000/svg&quot; viewBox=&quot;0 0 320 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M0 55.2V426c0 12.2 9.9 22 22 22c6.3 0 12.4-2.7 16.6-7.5L121.2 346l58.1 116.3c7.9 15.8 27.1 22.2 42.9 14.3s22.2-27.1 14.3-42.9L179.8 320H297.9c12.2 0 22.1-9.9 22.1-22.1c0-6.3-2.7-12.3-7.4-16.5L38.6 37.9C34.3 34.1 28.9 32 23.2 32C10.4 32 0 42.4 0 55.2z&quot;&gt;&lt;/path&gt;&lt;/svg&gt;'); " id="ub-styled-list-item-27251c0e-81d3-4d6a-9138-d0e7f631b156">
			<div class="ub_list_item_content">
				<span class="ub_list_item_icon">
					<svg width="0.9em" height="0.9em" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 320 512"><path fill="#000000" d="M0 55.2V426c0 12.2 9.9 22 22 22c6.3 0 12.4-2.7 16.6-7.5L121.2 346l58.1 116.3c7.9 15.8 27.1 22.2 42.9 14.3s22.2-27.1 14.3-42.9L179.8 320H297.9c12.2 0 22.1-9.9 22.1-22.1c0-6.3-2.7-12.3-7.4-16.5L38.6 37.9C34.3 34.1 28.9 32 23.2 32C10.4 32 0 42.4 0 55.2z"></path></svg>
				</span>
				<span class="ub_list_item_text">(onglet) <strong>conditions</strong></span>
			</div>
			
		</li>

<li class="ub_styled_list_item" style="--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image/svg+xml;utf8,&lt;svg xmlns=&quot;http://www.w3.org/2000/svg&quot; viewBox=&quot;0 0 320 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M0 55.2V426c0 12.2 9.9 22 22 22c6.3 0 12.4-2.7 16.6-7.5L121.2 346l58.1 116.3c7.9 15.8 27.1 22.2 42.9 14.3s22.2-27.1 14.3-42.9L179.8 320H297.9c12.2 0 22.1-9.9 22.1-22.1c0-6.3-2.7-12.3-7.4-16.5L38.6 37.9C34.3 34.1 28.9 32 23.2 32C10.4 32 0 42.4 0 55.2z&quot;&gt;&lt;/path&gt;&lt;/svg&gt;'); " id="ub-styled-list-item-e1aaee44-7191-4020-a142-65d271fe941a">
			<div class="ub_list_item_content">
				<span class="ub_list_item_icon">
					<svg width="0.9em" height="0.9em" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 320 512"><path fill="#000000" d="M0 55.2V426c0 12.2 9.9 22 22 22c6.3 0 12.4-2.7 16.6-7.5L121.2 346l58.1 116.3c7.9 15.8 27.1 22.2 42.9 14.3s22.2-27.1 14.3-42.9L179.8 320H297.9c12.2 0 22.1-9.9 22.1-22.1c0-6.3-2.7-12.3-7.4-16.5L38.6 37.9C34.3 34.1 28.9 32 23.2 32C10.4 32 0 42.4 0 55.2z"></path></svg>
				</span>
				<span class="ub_list_item_text"><strong>Sélection de produit</strong></span>
			</div>
			
		</li>

<li class="ub_styled_list_item" style="--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image/svg+xml;utf8,&lt;svg xmlns=&quot;http://www.w3.org/2000/svg&quot; viewBox=&quot;0 0 320 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M0 55.2V426c0 12.2 9.9 22 22 22c6.3 0 12.4-2.7 16.6-7.5L121.2 346l58.1 116.3c7.9 15.8 27.1 22.2 42.9 14.3s22.2-27.1 14.3-42.9L179.8 320H297.9c12.2 0 22.1-9.9 22.1-22.1c0-6.3-2.7-12.3-7.4-16.5L38.6 37.9C34.3 34.1 28.9 32 23.2 32C10.4 32 0 42.4 0 55.2z&quot;&gt;&lt;/path&gt;&lt;/svg&gt;'); " id="ub-styled-list-item-14f909c4-ab8b-4da8-86a1-653b36d8cdec">
			<div class="ub_list_item_content">
				<span class="ub_list_item_icon">
					<svg width="0.9em" height="0.9em" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 320 512"><path fill="#000000" d="M0 55.2V426c0 12.2 9.9 22 22 22c6.3 0 12.4-2.7 16.6-7.5L121.2 346l58.1 116.3c7.9 15.8 27.1 22.2 42.9 14.3s22.2-27.1 14.3-42.9L179.8 320H297.9c12.2 0 22.1-9.9 22.1-22.1c0-6.3-2.7-12.3-7.4-16.5L38.6 37.9C34.3 34.1 28.9 32 23.2 32C10.4 32 0 42.4 0 55.2z"></path></svg>
				</span>
				<span class="ub_list_item_text">Choisir &#8220;<strong>Marques</strong>&#8220;</span>
			</div>
			
		</li>

<li class="ub_styled_list_item" style="--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image/svg+xml;utf8,&lt;svg xmlns=&quot;http://www.w3.org/2000/svg&quot; viewBox=&quot;0 0 320 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M0 55.2V426c0 12.2 9.9 22 22 22c6.3 0 12.4-2.7 16.6-7.5L121.2 346l58.1 116.3c7.9 15.8 27.1 22.2 42.9 14.3s22.2-27.1 14.3-42.9L179.8 320H297.9c12.2 0 22.1-9.9 22.1-22.1c0-6.3-2.7-12.3-7.4-16.5L38.6 37.9C34.3 34.1 28.9 32 23.2 32C10.4 32 0 42.4 0 55.2z&quot;&gt;&lt;/path&gt;&lt;/svg&gt;'); " id="ub-styled-list-item-2831ddc7-8221-47a3-b071-a897c66d8dd8">
			<div class="ub_list_item_content">
				<span class="ub_list_item_icon">
					<svg width="0.9em" height="0.9em" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 320 512"><path fill="#000000" d="M0 55.2V426c0 12.2 9.9 22 22 22c6.3 0 12.4-2.7 16.6-7.5L121.2 346l58.1 116.3c7.9 15.8 27.1 22.2 42.9 14.3s22.2-27.1 14.3-42.9L179.8 320H297.9c12.2 0 22.1-9.9 22.1-22.1c0-6.3-2.7-12.3-7.4-16.5L38.6 37.9C34.3 34.1 28.9 32 23.2 32C10.4 32 0 42.4 0 55.2z"></path></svg>
				</span>
				<span class="ub_list_item_text">⬛ <strong>+ Ajouter</strong></span>
			</div>
			
		</li>

<li class="ub_styled_list_item" style="--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image/svg+xml;utf8,&lt;svg xmlns=&quot;http://www.w3.org/2000/svg&quot; viewBox=&quot;0 0 320 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M0 55.2V426c0 12.2 9.9 22 22 22c6.3 0 12.4-2.7 16.6-7.5L121.2 346l58.1 116.3c7.9 15.8 27.1 22.2 42.9 14.3s22.2-27.1 14.3-42.9L179.8 320H297.9c12.2 0 22.1-9.9 22.1-22.1c0-6.3-2.7-12.3-7.4-16.5L38.6 37.9C34.3 34.1 28.9 32 23.2 32C10.4 32 0 42.4 0 55.2z&quot;&gt;&lt;/path&gt;&lt;/svg&gt;'); " id="ub-styled-list-item-3428e6db-d5c2-414d-a277-6a0b634adaf7">
			<div class="ub_list_item_content">
				<span class="ub_list_item_icon">
					<svg width="0.9em" height="0.9em" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 320 512"><path fill="#000000" d="M0 55.2V426c0 12.2 9.9 22 22 22c6.3 0 12.4-2.7 16.6-7.5L121.2 346l58.1 116.3c7.9 15.8 27.1 22.2 42.9 14.3s22.2-27.1 14.3-42.9L179.8 320H297.9c12.2 0 22.1-9.9 22.1-22.1c0-6.3-2.7-12.3-7.4-16.5L38.6 37.9C34.3 34.1 28.9 32 23.2 32C10.4 32 0 42.4 0 55.2z"></path></svg>
				</span>
				<span class="ub_list_item_text">⬛ ⇶ <strong>Choisir</strong></span>
			</div>
			
		</li>

<li class="ub_styled_list_item" style="--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image/svg+xml;utf8,&lt;svg xmlns=&quot;http://www.w3.org/2000/svg&quot; viewBox=&quot;0 0 320 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M0 55.2V426c0 12.2 9.9 22 22 22c6.3 0 12.4-2.7 16.6-7.5L121.2 346l58.1 116.3c7.9 15.8 27.1 22.2 42.9 14.3s22.2-27.1 14.3-42.9L179.8 320H297.9c12.2 0 22.1-9.9 22.1-22.1c0-6.3-2.7-12.3-7.4-16.5L38.6 37.9C34.3 34.1 28.9 32 23.2 32C10.4 32 0 42.4 0 55.2z&quot;&gt;&lt;/path&gt;&lt;/svg&gt;'); " id="ub-styled-list-item-b3bd30a6-db54-4b45-b741-f1638918eeb9">
			<div class="ub_list_item_content">
				<span class="ub_list_item_icon">
					<svg width="0.9em" height="0.9em" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 320 512"><path fill="#000000" d="M0 55.2V426c0 12.2 9.9 22 22 22c6.3 0 12.4-2.7 16.6-7.5L121.2 346l58.1 116.3c7.9 15.8 27.1 22.2 42.9 14.3s22.2-27.1 14.3-42.9L179.8 320H297.9c12.2 0 22.1-9.9 22.1-22.1c0-6.3-2.7-12.3-7.4-16.5L38.6 37.9C34.3 34.1 28.9 32 23.2 32C10.4 32 0 42.4 0 55.2z"></path></svg>
				</span>
				<span class="ub_list_item_text">Cliquer sur la / les <strong>marque(s) </strong>pour qu&#8217;elle(s) passe(nt) dans<strong> la liste &#8220;sélectionnés&#8221;</strong> puis</span>
			</div>
			
		</li>

<li class="ub_styled_list_item" style="--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image/svg+xml;utf8,&lt;svg xmlns=&quot;http://www.w3.org/2000/svg&quot; viewBox=&quot;0 0 320 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M0 55.2V426c0 12.2 9.9 22 22 22c6.3 0 12.4-2.7 16.6-7.5L121.2 346l58.1 116.3c7.9 15.8 27.1 22.2 42.9 14.3s22.2-27.1 14.3-42.9L179.8 320H297.9c12.2 0 22.1-9.9 22.1-22.1c0-6.3-2.7-12.3-7.4-16.5L38.6 37.9C34.3 34.1 28.9 32 23.2 32C10.4 32 0 42.4 0 55.2z&quot;&gt;&lt;/path&gt;&lt;/svg&gt;'); " id="ub-styled-list-item-7a6a8c31-7b7e-4ad2-ac6e-ca4f280c1027">
			<div class="ub_list_item_content">
				<span class="ub_list_item_icon">
					<svg width="0.9em" height="0.9em" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 320 512"><path fill="#000000" d="M0 55.2V426c0 12.2 9.9 22 22 22c6.3 0 12.4-2.7 16.6-7.5L121.2 346l58.1 116.3c7.9 15.8 27.1 22.2 42.9 14.3s22.2-27.1 14.3-42.9L179.8 320H297.9c12.2 0 22.1-9.9 22.1-22.1c0-6.3-2.7-12.3-7.4-16.5L38.6 37.9C34.3 34.1 28.9 32 23.2 32C10.4 32 0 42.4 0 55.2z"></path></svg>
				</span>
				<span class="ub_list_item_text">⬛ ⇜ <strong>Ajouter</strong></span>
			</div>
			
		</li>

<li class="ub_styled_list_item" style="--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image/svg+xml;utf8,&lt;svg xmlns=&quot;http://www.w3.org/2000/svg&quot; viewBox=&quot;0 0 320 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M0 55.2V426c0 12.2 9.9 22 22 22c6.3 0 12.4-2.7 16.6-7.5L121.2 346l58.1 116.3c7.9 15.8 27.1 22.2 42.9 14.3s22.2-27.1 14.3-42.9L179.8 320H297.9c12.2 0 22.1-9.9 22.1-22.1c0-6.3-2.7-12.3-7.4-16.5L38.6 37.9C34.3 34.1 28.9 32 23.2 32C10.4 32 0 42.4 0 55.2z&quot;&gt;&lt;/path&gt;&lt;/svg&gt;'); " id="ub-styled-list-item-a1678151-6249-4c4a-9bc7-676b6f660d7d">
			<div class="ub_list_item_content">
				<span class="ub_list_item_icon">
					<svg width="0.9em" height="0.9em" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 320 512"><path fill="#000000" d="M0 55.2V426c0 12.2 9.9 22 22 22c6.3 0 12.4-2.7 16.6-7.5L121.2 346l58.1 116.3c7.9 15.8 27.1 22.2 42.9 14.3s22.2-27.1 14.3-42.9L179.8 320H297.9c12.2 0 22.1-9.9 22.1-22.1c0-6.3-2.7-12.3-7.4-16.5L38.6 37.9C34.3 34.1 28.9 32 23.2 32C10.4 32 0 42.4 0 55.2z"></path></svg>
				</span>
				<span class="ub_list_item_text">cliquer sur<strong> la croix </strong>X</span>
			</div>
			
		</li>
</ul></div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:66.66%">
<!-- DÉBUT BLOC IMAGE ZOOMABLE (V3 - CROIX & PROPORTIONS) -->
<style>
    .zoom-img-container { position: relative; display: inline-block; width: 100%; cursor: pointer; border-radius: 6px; overflow: hidden; box-shadow: 0 2px 5px rgba(0,0,0,0.1); transition: box-shadow 0.3s; }
    .zoom-img-container:hover { box-shadow: 0 5px 15px rgba(0,0,0,0.2); }
    .zoom-img-container img { width: 100%; height: auto; display: block; transition: transform 0.3s; }
    .zoom-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.4); display: flex; flex-direction: column; align-items: center; justify-content: center; opacity: 0; transition: opacity 0.3s; color: white; font-family: sans-serif; font-weight: bold; text-shadow: 0 1px 3px rgba(0,0,0,0.8); pointer-events: none; /* La souris traverse l'overlay pour cliquer sur l'image */ }
    .zoom-overlay svg { width: 40px; height: 40px; fill: white; margin-bottom: 5px; }
    .zoom-img-container:hover .zoom-overlay { opacity: 1; }
    .zoom-img-container:hover img { transform: scale(1.05); }
    
    .zoom-modal { display: none; position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.85); align-items: center; justify-content: center; opacity: 0; transition: opacity 0.3s; }
    .zoom-modal.show { display: flex; opacity: 1; }
    
    /* CORRECTION PROPORTIONS : */
    .zoom-modal-content { 
        max-width: 90%; 
        max-height: 90%; 
        width: auto;       /* Force la largeur auto (pas d'étirement) */
        height: auto;      /* Force la hauteur auto */
        object-fit: contain; /* Assure que l'image tient dans le cadre sans déformer */
        border-radius: 4px; 
        box-shadow: 0 0 20px rgba(0,0,0,0.5); 
        animation: zoomIn 0.3s; 
    }
    
    .zoom-close { 
        position: absolute; 
        top: 20px; 
        right: 35px; 
        color: #f1f1f1; 
        font-size: 40px; 
        font-weight: bold; 
        cursor: pointer; 
        transition: 0.3s; 
        line-height: 1; 
        z-index: 10000; /* S'assure que la croix est au-dessus de tout */
        user-select: none;
    }
    .zoom-close:hover { color: #bbb; }

    @keyframes zoomIn { from {transform:scale(0.8); opacity:0} to {transform:scale(1); opacity:1} }
</style>

<!-- CONTENEUR DE L'IMAGE -->
<!-- 👇🏻 UNIQUE ENDROIT À MODIFIER : Change juste le src ci-dessous 👇🏻 -->
<div class="zoom-img-container" onclick="openZoomModal(this)">
    <img decoding="async" src="https://st9ph.fr/wp-content/uploads/2026/02/image-120.png" alt="Agrandir l'image">
    
    <div class="zoom-overlay">
        <svg viewBox="0 0 24 24"><path d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"/></svg>
        <span>Agrandir</span>
    </div>
    
    <!-- LE POPUP (À l'intérieur du bloc) -->
    <div class="zoom-modal" onclick="closeZoomModal(event, this)">
        <span class="zoom-close" onclick="closeZoomModal(event, this.parentElement)">&times;</span>
        <img class="zoom-modal-content">
    </div>
</div>

<script>
    function openZoomModal(containerElement) {
        const modal = containerElement.querySelector('.zoom-modal');
        const modalImg = modal.querySelector('.zoom-modal-content');
        const clickedImg = containerElement.querySelector('img');
        
        modalImg.src = clickedImg.src;
        modal.classList.add("show");
    }

    // Correction Croix : On passe l'événement 'e' pour stopper la propagation
    function closeZoomModal(e, modalElement) {
        // Empêche le clic de se propager au fond noir (qui fermerait aussi le modal)
        if(e) e.stopPropagation();
        modalElement.classList.remove("show");
    }
    
    document.addEventListener('keydown', function(event) {
        if (event.key === "Escape") {
            const openModal = document.querySelector('.zoom-modal.show');
            if(openModal) openModal.classList.remove("show");
        }
    });
</script>
<!-- FIN BLOC IMAGE ZOOMABLE -->



<div class="bloc-astuce">
  👉🏻 C&#8217;est toujours la même manipulation que pour <strong> les catégories ou les déclinaisons</strong> que nous avons vus dans les deux sous-chapitres précédents
</div>

<style>
.bloc-astuce {
  border-left: 4px solid #188038;
  background: #eefaf1;
  padding: 12px 18px;
  margin: 20px 0;
  font-size: 15px;
  color: #0f172a;
  border-radius: 4px;
  font-family: Arial, sans-serif;
}
</style>
</div>
</div>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image size-full is-resized"><img loading="lazy" decoding="async" width="316" height="524" src="https://st9ph.fr/wp-content/uploads/2026/02/image-121.png" alt="" class="wp-image-34912" style="width:375px;height:auto" srcset="https://st9ph.fr/wp-content/uploads/2026/02/image-121.png 316w, https://st9ph.fr/wp-content/uploads/2026/02/image-121-181x300.png 181w" sizes="auto, (max-width: 316px) 100vw, 316px" /></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p class="wp-block-paragraph">N&#8217;oubliez pas de <strong>notifier les clients</strong> que vous ciblez pour cette OP :</p>



<ul class="wp-block-list">
<li>Ceux qui ont<strong> déjà consulté </strong>👀 ces produits,</li>



<li>ceux qui les ont <strong>ajouté au panier </strong>🛒 <strong>puis abandonnés </strong>(si le frein était le cout ou le moment, il va peut-être tomber)</li>



<li>Ceux qui ont <strong>des produits similaires</strong> dans leur 🖤 <strong>liste d&#8217;envies</strong></li>



<li>Ceux <strong>dormants </strong>😴 qui ne réagissent pas à vos <strong>newsletters sur les nouveautés</strong>, l&#8217;appat du gain est un levier à tenter.</li>



<li>Ceux qui ont déjà <strong>ce type de produit </strong>mais <strong>depuis longtemps</strong> 🕸️</li>
</ul>



<p class="wp-block-paragraph"></p>



<p class="has-base-2-background-color has-background wp-block-paragraph">🪙 Votre <strong>base de données client </strong>est une mine d&#8217;or et vos OP COM <strong>un outil de fidélisation </strong>sans égal.</p>
</div>
</div>



<!-- ===== BLOQ QCM COMPLET AVEC SCORE LOCAL ===== -->
<div class="bloc-qcm">
<p class="qcm-question">🤔 <strong>Question :</strong> 2 achetés, 1 offert, je fais comment dans 🐧 Prestashop ?</p>
<ul class="qcm-options">
<li data-correct="false" data-feedback="❌ Possible mais une règle de panier à chaque fois, il y'a plus simple et cela oblige aussi le client à saisir un code réduction">Un coupon sur le produit de 33,33 %</li>
<li data-correct="false" data-feedback="❌ Ca ne marcherait pas, il faut que les produits soient différents pour faire partie d'un pack">Un pack de trois produits identiques et le 3ème dont on ramène le prix à zéro</li>
<li data-correct="true" data-feedback="✅ Oui, c'est le plus simple">un prix spécifique : qté 3 => 33,33 % sur l&#8217;ensemble</li>
</ul>
<p class="qcm-feedback"></p>
<p class="qcm-local-score"></p>
</div>
<style>
.bloc-qcm {
border-left: 4px solid #1e73be;
background: #f5f9ff;
padding: 16px 18px;
margin: 24px 0;
border-radius: 4px;
font-size: 15px;
}
.qcm-options {
list-style: none;
padding: 0;
margin: 12px 0;
}
.qcm-options li {
position: relative;
padding: 10px 12px 10px 42px;
margin-bottom: 8px;
background: #fff;
border: 1px solid #ddd;
border-radius: 4px;
cursor: pointer;
transition: background 0.2s;
}
.qcm-options li::before {
content: attr(data-letter);
position: absolute;
left: 10px;
top: 50%;
transform: translateY(-50%);
font-weight: bold;
color: #1e73be;
}
.qcm-options li:hover {
background: #eef3ff;
}
.qcm-options li.correct {
background: #e6f4ea;
border-color: #188038;
}
.qcm-options li.wrong {
background: #fdecec;
border-color: #dc2626;
}
.qcm-feedback {
margin-top: 12px;
font-weight: bold;
}
.qcm-local-score {
margin-top: 6px;
font-weight: bold;
}
</style>
<script>
document.querySelectorAll('.bloc-qcm').forEach(qcm => {
const options = qcm.querySelectorAll('.qcm-options li');
const feedback = qcm.querySelector('.qcm-feedback');
const localScore = qcm.querySelector('.qcm-local-score');
let answered = false;
options.forEach((option, index) => {
option.dataset.letter = String.fromCharCode(65 + index);
});
options.forEach(option => {
option.addEventListener('click', () => {
if (answered) return;
answered = true;
options.forEach(o => o.classList.remove('correct', 'wrong'));
if (option.dataset.correct === "true") {
option.classList.add('correct');
} else {
option.classList.add('wrong');
}
feedback.textContent = option.dataset.feedback;
let point = option.dataset.correct === "true" ? 1 : 0;
localScore.textContent = "Tu marques " + point + " point";
});
});
});
</script>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:66.66%">
<p class="has-text-align-right has-medium-font-size wp-block-paragraph">Un petit 🎓TP pour finir ?</p>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:33.33%">
<style>
.alert-jf5cyz-overlay { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.6); backdrop-filter: blur(3px); z-index: 9999; justify-content: center; align-items: center; }
.alert-jf5cyz-dialog { background: #fff; width: 90%; max-width: 400px; border-radius: 8px; box-shadow: 0 10px 25px rgba(0,0,0,0.2); font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; overflow: hidden; animation: popInalert-jf5cyz 0.2s ease-out; border: 1px solid #ddd; }
@keyframes popInalert-jf5cyz { from { transform: scale(0.9); opacity: 0; } to { transform: scale(1); opacity: 1; } }
.alert-jf5cyz-header { padding: 20px 20px 10px 20px; display: flex; align-items: flex-start; }
.alert-jf5cyz-icon { font-size: 28px; margin-right: 15px; flex-shrink: 0; line-height: 1; }
.alert-jf5cyz-title { font-weight: 600; font-size: 16px; color: #333; margin: 0; line-height: 1.3; }
.alert-jf5cyz-body { padding: 0 20px 20px 55px; font-size: 14px; color: #333; line-height: 1.5; }
.alert-jf5cyz-footer { border-top: 1px solid #eee; padding: 10px 20px; display: flex; justify-content: flex-end; gap: 10px; background: #f9f9f9; }
.alert-jf5cyz-btn { padding: 8px 16px; border-radius: 4px; font-size: 13px; font-weight: 500; cursor: pointer; border: none; transition: background 0.2s; }
.alert-jf5cyz-btn-cancel { background: #e0e0e0; color: #333; } .alert-jf5cyz-btn-cancel:hover { background: #d0d0d0; }
.alert-jf5cyz-btn-confirm { background: #0066cc; color: white; } .alert-jf5cyz-btn-confirm:hover { background: #0052a3; }
.alert-jf5cyz-btn-close { background: #2196f3; color: white; width: 100%; } .alert-jf5cyz-btn-close:hover { background: #1976d2; }
.alert-jf5cyz-trigger { background: #ff9800; color: white; border: none; padding: 10px 20px; font-size: 14px; border-radius: 4px; cursor: pointer; font-family: sans-serif; display: inline-block; margin: 10px 0; } .alert-jf5cyz-trigger:hover { background: #e68900; }
</style><!-- DÉBUT ALERTE MODALE (Généré) -->
<div id="alert-jf5cyz-overlay" class="alert-jf5cyz-overlay">
<div class="alert-jf5cyz-dialog">
<div class="alert-jf5cyz-header">
<div class="alert-jf5cyz-icon" style="color: #ff9800">⚠️</div>
<div><div class="alert-jf5cyz-title">st9ph.fr indique</div></div>
</div>
<div class="alert-jf5cyz-body">Les travaux pratiques sont réservés à 🧑🏻‍🎓 mes étudiants. Il vous faudra un 🔑 mot de passe pour progresser dans le contenu. Merci de votre compréhension.</div>
<div class="alert-jf5cyz-footer">
<button class="alert-jf5cyz-btn alert-jf5cyz-btn-cancel" onclick="document.getElementById('alert-jf5cyz-overlay').style.display='none'">Rester sur la page</button>
<button class="alert-jf5cyz-btn alert-jf5cyz-btn-confirm" onclick="if('https://st9ph.fr/%f0%9f%8e%93tp-op-com/') window.location.href='https://st9ph.fr/%f0%9f%8e%93tp-op-com/'; else document.getElementById('alert-jf5cyz-overlay').style.display='none';">continuer vers le 🎓TP</button>
</div>
</div>
</div>
<button onclick="document.getElementById('alert-jf5cyz-overlay').style.display='flex'" class="alert-jf5cyz-trigger">Même pas peur !</button>
<!-- FIN ALERTE MODALE -->
</div>
</div>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow"></div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow"></div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow"></div>
</div>



<!-- Bouton principal -->
<button id="uxMenuBtn" style="
  position: fixed;
  right: 14px;
  bottom: 40%;
  padding: 12px 14px;
  background: #111;
  color: #fff;
  border: none;
  border-radius: 50%;
  cursor: pointer;
  z-index: 9999;
  font-size: 18px;
">
  ☰
</button>

<!-- Menu -->
<div id="uxMenu" style="
  display:none;
  position: fixed;
  right: 14px;
  bottom: 48%;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 10px 30px rgba(0,0,0,0.2);
  z-index: 10000;
  font-family: Arial, sans-serif;
">
  <button class="uxItem" data-popup="sources">📚 Sources</button>
  <button class="uxItem" data-popup="methodo">🧑‍🎓NDRC</button>
  <button class="uxItem" data-popup="glossary">📘 Glossaire</button>
</div>

<!-- Overlay -->
<div id="uxOverlay" style="
  display:none;
  position:fixed;
  top:0; left:0;
  width:100%; height:100%;
  background:rgba(0,0,0,0.55);
  z-index:10001;
"></div>

<!-- POPUPS -->

<div class="uxPopup" id="sources" data-title="📚 Sources UX mobile">
 

  <img decoding="async" 
    src="https://st9ph.fr/wp-content/uploads/2026/02/logo-blogst9ph-small.jpg"
    alt="blog st9ph"
    style="
      width:100%;
      max-width:120px;
      display:block;
      margin:12px auto 20px;
      border-radius:8px;
    "
  >
<h4>📚 Sources</h4>
<ul>
 <!--  ✅ contenus 📚 Sources -->
<li><strong>mydestockage.com</strong> – article sur la vente en volume</li>
<li><strong>🔊 Voicertool</strong> &#8211; introduction parlée </li>
<li><strong>Nano Banana Pro de Google Gemini</strong> – personnage d&#8217;illustration et image en avant</li>
</ul>
</div>

<div class="uxPopup" id="methodo" data-title="🧑‍🎓 NDRC">


  <img decoding="async" 
    src="https://st9ph.fr/wp-content/uploads/2026/02/logo-blogst9ph-small.jpg"
    alt="blog st9ph"
    style="
      width:100%;
      max-width:120px;
      display:block;
      margin:12px auto 20px;
      border-radius:8px;
    "
  >
<h4>🧑‍🎓 NDRC</h4>
<!--  ✅ contenus 🧑‍🎓 NDRC -->
<p> 🟦 Cet article est à visée de l&#8217;épreuve technique E5B.</p>
<ul>
<li>savoir effectuer tout type de réduction sur un produit</li>
<li>savoir effectuer tout type de réduction sur une déclinaison, une caractéristique ou une marque de produits</li>
<li>savoir créer un pack de produits</li>
</ul>
<p>👉 voir aussi les autres articles de la section Prestashop </p>
</div>

<div class="uxPopup" id="glossary" data-title="📘 Glossaire UX mobile">


  <img decoding="async" 
    src="https://st9ph.fr/wp-content/uploads/2026/02/logo-blogst9ph-small.jpg"
    alt="blog st9ph"
    style="
      width:100%;
      max-width:120px;
      display:block;
      margin:12px auto 20px;
      border-radius:8px;
    "
  >
<h4>📘 Glossaire</h4>
<!-- ✅ contenus 📘 Glossaire -->
<ul>
<li><strong>Réassortir</strong> regarnir les rayons avec les produits qui manquaient </li>
<li><strong>Numéraire</strong> quand la réduction est en euros (-10€) plutôt qu&#8217;en % </li>
<li><strong>Régle de panier</strong> Réduction sous forme de coupon et individualisable (geste Co par exemple) </li>
<li><strong>Régle de catalogue</strong> Réduction automatique et collective (pas d&#8217;action spécifique à effectuer si on remplit les conditions) </li>
</ul>
</div>

<!-- Style popup -->
<style>
.uxItem {
  display: block;
  padding: 10px 16px;
  background: #fff;
  border: none;
  width: 100%;
  text-align: left;
  cursor: pointer;
  color: #111;        /* ✅ TEXTE VISIBLE */
  font-size: 14px;
}

.uxItem:hover {
  background: #f0f0f0;
}
.uxItem:hover { background:#f0f0f0; }

.uxPopup {
  display:none;
  position:fixed;
  top:50%; left:50%;
  transform:translate(-50%,-50%);
  background:#fff;
  width:90%;
  max-width:560px;
  max-height:80%;
  padding:24px;
  border-radius:10px;
  box-shadow:0 10px 40px rgba(0,0,0,0.25);
  z-index:10002;
  overflow-y:auto;
}
</style>
<style>
@media (max-width: 768px) {
  #uxMenuBtn,
  #uxMenu {
    display: none !important;
  }
}
</style>
<style>
@media (max-width: 768px) {
  html, body {
    overflow-x: hidden !important;
    max-width: 100vw !important;
  }
}
</style>
<style>
@media (max-width: 768px) {
  #uxMenuBtn,
  #uxMenu,
  #uxOverlay,
  .uxPopup {
    position: static !important;
    width: 0 !important;
    height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    overflow: hidden !important;
    display: none !important;
  }
}
</style>

<script>
(function () {

  // === DÉSACTIVATION MOBILE ===
  if (window.innerWidth <= 768) {
    return; // on ne fait RIEN sur mobile
  }

  // === RÉFÉRENCES ===
  const menuBtn = document.getElementById("uxMenuBtn");
  const menu = document.getElementById("uxMenu");
  const overlay = document.getElementById("uxOverlay");
  const popups = document.querySelectorAll(".uxPopup");

  if (!menuBtn || !menu || !overlay) return;

  // === OUVERTURE / FERMETURE MENU ===
  menuBtn.addEventListener("click", () => {
    menu.style.display = menu.style.display === "block" ? "none" : "block";
  });

  // === OUVERTURE POPUPS ===
  document.querySelectorAll(".uxItem").forEach(btn => {
    btn.addEventListener("click", () => {
      popups.forEach(p => p.style.display = "none");
      const target = document.getElementById(btn.dataset.popup);
      if (target) target.style.display = "block";
      overlay.style.display = "block";
      menu.style.display = "none";
    });
  });

  // === FERMETURE OVERLAY ===
  overlay.addEventListener("click", () => {
    popups.forEach(p => p.style.display = "none");
    overlay.style.display = "none";
  });

})();
</script>



</script>
<script>
(function () {
  if (window.innerWidth <= 768) {
    const uxPanel = document.querySelector('.ux-panel');
    if (uxPanel) {
      uxPanel.remove();
    }
  }
})();
</script>



<!-- =====================================================
     BADGE DE LECTURE + BADGE "DÉJÀ LU"
     - % de lecture en temps réel
     - Devient vert à 75 %
     - Mémorisé en session (déjà lu)
     ===================================================== -->

<!-- ✅ STRUCTURE HTML DU BADGE -->
<div id="readBadge">
  📖 Lecture : 0 %
</div>

<style>
/* ===============================
   STYLE DU BADGE
   =============================== */
#readBadge {
  position: fixed;
  bottom: 20px;
  left: 20px;
  background: #111;
  color: #fff;
  padding: 8px 14px;
  border-radius: 20px;
  font-size: 13px;
  font-family: Arial, sans-serif;
  opacity: 0;
  transform: translateY(10px);
  transition: all 0.3s ease;
  z-index: 9999;
}

/* Badge visible */
#readBadge.show {
  opacity: 1;
  transform: translateY(0);
}

/* Badge vert = article lu */
#readBadge.read {
  background: #188038;
}
</style>

<script>
/* ===============================
   LOGIQUE JAVASCRIPT
   =============================== */
(function () {

  const badge = document.getElementById("readBadge");

  // ✅ Clé unique par page (URL)
  const storageKey = "articleLu_" + window.location.pathname;

  // ✅ Si déjà lu dans la session
  if (sessionStorage.getItem(storageKey)) {
    badge.classList.add("show", "read");
    badge.innerText = "✅ Article déjà lu";
    return; // on ne recalcule plus le scroll
  }

  let badgeShown = false;
  let articleMarkedAsRead = false;

  window.addEventListener("scroll", function () {

    const scrollTop = window.scrollY;
    const docHeight = document.body.scrollHeight - window.innerHeight;
    const percent = Math.round((scrollTop / docHeight) * 100);

    // Mise à jour du texte
    badge.innerText = "📖 Lecture : " + percent + " %";

    // Affichage du badge dès 10 %
    if (percent >= 10 && !badgeShown) {
      badge.classList.add("show");
      badgeShown = true;
    }

    // ✅ Article considéré comme lu à 75 %
    if (percent >= 75 && !articleMarkedAsRead) {
      badge.classList.add("read");
      badge.innerText = "✅ Article lu à " + percent + " %";
      sessionStorage.setItem(storageKey, "true");
      articleMarkedAsRead = true;
    }

  });

})();
</script>



<script>
document.addEventListener("DOMContentLoaded", function () {

  let scoreTotal = 0;
  let questionsRepondues = 0;

  const blocs = document.querySelectorAll(".bloc-qcm");

  blocs.forEach(qcm => {

    const options = qcm.querySelectorAll(".qcm-options li");
    const feedback = qcm.querySelector(".qcm-feedback");
    let answered = false;

    options.forEach(option => {
      option.addEventListener("click", function () {

        if (answered) return;
        answered = true;

        questionsRepondues++;

        const isCorrect = option.dataset.correct === "true";

        if (isCorrect) {
          scoreTotal++;
          this.classList.add("correct");
        } else {
          this.classList.add("wrong");
        }

        feedback.textContent = option.dataset.feedback +" | Ton score : " + scoreTotal + " / " + questionsRepondues;

        const global = document.getElementById("score-global");
        if (global) {
          global.textContent =
            "Score total : " + scoreTotal + " / " + questionsRepondues;
        }

      });
    });

  });

});
</script>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:25%"></div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:50%"><div class="yoast-breadcrumbs"><span><span><a href="https://st9ph.fr/">Accueil</a></span> » <span class="breadcrumb_last" aria-current="page">réduction déclinaison prestashop</span></span></div></div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:25%"></div>
</div>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">

<div class="wp-block-ub-social-share" id="ub-social-share-34cb1b13-3295-452f-ad1e-918dc902bc11">
			<div class="social-share-icons align-icons-center orientation-icons-row"><a aria-label="linkedin-logo" target="_blank" rel="nofollow" href="https://www.linkedin.com/sharing/share-offsite/?url=https%3A%2F%2Fst9ph.fr%2Fprestashop-op-com-dans-la-eshop%2F" class="ub-social-share-linkedin-container" style="border-color: #2867b2; ">
				<span class="social-share-icon ub-social-share-linkedin square" style="width: 30px; height: 30px; "><svg xmlns="http://www.w3.org/2000/svg" style="fill:#ffffff" fill="#ffffff" width="20" height="20" viewbox="0 0 448 512"><path d="M100.3 480H7.4V180.9h92.9V480zM53.8 140.1C24.1 140.1 0 115.5 0 85.8 0 56.1 24.1 32 53.8 32c29.7 0 53.8 24.1 53.8 53.8 0 29.7-24.1 54.3-53.8 54.3zM448 480h-92.7V334.4c0-34.7-.7-79.2-48.3-79.2-48.3 0-55.7 37.7-55.7 76.7V480h-92.8V180.9h89.1v40.8h1.3c12.4-23.5 42.7-48.3 87.9-48.3 94 0 111.3 61.9 111.3 142.3V480z"></path></svg></span><span style="">partager</span>
			</a></div>
		</div></div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p class="has-text-align-center wp-block-paragraph"><strong>donnez votre avis</strong> (star ranking) en bas de cette page</p>



<p class="has-text-align-center has-large-font-size wp-block-paragraph">⬇️</p>



<p class="wp-block-paragraph"></p>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow"><div class="wp-block-jetpack-repeat-visitor"></div></div>
</div>
<p>L’article <a href="https://st9ph.fr/prestashop-op-com-dans-la-eshop/">Prestashop | OP Com dans la Eshop</a> est apparu en premier sur <a href="https://st9ph.fr">st9ph.fr</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://st9ph.fr/prestashop-op-com-dans-la-eshop/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		<enclosure url="https://st9ph.fr/wp-content/uploads/2026/02/carrousel-produits-comparateur.mp4" length="707952" type="video/mp4" />

		<post-id xmlns="com-wordpress:feed-additions:1">34861</post-id>	</item>
	</channel>
</rss>
