<!DOCTYPE html>
<html lang="fr">
<head>
<!--[if gt IE 9]><!-->
<script>//common/scripts.isml</script>
<script defer type="text/javascript" src="/on/demandware.static/Sites-PAR_World-Site/-/fr_TN/v1790316659347/js/main.js"></script>
<script defer type="text/javascript" src="/on/demandware.static/Sites-PAR_World-Site/-/fr_TN/v1790316659347/js/homePage.js"
>
</script>
<!--<![endif]-->
<meta charset=UTF-8>
<meta http-equiv="x-ua-compatible" content="ie=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<meta name="format-detection" content="telephone=no">
<title>Parfois Tunisie | Boutique en Ligne Officielle</title>
<!-- begin Convert Experiences code -->
<script type="text/javascript">
var _conv_page_type = "home";
var _conv_category_id = "null";
var _conv_category_name = "null";
var _conv_product_sku = "null";
var _conv_product_name = "null";
var _conv_product_price = "null";
</script>
<script defer src="//cdn-4.convertexperiments.com/v1/js/10043097-10047222.js"></script>
<!-- end Convert Experiences code -->
<meta name="description" content="Découvrez les dernières tendances en mode, sacs, bijoux et chaussures chez Parfois. Nouveaux styles chaque semaine. Livraison gratuite en magasin. Entrez !"/>
<meta name="keywords" content="PARFOIS"/>
<link rel="icon" type="image/png" href="/on/demandware.static/Sites-PAR_World-Site/-/default/dw7dc668e4/images/favicons/parfois-favicon.ico" sizes="196x196" />
<link rel="icon" type="image/png" href="/on/demandware.static/Sites-PAR_World-Site/-/default/dw7dc668e4/images/favicons/parfois-favicon.ico" sizes="96x96" />
<link rel="icon" type="image/png" href="/on/demandware.static/Sites-PAR_World-Site/-/default/dw7dc668e4/images/favicons/parfois-favicon.ico" sizes="32x32" />
<link rel="icon" type="image/png" href="/on/demandware.static/Sites-PAR_World-Site/-/default/dw7dc668e4/images/favicons/parfois-favicon.ico" sizes="16x16" />
<link rel="icon" type="image/png" href="/on/demandware.static/Sites-PAR_World-Site/-/default/dw7dc668e4/images/favicons/parfois-favicon.ico" sizes="128x128" />
<link rel="stylesheet" href="https://code.jquery.com/ui/1.13.2/themes/smoothness/jquery-ui.css" />
<link rel="stylesheet" href="/on/demandware.static/Sites-PAR_World-Site/-/fr_TN/v1790316659347/css/global.css" />
<link rel="stylesheet" href="/on/demandware.static/Sites-PAR_World-Site/-/fr_TN/v1790316659347/css/homePage.css" />
<meta name="google-site-verification" content="lcfndDROkQKSq-cOaGVwhAHsW6Kedf0fMYS2a-IrboQ" />
<script defer id="Cookiebot" src="https://consent.cookiebot.com/uc.js"
data-culture="fr"
data-cbid="e403024d-2507-4307-8609-8ec41a7b991c" async></script>
<script type="text/javascript">
var apiKey = "4de9fbe6-d643-442c-9e16-951ca587a0bf";
var baseURL = "sdk.fra-02.braze.eu";
var enableLogging = true;
var allowUserSuppliedJS = true;
+function(a,p,P,b,y){
a.braze={};a.brazeQueue=[];
for(var s="BrazeSdkMetadata DeviceProperties Card Card.prototype.dismissCard Card.prototype.removeAllSubscriptions Card.prototype.removeSubscription Card.prototype.subscribeToClickedEvent Card.prototype.subscribeToDismissedEvent Card.fromContentCardsJson ImageOnly CaptionedImage ClassicCard ControlCard ContentCards ContentCards.prototype.getUnviewedCardCount ControlMessage InAppMessage InAppMessage.SlideFrom InAppMessage.ClickAction InAppMessage.DismissType InAppMessage.OpenTarget InAppMessage.ImageStyle InAppMessage.Orientation InAppMessage.TextAlignment InAppMessage.CropType InAppMessage.prototype.closeMessage InAppMessage.prototype.removeAllSubscriptions InAppMessage.prototype.removeSubscription InAppMessage.prototype.subscribeToClickedEvent InAppMessage.prototype.subscribeToDismissedEvent InAppMessage.fromJson FullScreenMessage ModalMessage HtmlMessage SlideUpMessage User User.Genders User.NotificationSubscriptionTypes User.prototype.addAlias User.prototype.addToCustomAttributeArray User.prototype.addToSubscriptionGroup User.prototype.getUserId User.prototype.getUserId User.prototype.incrementCustomUserAttribute User.prototype.removeFromCustomAttributeArray User.prototype.removeFromSubscriptionGroup User.prototype.setCountry User.prototype.setCustomLocationAttribute User.prototype.setCustomUserAttribute User.prototype.setDateOfBirth User.prototype.setEmail User.prototype.setEmailNotificationSubscriptionType User.prototype.setFirstName User.prototype.setGender User.prototype.setHomeCity User.prototype.setLanguage User.prototype.setLastKnownLocation User.prototype.setLastName User.prototype.setPhoneNumber User.prototype.setPushNotificationSubscriptionType User.prototype.setLineId InAppMessageButton InAppMessageButton.prototype.removeAllSubscriptions InAppMessageButton.prototype.removeSubscription InAppMessageButton.prototype.subscribeToClickedEvent FeatureFlag FeatureFlag.prototype.getStringProperty FeatureFlag.prototype.getNumberProperty FeatureFlag.prototype.getBooleanProperty FeatureFlag.prototype.getImageProperty FeatureFlag.prototype.getJsonProperty FeatureFlag.prototype.getTimestampProperty Banner automaticallyShowInAppMessages hideContentCards showContentCards showInAppMessage deferInAppMessage toggleContentCards changeUser destroy getDeviceId getDeviceId initialize isPushBlocked isPushPermissionGranted isPushSupported logCardDismissal logContentCardImpressions logContentCardClick logCustomEvent logInAppMessageButtonClick logInAppMessageClick logInAppMessageHtmlClick logInAppMessageImpression logPurchase openSession requestPushPermission removeAllSubscriptions removeSubscription requestContentCardsRefresh refreshFeatureFlags requestImmediateDataFlush enableSDK isDisabled setLogger setSdkAuthenticationSignature addSdkMetadata disableSDK subscribeToContentCardsUpdates subscribeToInAppMessage subscribeToSdkAuthenticationFailures toggleLogging unregisterPush wipeData handleBrazeAction subscribeToFeatureFlagsUpdates getAllFeatureFlags logFeatureFlagImpression requestBannersRefresh insertBanner getAllBanners subscribeToBannersUpdates isInitialized".split(" "),i=0;i<s.length;i++){
for(var m=s[i],k=a.braze,l=m.split("."),j=0;j<l.length-1;j++)k=k[l[j]];
k[l[j]]=(new Function("return function "+m.replace(/\./g,"_")+"(){window.brazeQueue.push(arguments); return true}"))()
}
window.braze.getDeferredInAppMessage=function(){return new window.braze.InAppMessage};
window.braze.getCachedContentCards=function(){return new window.braze.ContentCards};
window.braze.getUser=function(){return new window.braze.User};
window.braze.getFeatureFlag=function(){return new window.braze.FeatureFlag};
window.braze.getBanner=function(){return new window.braze.Banner};
window.braze.newBannerFromJson=function(){return new window.braze.Banner};
(y=p.createElement(P)).type='text/javascript';
y.src='https://js.appboycdn.com/web-sdk/6.0/braze.min.js';
y.async=1;
(b=p.getElementsByTagName(P)[0]).parentNode.insertBefore(y,b)
}(window,document,'script');
function getExternalIdFromUrl() {
try {
var params = new URLSearchParams(window.location.search);
var externalId = params.get('sfmc_id');
return externalId && externalId.trim() ? externalId.trim() : null;
} catch (e) {
return null;
}
}
(function waitForCookiebotAndInitBraze() {
var maxAttempts = 20;
var attempts = 0;
var interval = setInterval(function () {
if (window.CookieConsent) {
clearInterval(interval);
// extract external_id from URL (sfmc_id) before initializing Braze
var externalIdFromUrl = getExternalIdFromUrl();
braze.initialize(apiKey, {
baseUrl: baseURL,
enableLogging: enableLogging,
allowUserSuppliedJavascript: allowUserSuppliedJS,
});
braze.automaticallyShowInAppMessages();
// identify the user before openSession() so the first session and
// all events are attributed to the existing identified profile
// and no anonymous braze_id is created for this visit
if (externalIdFromUrl) {
const currentUser = braze.getUser();
const currentUserId = currentUser.getUserId();
if (!currentUserId) {
try {
braze.changeUser(externalIdFromUrl);
} catch (e) {
console.warn('Braze changeUser from sfmc_id failed:', e);
}
}
}
braze.openSession();
window.braze = braze;
window.brazeReady = true;
document.dispatchEvent(new CustomEvent('braze:ready'));
} else if (++attempts >= maxAttempts) {
clearInterval(interval);
console.warn("Cookiebot did not load in time. Braze was not initialized.");
}
}, 250);
})();
</script>
<script>
var pageAction = 'homeshow';
window.dataLayer = window.dataLayer || [];
window.gtmEnabled = true;
var orderId = -1;
var dataLayerEvent = [];
var sessionLanguage = 'fr';
var sessionCountryCode = 'TN';
</script>
<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-T44F4S');</script>
<!-- End Google Tag Manager -->
<script defer src="/on/demandware.static/Sites-PAR_World-Site/-/fr_TN/v1790316659347/js/tagmanager.js"></script>
<!-- Marketing Cloud Analytics -->
<script type="text/javascript" src="//510003629.collect.igodigital.com/collect.js"></script>
<!-- End Marketing Cloud Analytics -->
<link rel="alternate" hreflang="x-default" href="https://www.parfois.com/en/gb/home/" />
<link rel="alternate" hreflang="es" href="https://www.parfois.com/es/es/home/" />
<link rel="alternate" hreflang="pt" href="https://www.parfois.com/pt/pt/home/" />
<link rel="alternate" hreflang="it" href="https://www.parfois.com/it/it/home/" />
<link rel="alternate" hreflang="fr" href="https://www.parfois.com/fr/fr/home/" />
<link rel="alternate" hreflang="en" href="https://www.parfois.com/en/gb/home/" />
<link rel="alternate" hreflang="pl" href="https://www.parfois.com/pl/pl/home/" />
<link rel="alternate" hreflang="de" href="https://www.parfois.com/de/de/home/" />
<link rel="alternate" hreflang="es-ad" href="https://www.parfois.com/es/ad/home/" />
<link rel="alternate" hreflang="en-ad" href="https://www.parfois.com/en/ad/home/" />
<link rel="alternate" hreflang="en-ae" href="https://www.parfois.com/en/ae/home/" />
<link rel="alternate" hreflang="ar-ae" href="https://www.parfois.com/en/ae/home/" />
<link rel="alternate" hreflang="en-al" href="https://www.parfois.com/en/al/home/" />
<link rel="alternate" hreflang="en-am" href="https://www.parfois.com/en/am/home/" />
<link rel="alternate" hreflang="en-ao" href="https://www.parfois.com/en/ao/home/" />
<link rel="alternate" hreflang="de-at" href="https://www.parfois.com/de/at/home/" />
<link rel="alternate" hreflang="en-at" href="https://www.parfois.com/en/at/home/" />
<link rel="alternate" hreflang="en-aw" href="https://www.parfois.com/en/aw/home/" />
<link rel="alternate" hreflang="en-az" href="https://www.parfois.com/en/az/home/" />
<link rel="alternate" hreflang="en-ba" href="https://www.parfois.com/en/ba/home/" />
<link rel="alternate" hreflang="fr-be" href="https://www.parfois.com/fr/be/home/" />
<link rel="alternate" hreflang="en-be" href="https://www.parfois.com/en/be/home/" />
<link rel="alternate" hreflang="en-bg" href="https://www.parfois.com/en/bg/home/" />
<link rel="alternate" hreflang="bg-bg" href="https://www.parfois.com/bg/bg/home/" />
<link rel="alternate" hreflang="en-bh" href="https://www.parfois.com/en/bh/home/" />
<link rel="alternate" hreflang="en-by" href="https://www.parfois.com/en/by/home/" />
<link rel="alternate" hreflang="it-ch" href="https://www.parfois.com/it/ch/home/" />
<link rel="alternate" hreflang="de-ch" href="https://www.parfois.com/de/ch/home/" />
<link rel="alternate" hreflang="fr-ch" href="https://www.parfois.com/fr/ch/home/" />
<link rel="alternate" hreflang="en-ch" href="https://www.parfois.com/en/ch/home/" />
<link rel="alternate" hreflang="es-cl" href="https://www.parfois.cl/" />
<link rel="alternate" hreflang="es-co" href="https://www.parfois.com/es/co/home/" />
<link rel="alternate" hreflang="en-co" href="https://www.parfois.com/en/co/home/" />
<link rel="alternate" hreflang="en-cr" href="https://www.parfois.com/en/cr/home/" />
<link rel="alternate" hreflang="es-cr" href="https://www.parfois.com/es/cr/home/" />
<link rel="alternate" hreflang="en-cw" href="https://www.parfois.com/en/cw/home/" />
<link rel="alternate" hreflang="en-cy" href="https://www.parfois.com/en/cy/home/" />
<link rel="alternate" hreflang="en-cz" href="https://www.parfois.com/en/cz/home/" />
<link rel="alternate" hreflang="de-de" href="https://www.parfois.com/de/de/home/" />
<link rel="alternate" hreflang="en-de" href="https://www.parfois.com/en/de/home/" />
<link rel="alternate" hreflang="en-dk" href="https://www.parfois.com/en/dk/home/" />
<link rel="alternate" hreflang="es-do" href="https://www.parfois.com/es/do/home/" />
<link rel="alternate" hreflang="en-do" href="https://www.parfois.com/en/do/home/" />
<link rel="alternate" hreflang="en-dz" href="https://www.parfois.com/en/dz/home/" />
<link rel="alternate" hreflang="fr-dz" href="https://www.parfois.com/fr/dz/home/" />
<link rel="alternate" hreflang="en-ec" href="https://www.parfois.com/en/ec/home/" />
<link rel="alternate" hreflang="es-ec" href="https://www.parfois.com/es/ec/home/" />
<link rel="alternate" hreflang="en-ee" href="https://www.parfois.com/en/ee/home/" />
<link rel="alternate" hreflang="en-eg" href="https://www.parfois.com/en/eg/home/" />
<link rel="alternate" hreflang="fr-eg" href="https://www.parfois.com/fr/eg/home/" />
<link rel="alternate" hreflang="es-es" href="https://www.parfois.com/es/es/home/" />
<link rel="alternate" hreflang="en-es" href="https://www.parfois.com/en/es/home/" />
<link rel="alternate" hreflang="ca-es" href="https://www.parfois.com/ca/es/home/" />
<link rel="alternate" hreflang="en-fi" href="https://www.parfois.com/en/fi/home/" />
<link rel="alternate" hreflang="fr-fr" href="https://www.parfois.com/fr/fr/home/" />
<link rel="alternate" hreflang="en-fr" href="https://www.parfois.com/en/fr/home/" />
<link rel="alternate" hreflang="en-gb" href="https://www.parfois.com/en/gb/home/" />
<link rel="alternate" hreflang="en-ge" href="https://www.parfois.com/en/ge/home/" />
<link rel="alternate" hreflang="en-gp" href="https://www.parfois.com/en/gp/home/" />
<link rel="alternate" hreflang="fr-gp" href="https://www.parfois.com/fr/gp/home/" />
<link rel="alternate" hreflang="en-gr" href="https://www.parfois.com/en/gr/home/" />
<link rel="alternate" hreflang="es-gt" href="https://www.parfois.com/es/gt/home/" />
<link rel="alternate" hreflang="en-gt" href="https://www.parfois.com/en/gt/home/" />
<link rel="alternate" hreflang="en-hn" href="https://www.parfois.com/en/hn/home/" />
<link rel="alternate" hreflang="es-hn" href="https://www.parfois.com/es/hn/home/" />
<link rel="alternate" hreflang="en-hr" href="https://www.parfois.com/en/hr/home/" />
<link rel="alternate" hreflang="en-hu" href="https://www.parfois.com/en/hu/home/" />
<link rel="alternate" hreflang="en-id" href="https://www.parfois.com/en/id/home/" />
<link rel="alternate" hreflang="en-ie" href="https://www.parfois.com/en/ie/home/" />
<link rel="alternate" hreflang="en-il" href="https://www.parfois.co.il/" />
<link rel="alternate" hreflang="en-iq" href="https://www.parfois.com/en/iq/home/" />
<link rel="alternate" hreflang="en-ir" href="https://www.parfois.com/en/ir/home/" />
<link rel="alternate" hreflang="it-it" href="https://www.parfois.com/it/it/home/" />
<link rel="alternate" hreflang="en-it" href="https://www.parfois.com/en/it/home/" />
<link rel="alternate" hreflang="en-jo" href="https://www.parfois.com/en/jo/home/" />
<link rel="alternate" hreflang="en-kp" href="https://www.parfois.com/en/xk/home/" />
<link rel="alternate" hreflang="en-kw" href="https://www.parfois.com/en/kw/home/" />
<link rel="alternate" hreflang="en-lb" href="https://www.parfois.com/en/lb/home/" />
<link rel="alternate" hreflang="fr-lb" href="https://www.parfois.com/fr/lb/home/" />
<link rel="alternate" hreflang="en-lt" href="https://www.parfois.com/en/lt/home/" />
<link rel="alternate" hreflang="fr-lu" href="https://www.parfois.com/fr/lu/home/" />
<link rel="alternate" hreflang="en-lu" href="https://www.parfois.com/en/lu/home/" />
<link rel="alternate" hreflang="de-lu" href="https://www.parfois.com/de/lu/home/" />
<link rel="alternate" hreflang="en-lv" href="https://www.parfois.com/en/lv/home/" />
<link rel="alternate" hreflang="fr-ma" href="www.parfois.ma" />
<link rel="alternate" hreflang="en-ma" href="www.parfois.ma" />
<link rel="alternate" hreflang="en-me" href="https://www.parfois.com/en/me/home/" />
<link rel="alternate" hreflang="en-mk" href="https://www.parfois.com/en/mk/home/" />
<link rel="alternate" hreflang="fr-mq" href="https://www.parfois.com/fr/mq/home/" />
<link rel="alternate" hreflang="en-mq" href="https://www.parfois.com/en/mq/home/" />
<link rel="alternate" hreflang="en-mt" href="https://www.parfois.com/en/mt/home/" />
<link rel="alternate" hreflang="fr-mu" href="https://www.parfois.com/fr/mu/home/" />
<link rel="alternate" hreflang="en-mu" href="https://www.parfois.com/en/mu/home/" />
<link rel="alternate" hreflang="es-mx" href="https://www.parfois.com/es/mx/home/" />
<link rel="alternate" hreflang="en-mx" href="https://www.parfois.com/en/mx/home/" />
<link rel="alternate" hreflang="en-mz" href="https://www.parfois.com/en/mz/home/" />
<link rel="alternate" hreflang="en-nl" href="https://www.parfois.com/en/nl/home/" />
<link rel="alternate" hreflang="en-om" href="https://www.parfois.com/en/om/home/" />
<link rel="alternate" hreflang="es-pa" href="https://www.parfois.com/es/pa/home/" />
<link rel="alternate" hreflang="en-pa" href="https://www.parfois.com/en/pa/home/" />
<link rel="alternate" hreflang="es-pe" href="https://www.parfois.pe/" />
<link rel="alternate" hreflang="en-pe" href="https://www.parfois.pe/" />
<link rel="alternate" hreflang="en-ph" href="https://www.parfois.com/en/ph/home/" />
<link rel="alternate" hreflang="pl-pl" href="https://www.parfois.com/pl/pl/home/" />
<link rel="alternate" hreflang="en-pl" href="https://www.parfois.com/en/pl/home/" />
<link rel="alternate" hreflang="en-pr" href="https://parfoispuertorico.com/" />
<link rel="alternate" hreflang="es-pr" href="https://parfoispuertorico.com/" />
<link rel="alternate" hreflang="pt-pt" href="https://www.parfois.com/pt/pt/home/" />
<link rel="alternate" hreflang="en-pt" href="https://www.parfois.com/en/pt/home/" />
<link rel="alternate" hreflang="es-py" href="https://www.parfois.com.py/" />
<link rel="alternate" hreflang="en-py" href="https://www.parfois.com.py/" />
<link rel="alternate" hreflang="en-qa" href="https://www.parfois.com/en/qa/home/" />
<link rel="alternate" hreflang="fr-re" href="https://www.parfois.com/fr/re/home/" />
<link rel="alternate" hreflang="en-re" href="https://www.parfois.com/en/re/home/" />
<link rel="alternate" hreflang="en-ro" href="https://www.parfois.com/en/ro/home/" />
<link rel="alternate" hreflang="ro-ro" href="https://www.parfois.com/ro/ro/home/" />
<link rel="alternate" hreflang="en-rs" href="https://www.parfois.com/en/rs/home/" />
<link rel="alternate" hreflang="en-sa" href="https://fashion.sa/" />
<link rel="alternate" hreflang="en-se" href="https://www.parfois.com/en/se/home/" />
<link rel="alternate" hreflang="en-si" href="https://www.parfois.com/en/si/home/" />
<link rel="alternate" hreflang="en-sk" href="https://www.parfois.com/en/sk/home/" />
<link rel="alternate" hreflang="fr-tn" href="https://www.parfois.com/fr/tn/home/" />
<link rel="alternate" hreflang="en-tn" href="https://www.parfois.com/en/tn/home/" />
<link rel="alternate" hreflang="en-tr" href="https://www.parfois.com.tr/" />
<link rel="alternate" hreflang="en-tt" href="https://www.parfois.com/en/tt/home/" />
<link rel="alternate" hreflang="fr-tt" href="https://www.parfois.com/fr/tt/home/" />
<link rel="alternate" hreflang="en-ua" href="https://www.parfois.com/en/ua/home/" />
<link rel="alternate" hreflang="en-us" href="https://www.parfois.com/en/us/home/" />
<link rel="alternate" hreflang="es-ve" href="https://www.parfois.com/es/ve/home/" />
<link rel="alternate" hreflang="en-ve" href="https://www.parfois.com/en/ve/home/" />
<link rel="alternate" hreflang="en-vn" href="https://www.parfois.com/en/vn/home/" />
<link rel="alternate" hreflang="en-za" href="https://www.parfois.com/en/za/home/" />
<meta property="og:type" content="website" />
<meta property="og:title" content="Parfois Tunisie | Boutique en Ligne Officielle" />
<meta property="og:locale" content="fr_TN" />
<meta property="twitter:card" content="summary_large_image" />
<meta property="og:description" content="Découvrez les dernières tendances en mode, sacs, bijoux et chaussures chez Parfois. Nouveaux styles chaque semaine. Livraison gratuite en magasin. Entrez !" />
<script>
window.preload = window.preload || {};
window.preload.locale = 'fr_TN';
window.preload.country = 'TN';
window.preload.language = 'fr';
</script>
<script>
window.preload = window.preload || {};
window.preload.grecaptcha = {
enabled: true,
apiKey: '6Le1u6YlAAAAAMcbltBcINQEn8_NABUPKwpKe8ej',
};
</script>
<link rel="canonical" href="https://www.parfois.com/fr/tn/home/"/>
<script type="text/javascript">//<!--
/* <![CDATA[ (head-active_data.js) */
var dw = (window.dw || {});
dw.ac = {
_analytics: null,
_events: [],
_category: "",
_searchData: "",
_anact: "",
_anact_nohit_tag: "",
_analytics_enabled: "true",
_timeZone: "Etc/UTC",
_capture: function(configs) {
if (Object.prototype.toString.call(configs) === "[object Array]") {
configs.forEach(captureObject);
return;
}
dw.ac._events.push(configs);
},
capture: function() {
dw.ac._capture(arguments);
// send to CQ as well:
if (window.CQuotient) {
window.CQuotient.trackEventsFromAC(arguments);
}
},
EV_PRD_SEARCHHIT: "searchhit",
EV_PRD_DETAIL: "detail",
EV_PRD_RECOMMENDATION: "recommendation",
EV_PRD_SETPRODUCT: "setproduct",
applyContext: function(context) {
if (typeof context === "object" && context.hasOwnProperty("category")) {
dw.ac._category = context.category;
}
if (typeof context === "object" && context.hasOwnProperty("searchData")) {
dw.ac._searchData = context.searchData;
}
},
setDWAnalytics: function(analytics) {
dw.ac._analytics = analytics;
},
eventsIsEmpty: function() {
return 0 == dw.ac._events.length;
}
};
/* ]]> */
// -->
</script>
<script type="text/javascript">//<!--
/* <![CDATA[ (head-cquotient.js) */
var CQuotient = window.CQuotient = {};
CQuotient.clientId = 'bbkr-PAR_World';
CQuotient.realm = 'BBKR';
CQuotient.siteId = 'PAR_World';
CQuotient.instanceType = 'prd';
CQuotient.locale = 'fr_TN';
CQuotient.fbPixelId = '__UNKNOWN__';
CQuotient.activities = [];
CQuotient.cqcid='';
CQuotient.cquid='';
CQuotient.cqeid='';
CQuotient.cqlid='';
CQuotient.apiHost='api.cquotient.com';
/* Turn this on to test against Staging Einstein */
/* CQuotient.useTest= true; */
CQuotient.useTest = ('true' === 'false');
CQuotient.initFromCookies = function () {
var ca = document.cookie.split(';');
for(var i=0;i < ca.length;i++) {
var c = ca[i];
while (c.charAt(0)==' ') c = c.substring(1,c.length);
if (c.indexOf('cqcid=') == 0) {
CQuotient.cqcid=c.substring('cqcid='.length,c.length);
} else if (c.indexOf('cquid=') == 0) {
var value = c.substring('cquid='.length,c.length);
if (value) {
var split_value = value.split("|", 3);
if (split_value.length > 0) {
CQuotient.cquid=split_value[0];
}
if (split_value.length > 1) {
CQuotient.cqeid=split_value[1];
}
if (split_value.length > 2) {
CQuotient.cqlid=split_value[2];
}
}
}
}
}
CQuotient.getCQCookieId = function () {
if(window.CQuotient.cqcid == '')
window.CQuotient.initFromCookies();
return window.CQuotient.cqcid;
};
CQuotient.getCQUserId = function () {
if(window.CQuotient.cquid == '')
window.CQuotient.initFromCookies();
return window.CQuotient.cquid;
};
CQuotient.getCQHashedEmail = function () {
if(window.CQuotient.cqeid == '')
window.CQuotient.initFromCookies();
return window.CQuotient.cqeid;
};
CQuotient.getCQHashedLogin = function () {
if(window.CQuotient.cqlid == '')
window.CQuotient.initFromCookies();
return window.CQuotient.cqlid;
};
CQuotient.trackEventsFromAC = function (/* Object or Array */ events) {
try {
if (Object.prototype.toString.call(events) === "[object Array]") {
events.forEach(_trackASingleCQEvent);
} else {
CQuotient._trackASingleCQEvent(events);
}
} catch(err) {}
};
CQuotient._trackASingleCQEvent = function ( /* Object */ event) {
if (event && event.id) {
if (event.type === dw.ac.EV_PRD_DETAIL) {
CQuotient.trackViewProduct( {id:'', alt_id: event.id, type: 'raw_sku'} );
} // not handling the other dw.ac.* events currently
}
};
CQuotient.trackViewProduct = function(/* Object */ cqParamData){
var cq_params = {};
cq_params.cookieId = CQuotient.getCQCookieId();
cq_params.userId = CQuotient.getCQUserId();
cq_params.emailId = CQuotient.getCQHashedEmail();
cq_params.loginId = CQuotient.getCQHashedLogin();
cq_params.product = cqParamData.product;
cq_params.realm = cqParamData.realm;
cq_params.siteId = cqParamData.siteId;
cq_params.instanceType = cqParamData.instanceType;
cq_params.locale = CQuotient.locale;
if(CQuotient.sendActivity) {
CQuotient.sendActivity(CQuotient.clientId, 'viewProduct', cq_params);
} else {
CQuotient.activities.push({activityType: 'viewProduct', parameters: cq_params});
}
};
/* ]]> */
// -->
</script>
<!-- Organization Schema -->
<script type="application/ld+json">
{
"@context": "http://schema.org/",
"@type": "Organization",
"@id": "https://www.parfois.com/#organization",
"name": "Parfois",
"url": "https://www.parfois.com/on/demandware.store/Sites-PAR_World-Site/fr_TN/Home-Show?srsltid=AU7gw4VWizglj789dilGkXzt2vXwNERck_ApvYAeO9BjnsWKgeKw-oof",
"foundingDate": "1994",
"foundingLocation": {
"@type": "Place",
"address": {
"@type": "PostalAddress",
"addressLocality": "Porto",
"addressCountry": {
"@type": "Country",
"name": "Portugal"
}
}
},
"founders": [
{
"@type": "Person",
"name": "Manuela Medeiros"
}
],
"sameAs": [
"https://www.facebook.com/parfois",
"https://www.instagram.com/parfois",
"https://www.linkedin.com/company/parfois",
"https://www.pinterest.com/parfoisofficial",
"https://www.tiktok.com/@parfoisofficial",
"https://x.com/parfois_",
"https://www.youtube.com/parfois"
],
"brand": {
"@type": "Brand",
"name": "Parfois",
"logo": "https://www.parfois.com/on/demandware.static/Sites-PAR_World-Site/-/default/dw37b71a74/images/logo.svg",
"url": "https://www.parfois.com"
},
"areaServed": {
"@type": "Country",
"name": "Tunisia"
}
}
</script>
<!-- Clothing Store Schema -->
<script type="application/ld+json">
{
"@context": "http://schema.org/",
"@type": "ClothingStore",
"name": "Parfois",
"image": "https://www.parfois.com/on/demandware.static/Sites-PAR_World-Site/-/default/dw37b71a74/images/logo.svg",
"description": "Découvrez les dernières tendances en mode, sacs, bijoux et chaussures chez Parfois. Nouveaux styles chaque semaine. Livraison gratuite en magasin. Entrez !",
"address": {
"@type": "PostalAddress",
"streetAddress": "Rua do Sistelo 755",
"addressLocality": "Rio Tinto",
"addressRegion": "Porto",
"postalCode": "4435-452",
"addressCountry": {
"@type": "Country",
"name": "PT"
}
}
}
</script>
<!-- Organization Array (Alternative Structure) Schema -->
<script type="application/ld+json">
{
"@context": "http://schema.org/",
"@type": "OnlineBusiness",
"@id": "https://www.parfois.com/#onlinebusiness",
"name": "Parfois",
"url": "https://www.parfois.com/fr/tn/home/",
"logo": "https://www.parfois.com/on/demandware.static/Sites-PAR_World-Site/-/default/dw37b71a74/images/logo.svg",
"description": "Découvrez les dernières tendances en mode, sacs, bijoux et chaussures chez Parfois. Nouveaux styles chaque semaine. Livraison gratuite en magasin. Entrez !",
"sameAs": [
"https://www.facebook.com/parfois",
"https://www.instagram.com/parfois",
"https://www.linkedin.com/company/parfois",
"https://www.pinterest.com/parfoisofficial",
"https://www.tiktok.com/@parfoisofficial",
"https://x.com/parfois_",
"https://www.youtube.com/parfois"
],
"brand": {
"@type": "Brand",
"name": "Parfois",
"url": "https://www.parfois.com"
},
"parentOrganization": {
"@id": "https://www.parfois.com/#organization"
}
}
</script>
</head>
<body
class="par-Home-Show"
data-gtm-accept-url="/on/demandware.store/Sites-PAR_World-Site/fr_TN/GTM-CookiesConsent"
data-gtm-reject-url="/on/demandware.store/Sites-PAR_World-Site/fr_TN/GTM-CookiesReject"
data-wishlist-items-url="/on/demandware.store/Sites-PAR_World-Site/fr_TN/Wishlist-GetProductIds"
>
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-T44F4S"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
<header class="par-header--transparent">
<a href="#maincontent" class="skip" aria-label="Aller au contenu principal">Aller au contenu principal</a>
<a href="#footercontent" class="skip" aria-label="Passer au contenu du pied de page">Passer au contenu du pied de page</a>
<div class="par-banner--container par-banner--static" id="parHeaderBannerStatic">
<div class="par-banner--link">
<a id="message-home" href="https://www.parfois.com/fr/tn/new-in/" target="_self" tabindex="0"></a>
</div>
<div class="par-banner--close d-none">
<button aria-label="Close banner" class="js_banner-close">
<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewbox="0 0 15 15" fill="none">
<path d="M2.25 2.25L12.75 12.75M2.25 12.75C2.55 12.45 9.375 5.625 12.75 2.25" stroke="#212427" stroke-linecap="round" />
</svg>
</button>
</div>
</div>
<script>
document.addEventListener('DOMContentLoaded', function () {
// Se não existir a variável sessionCountryCode, criar a variável a partir de outra já existente (CQuotient.locale.slice(-2))
if (typeof sessionCountryCode === 'undefined') {
var sessionCountryCode = CQuotient.locale.slice(-2);
}
// 1. Idioma atual do documento (já vem em minúsculas, só o idioma, ex: "pt")
const supportedLangs = ['pt', 'es', 'ca', 'fr', 'it', 'de', 'pl', 'ro', 'bg', 'en'];
const rawLang = document.documentElement.lang;
const currentLang = supportedLangs.includes(rawLang) ? rawLang : 'en';
// 2. Nomes de todos os países. "en" está sempre presente.
// Só se adiciona outro idioma quando esse idioma é oficial/principal no próprio país/território.
const countryTranslations = {
AF: { en: 'Afghanistan' },
AL: { en: 'Albania' },
DZ: { en: 'Algeria' },
AD: { en: 'Andorra', ca: 'Andorra' },
AO: { en: 'Angola', pt: 'Angola' },
AG: { en: 'Antigua and Barbuda' },
AR: { en: 'Argentina', es: 'Argentina' },
AM: { en: 'Armenia' },
AW: { en: 'Aruba' },
AU: { en: 'Australia' },
AT: { en: 'Austria', de: 'Österreich' },
AZ: { en: 'Azerbaijan' },
BS: { en: 'Bahamas' },
BH: { en: 'Bahrain' },
BD: { en: 'Bangladesh' },
BB: { en: 'Barbados' },
BY: { en: 'Belarus' },
BE: { en: 'Belgium', fr: 'Belgique', de: 'Belgien' },
BZ: { en: 'Belize' },
BJ: { en: 'Benin', fr: 'Bénin' },
BT: { en: 'Bhutan' },
BO: { en: 'Bolivia', es: 'Bolivia' },
BA: { en: 'Bosnia and Herzegovina' },
BW: { en: 'Botswana' },
BR: { en: 'Brazil', pt: 'Brasil' },
BN: { en: 'Brunei' },
BG: { en: 'Bulgaria', bg: 'България' },
BF: { en: 'Burkina Faso', fr: 'Burkina Faso' },
BI: { en: 'Burundi', fr: 'Burundi' },
CV: { en: 'Cabo Verde', pt: 'Cabo Verde' },
KH: { en: 'Cambodia' },
CM: { en: 'Cameroon', fr: 'Cameroun' },
CA: { en: 'Canada', fr: 'Canada' },
CF: { en: 'Central African Republic', fr: 'République centrafricaine' },
TD: { en: 'Chad', fr: 'Tchad' },
CL: { en: 'Chile', es: 'Chile' },
CN: { en: 'China' },
CO: { en: 'Colombia', es: 'Colombia' },
KM: { en: 'Comoros', fr: 'Comores' },
CG: { en: 'Congo', fr: 'Congo' },
CD: { en: 'DR Congo', fr: 'République démocratique du Congo' },
CR: { en: 'Costa Rica', es: 'Costa Rica' },
HR: { en: 'Croatia' },
CU: { en: 'Cuba', es: 'Cuba' },
CW: { en: 'Curaçao' },
CY: { en: 'Cyprus' },
CZ: { en: 'Czech Republic' },
DK: { en: 'Denmark' },
DJ: { en: 'Djibouti', fr: 'Djibouti' },
DM: { en: 'Dominica' },
DO: { en: 'Dominican Republic', es: 'República Dominicana' },
EC: { en: 'Ecuador', es: 'Ecuador' },
EG: { en: 'Egypt' },
SV: { en: 'El Salvador', es: 'El Salvador' },
GQ: { en: 'Equatorial Guinea', es: 'Guinea Ecuatorial', fr: 'Guinée équatoriale', pt: 'Guiné Equatorial' },
ER: { en: 'Eritrea' },
EE: { en: 'Estonia' },
SZ: { en: 'Eswatini' },
ET: { en: 'Ethiopia' },
FJ: { en: 'Fiji' },
FI: { en: 'Finland' },
FR: { en: 'France', fr: 'France' },
GA: { en: 'Gabon', fr: 'Gabon' },
GM: { en: 'Gambia' },
GE: { en: 'Georgia' },
DE: { en: 'Germany', de: 'Deutschland' },
GH: { en: 'Ghana' },
GR: { en: 'Greece' },
GD: { en: 'Grenada' },
GP: { en: 'Guadeloupe', fr: 'Guadeloupe' },
GT: { en: 'Guatemala', es: 'Guatemala' },
GN: { en: 'Guinea', fr: 'Guinée' },
GW: { en: 'Guinea-Bissau', pt: 'Guiné-Bissau' },
GY: { en: 'Guyana' },
HT: { en: 'Haiti', fr: 'Haïti' },
HN: { en: 'Honduras', es: 'Honduras' },
HU: { en: 'Hungary' },
IS: { en: 'Iceland' },
IN: { en: 'India' },
ID: { en: 'Indonesia' },
IR: { en: 'Iran' },
IQ: { en: 'Iraq' },
IE: { en: 'Ireland' },
IL: { en: 'Israel' },
IT: { en: 'Italy', it: 'Italia' },
CI: { en: 'Ivory Coast', fr: "Côte d'Ivoire" },
JM: { en: 'Jamaica' },
JP: { en: 'Japan' },
JO: { en: 'Jordan' },
KZ: { en: 'Kazakhstan' },
KE: { en: 'Kenya' },
KI: { en: 'Kiribati' },
XK: { en: 'Kosovo' },
KW: { en: 'Kuwait' },
KG: { en: 'Kyrgyzstan' },
LA: { en: 'Laos' },
LV: { en: 'Latvia' },
LB: { en: 'Lebanon' },
LS: { en: 'Lesotho' },
LR: { en: 'Liberia' },
LY: { en: 'Libya' },
LI: { en: 'Liechtenstein', de: 'Liechtenstein' },
LT: { en: 'Lithuania' },
LU: { en: 'Luxembourg', fr: 'Luxembourg', de: 'Luxemburg' },
MG: { en: 'Madagascar', fr: 'Madagascar' },
MW: { en: 'Malawi' },
MY: { en: 'Malaysia' },
MV: { en: 'Maldives' },
ML: { en: 'Mali', fr: 'Mali' },
MT: { en: 'Malta' },
MH: { en: 'Marshall Islands' },
MQ: { en: 'Martinique', fr: 'Martinique' },
MR: { en: 'Mauritania' },
MU: { en: 'Mauritius' },
MX: { en: 'Mexico', es: 'México' },
FM: { en: 'Micronesia' },
MD: { en: 'Moldova', ro: 'Republica Moldova' },
MC: { en: 'Monaco', fr: 'Monaco' },
MN: { en: 'Mongolia' },
ME: { en: 'Montenegro' },
MA: { en: 'Morocco' },
MZ: { en: 'Mozambique', pt: 'Moçambique' },
MM: { en: 'Myanmar' },
NA: { en: 'Namibia' },
NR: { en: 'Nauru' },
NP: { en: 'Nepal' },
NL: { en: 'Netherlands' },
NZ: { en: 'New Zealand' },
NI: { en: 'Nicaragua', es: 'Nicaragua' },
NE: { en: 'Niger', fr: 'Niger' },
NG: { en: 'Nigeria' },
KP: { en: 'North Korea' },
MK: { en: 'North Macedonia' },
NO: { en: 'Norway' },
OM: { en: 'Oman' },
PK: { en: 'Pakistan' },
PW: { en: 'Palau' },
PS: { en: 'Palestine' },
PA: { en: 'Panama', es: 'Panamá' },
PG: { en: 'Papua New Guinea' },
PY: { en: 'Paraguay', es: 'Paraguay' },
PE: { en: 'Peru', es: 'Perú' },
PH: { en: 'Philippines' },
PL: { en: 'Poland', pl: 'Polska' },
PT: { en: 'Portugal', pt: 'Portugal' },
PR: { en: 'Puerto Rico', es: 'Puerto Rico' },
QA: { en: 'Qatar' },
RE: { en: 'Réunion', fr: 'Réunion' },
RO: { en: 'Romania', ro: 'România' },
RU: { en: 'Russia' },
RW: { en: 'Rwanda', fr: 'Rwanda' },
KN: { en: 'Saint Kitts and Nevis' },
LC: { en: 'Saint Lucia' },
VC: { en: 'Saint Vincent and the Grenadines' },
WS: { en: 'Samoa' },
SM: { en: 'San Marino', it: 'San Marino' },
ST: { en: 'Sao Tome and Principe', pt: 'São Tomé e Príncipe' },
SA: { en: 'Saudi Arabia' },
SN: { en: 'Senegal', fr: 'Sénégal' },
RS: { en: 'Serbia' },
SC: { en: 'Seychelles', fr: 'Seychelles' },
SL: { en: 'Sierra Leone' },
SG: { en: 'Singapore' },
SK: { en: 'Slovakia' },
SI: { en: 'Slovenia' },
SB: { en: 'Solomon Islands' },
SO: { en: 'Somalia' },
ZA: { en: 'South Africa' },
KR: { en: 'South Korea' },
SS: { en: 'South Sudan' },
ES: { en: 'Spain', es: 'España' },
LK: { en: 'Sri Lanka' },
SD: { en: 'Sudan' },
SR: { en: 'Suriname' },
SE: { en: 'Sweden' },
CH: { en: 'Switzerland', fr: 'Suisse', de: 'Schweiz', it: 'Svizzera' },
SY: { en: 'Syria' },
TW: { en: 'Taiwan' },
TJ: { en: 'Tajikistan' },
TZ: { en: 'Tanzania' },
TH: { en: 'Thailand' },
TL: { en: 'Timor-Leste', pt: 'Timor-Leste' },
TG: { en: 'Togo', fr: 'Togo' },
TO: { en: 'Tonga' },
TT: { en: 'Trinidad and Tobago' },
TN: { en: 'Tunisia' },
TR: { en: 'Turkey' },
TM: { en: 'Turkmenistan' },
TV: { en: 'Tuvalu' },
UG: { en: 'Uganda' },
UA: { en: 'Ukraine' },
AE: { en: 'United Arab Emirates' },
GB: { en: 'United Kingdom' },
US: { en: 'United States' },
UY: { en: 'Uruguay', es: 'Uruguay' },
UZ: { en: 'Uzbekistan' },
VU: { en: 'Vanuatu', fr: 'Vanuatu' },
VA: { en: 'Vatican City', it: 'Città del Vaticano' },
VE: { en: 'Venezuela', es: 'Venezuela' },
VN: { en: 'Vietnam' },
YE: { en: 'Yemen' },
ZM: { en: 'Zambia' },
ZW: { en: 'Zimbabwe' },
};
function getCountryFullName(code, lang) {
const entry = countryTranslations[code];
if (!entry) return code; // código desconhecido -> fallback no próprio código
return entry[lang] || entry.en || code;
}
// 3. Mensagens traduzidas por idioma do site
const messages = {
en: {
noStore: (c) => `Online shopping is not yet available in ${c}. Explore our collection and stay tuned.`,
hasStore: (c) => `Online shopping is not currently available in ${c}. Visit your nearest Parfois store to discover our collection.`,
},
pt: {
noStore: (c) => `As compras online ainda não estão disponíveis em ${c}. Explore a nossa coleção e fique atento(a).`,
hasStore: (c) => `As compras online não estão atualmente disponíveis em ${c}. Visite a loja Parfois mais próxima para descobrir a nossa coleção.`,
},
es: {
noStore: (c) => `Las compras online todavía no están disponibles en ${c}. Explora nuestra colección y mantente atento/a.`,
hasStore: (c) => `Las compras online no están disponibles actualmente en ${c}. Visita tu tienda Parfois más cercana para descubrir nuestra colección.`,
},
ca: {
noStore: (c) => `Les compres en línia encara no estan disponibles a ${c}. Explora la nostra col·lecció i estigues atent/a.`,
hasStore: (c) => `Les compres en línia no estan disponibles actualment a ${c}. Visita la teva botiga Parfois més propera per descobrir la nostra col·lecció.`,
},
fr: {
noStore: (c) => `Les achats en ligne ne sont pas encore disponibles pour ${c}. Découvrez notre collection et restez à l'écoute.`,
hasStore: (c) => `Les achats en ligne ne sont actuellement pas disponibles pour ${c}. Rendez-vous dans votre magasin Parfois le plus proche pour découvrir notre collection.`,
},
it: {
noStore: (c) => `Lo shopping online non è ancora disponibile in ${c}. Scopri la nostra collezione e resta sintonizzato/a.`,
hasStore: (c) => `Lo shopping online non è attualmente disponibile in ${c}. Visita il tuo negozio Parfois più vicino per scoprire la nostra collezione.`,
},
de: {
noStore: (c) => `Online-Shopping ist in ${c} noch nicht verfügbar. Entdecken Sie unsere Kollektion und bleiben Sie dran.`,
hasStore: (c) => `Online-Shopping ist derzeit in ${c} nicht verfügbar. Besuchen Sie Ihr nächstes Parfois-Geschäft, um unsere Kollektion zu entdecken.`,
},
pl: {
noStore: (c) => `Zakupy online nie są jeszcze dostępne w ${c}. Poznaj naszą kolekcję i bądź na bieżąco.`,
hasStore: (c) => `Zakupy online nie są obecnie dostępne w ${c}. Odwiedź najbliższy sklep Parfois, aby poznać naszą kolekcję.`,
},
ro: {
noStore: (c) => `Cumpărăturile online nu sunt încă disponibile în ${c}. Descoperă colecția noastră și rămâi conectat(ă).`,
hasStore: (c) => `Cumpărăturile online nu sunt momentan disponibile în ${c}. Vizitează cel mai apropiat magazin Parfois pentru a descoperi colecția noastră.`,
},
bg: {
noStore: (c) => `Пазаруването онлайн все още не е налично в ${c}. Разгледайте нашата колекция и очаквайте новини.`,
hasStore: (c) => `Пазаруването онлайн понастоящем не е налично в ${c}. Посетете най-близкия магазин Parfois, за да разгледате нашата колекция.`,
},
};
// 4. Lógica final
// Lista anterior + lista atualizada, sem duplicados
const countriesPhysicalStores = ['BE', 'FR', 'HU', 'IE', 'IT', 'LU', 'MX', 'PL', 'PT', 'RO', 'ES', 'CH', 'AE', 'CL', 'TR', 'AO', 'AL', 'DZ', 'AM', 'AW', 'AZ', 'BH', 'BY', 'BA', 'CO', 'CR', 'HR', 'CW', 'CY', 'DO', 'EC', 'EG', 'GE', 'GR', 'GP', 'GT', 'HN', 'ID', 'IQ', 'IL', 'JO', 'XK', 'KW', 'LB', 'MT', 'MQ', 'MU', 'ME', 'MA', 'MK', 'OM', 'PA', 'PY', 'PE', 'PH', 'PR', 'QA', 'RE', 'SA', 'RS', 'TT', 'TN', 'UA', 'VE'];
const countriesFullName = getCountryFullName(sessionCountryCode, currentLang);
const hasPhysicalStore = countriesPhysicalStores.includes(sessionCountryCode);
const dynamicMessage = hasPhysicalStore ? messages[currentLang].hasStore(countriesFullName) : messages[currentLang].noStore(countriesFullName);
// 5. Inserir a mensagem dinâmica no elemento HTML
const messageElementHomepage = document.querySelector('#message-home');
messageElementHomepage.innerHTML = dynamicMessage;
var headerBanner = document.querySelector('#parHeaderBannerStatic');
var HeaderBannerHidden = sessionStorage.getItem('HeaderBannerStaticHidden');
if (HeaderBannerHidden) {
headerBanner.classList.add('d-none');
}
if (!window.location.href.includes('home') && !headerBanner.classList.contains('d-none')) {
headerBanner.classList.add('d-none');
}
if (!headerBanner.classList.contains('d-none')) {
document.addEventListener('scroll', function () {
if (!window.scrollY) {
document.querySelector('.navbar-header').classList.add('par-banner--visible-static');
} else {
document.querySelector('.navbar-header').classList.remove('par-banner--visible-static');
}
});
}
});
</script>
<script>
// Hide the global header from the homepage
document.addEventListener('DOMContentLoaded', function () {
const bannerGlobal = document.getElementById('parHeaderBannerSticky');
if (bannerGlobal) {
bannerGlobal.remove();
}
});
</script>
<style>
.par-banner--container {
background-color: #efefef !important;
color: #212427 !important;
}
.par-banner--link {
font-size: 13px;
line-height: normal;
letter-spacing: 0px;
/* text-transform: uppercase; */
text-decoration: none !important;
}
.par-banner--link:hover {
text-decoration: underline;
}
.js_banner-close {
background-color: inherit !important;
}
#message-home.active {
opacity: 1;
transition: opacity 1s;
}
#message-home {
opacity: 1;
transition: opacity 1s;
}
/* NOVA CLASSE PARA O PESO DA FONTE */
.font-weight-500 {
font-weight: 500;
}
</style>
<div class="navbar-header js-header-fixed" role="navigation">
<div class="par-banner--container par-banner--sticky" id="parHeaderBannerSticky">
<div class="par-banner--link">
<a id="message" href="https://www.parfois.com/fr/tn/new-in/" target="_self" tabindex="0" title="New In"></a>
</div>
<div class="par-banner--close d-none">
<button aria-label="Close banner" class="js_banner-close">
<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewbox="0 0 15 15" fill="none">
<path d="M2.25 2.25L12.75 12.75M2.25 12.75C2.55 12.45 9.375 5.625 12.75 2.25" stroke="#212427" stroke-linecap="round" />
</svg>
</button>
</div>
</div>
<script>
document.addEventListener('DOMContentLoaded', function () {
// Se não existir a variável sessionCountryCode, criar a variável a partir de outra já existente (CQuotient.locale.slice(-2))
if (typeof sessionCountryCode === 'undefined') {
var sessionCountryCode = CQuotient.locale.slice(-2);
}
// 1. Idioma atual do documento (já vem em minúsculas, só o idioma, ex: "pt")
const supportedLangsGlobal = ['pt', 'es', 'ca', 'fr', 'it', 'de', 'pl', 'ro', 'bg', 'en'];
const rawLangGlobal = document.documentElement.lang;
const currentLangGlobal = supportedLangsGlobal.includes(rawLangGlobal) ? rawLangGlobal : 'en';
// 2. Nomes de todos os países. "en" está sempre presente.
// Só se adiciona outro idioma quando esse idioma é oficial/principal no próprio país/território.
const countryTranslationsGlobal = {
AF: { en: 'Afghanistan' },
AL: { en: 'Albania' },
DZ: { en: 'Algeria' },
AD: { en: 'Andorra', ca: 'Andorra' },
AO: { en: 'Angola', pt: 'Angola' },
AG: { en: 'Antigua and Barbuda' },
AR: { en: 'Argentina', es: 'Argentina' },
AM: { en: 'Armenia' },
AW: { en: 'Aruba' },
AU: { en: 'Australia' },
AT: { en: 'Austria', de: 'Österreich' },
AZ: { en: 'Azerbaijan' },
BS: { en: 'Bahamas' },
BH: { en: 'Bahrain' },
BD: { en: 'Bangladesh' },
BB: { en: 'Barbados' },
BY: { en: 'Belarus' },
BE: { en: 'Belgium', fr: 'Belgique', de: 'Belgien' },
BZ: { en: 'Belize' },
BJ: { en: 'Benin', fr: 'Bénin' },
BT: { en: 'Bhutan' },
BO: { en: 'Bolivia', es: 'Bolivia' },
BA: { en: 'Bosnia and Herzegovina' },
BW: { en: 'Botswana' },
BR: { en: 'Brazil', pt: 'Brasil' },
BN: { en: 'Brunei' },
BG: { en: 'Bulgaria', bg: 'България' },
BF: { en: 'Burkina Faso', fr: 'Burkina Faso' },
BI: { en: 'Burundi', fr: 'Burundi' },
CV: { en: 'Cabo Verde', pt: 'Cabo Verde' },
KH: { en: 'Cambodia' },
CM: { en: 'Cameroon', fr: 'Cameroun' },
CA: { en: 'Canada', fr: 'Canada' },
CF: { en: 'Central African Republic', fr: 'République centrafricaine' },
TD: { en: 'Chad', fr: 'Tchad' },
CL: { en: 'Chile', es: 'Chile' },
CN: { en: 'China' },
CO: { en: 'Colombia', es: 'Colombia' },
KM: { en: 'Comoros', fr: 'Comores' },
CG: { en: 'Congo', fr: 'Congo' },
CD: { en: 'DR Congo', fr: 'République démocratique du Congo' },
CR: { en: 'Costa Rica', es: 'Costa Rica' },
HR: { en: 'Croatia' },
CU: { en: 'Cuba', es: 'Cuba' },
CW: { en: 'Curaçao' },
CY: { en: 'Cyprus' },
CZ: { en: 'Czech Republic' },
DK: { en: 'Denmark' },
DJ: { en: 'Djibouti', fr: 'Djibouti' },
DM: { en: 'Dominica' },
DO: { en: 'Dominican Republic', es: 'República Dominicana' },
EC: { en: 'Ecuador', es: 'Ecuador' },
EG: { en: 'Egypt' },
SV: { en: 'El Salvador', es: 'El Salvador' },
GQ: { en: 'Equatorial Guinea', es: 'Guinea Ecuatorial', fr: 'Guinée équatoriale', pt: 'Guiné Equatorial' },
ER: { en: 'Eritrea' },
EE: { en: 'Estonia' },
SZ: { en: 'Eswatini' },
ET: { en: 'Ethiopia' },
FJ: { en: 'Fiji' },
FI: { en: 'Finland' },
FR: { en: 'France', fr: 'France' },
GA: { en: 'Gabon', fr: 'Gabon' },
GM: { en: 'Gambia' },
GE: { en: 'Georgia' },
DE: { en: 'Germany', de: 'Deutschland' },
GH: { en: 'Ghana' },
GR: { en: 'Greece' },
GD: { en: 'Grenada' },
GP: { en: 'Guadeloupe', fr: 'Guadeloupe' },
GT: { en: 'Guatemala', es: 'Guatemala' },
GN: { en: 'Guinea', fr: 'Guinée' },
GW: { en: 'Guinea-Bissau', pt: 'Guiné-Bissau' },
GY: { en: 'Guyana' },
HT: { en: 'Haiti', fr: 'Haïti' },
HN: { en: 'Honduras', es: 'Honduras' },
HU: { en: 'Hungary' },
IS: { en: 'Iceland' },
IN: { en: 'India' },
ID: { en: 'Indonesia' },
IR: { en: 'Iran' },
IQ: { en: 'Iraq' },
IE: { en: 'Ireland' },
IL: { en: 'Israel' },
IT: { en: 'Italy', it: 'Italia' },
CI: { en: 'Ivory Coast', fr: "Côte d'Ivoire" },
JM: { en: 'Jamaica' },
JP: { en: 'Japan' },
JO: { en: 'Jordan' },
KZ: { en: 'Kazakhstan' },
KE: { en: 'Kenya' },
KI: { en: 'Kiribati' },
XK: { en: 'Kosovo' },
KW: { en: 'Kuwait' },
KG: { en: 'Kyrgyzstan' },
LA: { en: 'Laos' },
LV: { en: 'Latvia' },
LB: { en: 'Lebanon' },
LS: { en: 'Lesotho' },
LR: { en: 'Liberia' },
LY: { en: 'Libya' },
LI: { en: 'Liechtenstein', de: 'Liechtenstein' },
LT: { en: 'Lithuania' },
LU: { en: 'Luxembourg', fr: 'Luxembourg', de: 'Luxemburg' },
MG: { en: 'Madagascar', fr: 'Madagascar' },
MW: { en: 'Malawi' },
MY: { en: 'Malaysia' },
MV: { en: 'Maldives' },
ML: { en: 'Mali', fr: 'Mali' },
MT: { en: 'Malta' },
MH: { en: 'Marshall Islands' },
MQ: { en: 'Martinique', fr: 'Martinique' },
MR: { en: 'Mauritania' },
MU: { en: 'Mauritius' },
MX: { en: 'Mexico', es: 'México' },
FM: { en: 'Micronesia' },
MD: { en: 'Moldova', ro: 'Republica Moldova' },
MC: { en: 'Monaco', fr: 'Monaco' },
MN: { en: 'Mongolia' },
ME: { en: 'Montenegro' },
MA: { en: 'Morocco' },
MZ: { en: 'Mozambique', pt: 'Moçambique' },
MM: { en: 'Myanmar' },
NA: { en: 'Namibia' },
NR: { en: 'Nauru' },
NP: { en: 'Nepal' },
NL: { en: 'Netherlands' },
NZ: { en: 'New Zealand' },
NI: { en: 'Nicaragua', es: 'Nicaragua' },
NE: { en: 'Niger', fr: 'Niger' },
NG: { en: 'Nigeria' },
KP: { en: 'North Korea' },
MK: { en: 'North Macedonia' },
NO: { en: 'Norway' },
OM: { en: 'Oman' },
PK: { en: 'Pakistan' },
PW: { en: 'Palau' },
PS: { en: 'Palestine' },
PA: { en: 'Panama', es: 'Panamá' },
PG: { en: 'Papua New Guinea' },
PY: { en: 'Paraguay', es: 'Paraguay' },
PE: { en: 'Peru', es: 'Perú' },
PH: { en: 'Philippines' },
PL: { en: 'Poland', pl: 'Polska' },
PT: { en: 'Portugal', pt: 'Portugal' },
PR: { en: 'Puerto Rico', es: 'Puerto Rico' },
QA: { en: 'Qatar' },
RE: { en: 'Réunion', fr: 'Réunion' },
RO: { en: 'Romania', ro: 'România' },
RU: { en: 'Russia' },
RW: { en: 'Rwanda', fr: 'Rwanda' },
KN: { en: 'Saint Kitts and Nevis' },
LC: { en: 'Saint Lucia' },
VC: { en: 'Saint Vincent and the Grenadines' },
WS: { en: 'Samoa' },
SM: { en: 'San Marino', it: 'San Marino' },
ST: { en: 'Sao Tome and Principe', pt: 'São Tomé e Príncipe' },
SA: { en: 'Saudi Arabia' },
SN: { en: 'Senegal', fr: 'Sénégal' },
RS: { en: 'Serbia' },
SC: { en: 'Seychelles', fr: 'Seychelles' },
SL: { en: 'Sierra Leone' },
SG: { en: 'Singapore' },
SK: { en: 'Slovakia' },
SI: { en: 'Slovenia' },
SB: { en: 'Solomon Islands' },
SO: { en: 'Somalia' },
ZA: { en: 'South Africa' },
KR: { en: 'South Korea' },
SS: { en: 'South Sudan' },
ES: { en: 'Spain', es: 'España' },
LK: { en: 'Sri Lanka' },
SD: { en: 'Sudan' },
SR: { en: 'Suriname' },
SE: { en: 'Sweden' },
CH: { en: 'Switzerland', fr: 'Suisse', de: 'Schweiz', it: 'Svizzera' },
SY: { en: 'Syria' },
TW: { en: 'Taiwan' },
TJ: { en: 'Tajikistan' },
TZ: { en: 'Tanzania' },
TH: { en: 'Thailand' },
TL: { en: 'Timor-Leste', pt: 'Timor-Leste' },
TG: { en: 'Togo', fr: 'Togo' },
TO: { en: 'Tonga' },
TT: { en: 'Trinidad and Tobago' },
TN: { en: 'Tunisia' },
TR: { en: 'Turkey' },
TM: { en: 'Turkmenistan' },
TV: { en: 'Tuvalu' },
UG: { en: 'Uganda' },
UA: { en: 'Ukraine' },
AE: { en: 'United Arab Emirates' },
GB: { en: 'United Kingdom' },
US: { en: 'United States' },
UY: { en: 'Uruguay', es: 'Uruguay' },
UZ: { en: 'Uzbekistan' },
VU: { en: 'Vanuatu', fr: 'Vanuatu' },
VA: { en: 'Vatican City', it: 'Città del Vaticano' },
VE: { en: 'Venezuela', es: 'Venezuela' },
VN: { en: 'Vietnam' },
YE: { en: 'Yemen' },
ZM: { en: 'Zambia' },
ZW: { en: 'Zimbabwe' },
};
function getCountryFullName(code, lang) {
const entryGlobal = countryTranslationsGlobal[code];
if (!entryGlobal) return code; // código desconhecido -> fallback no próprio código
return entryGlobal[lang] || entryGlobal.en || code;
}
// 3. Mensagens traduzidas por idioma do site
const messagesGlobal = {
en: {
noStore: (c) => `Online shopping is not yet available in ${c}. Explore our collection and stay tuned.`,
hasStore: (c) => `Online shopping is not currently available in ${c}. Visit your nearest Parfois store to discover our collection.`,
},
pt: {
noStore: (c) => `As compras online ainda não estão disponíveis em ${c}. Explore a nossa coleção e fique atento(a).`,
hasStore: (c) => `As compras online não estão atualmente disponíveis em ${c}. Visite a loja Parfois mais próxima para descobrir a nossa coleção.`,
},
es: {
noStore: (c) => `Las compras online todavía no están disponibles en ${c}. Explora nuestra colección y mantente atento/a.`,
hasStore: (c) => `Las compras online no están disponibles actualmente en ${c}. Visita tu tienda Parfois más cercana para descubrir nuestra colección.`,
},
ca: {
noStore: (c) => `Les compres en línia encara no estan disponibles a ${c}. Explora la nostra col·lecció i estigues atent/a.`,
hasStore: (c) => `Les compres en línia no estan disponibles actualment a ${c}. Visita la teva botiga Parfois més propera per descobrir la nostra col·lecció.`,
},
fr: {
noStore: (c) => `Les achats en ligne ne sont pas encore disponibles pour ${c}. Découvrez notre collection et restez à l'écoute.`,
hasStore: (c) => `Les achats en ligne ne sont actuellement pas disponibles pour ${c}. Rendez-vous dans votre magasin Parfois le plus proche pour découvrir notre collection.`,
},
it: {
noStore: (c) => `Lo shopping online non è ancora disponibile in ${c}. Scopri la nostra collezione e resta sintonizzato/a.`,
hasStore: (c) => `Lo shopping online non è attualmente disponibile in ${c}. Visita il tuo negozio Parfois più vicino per scoprire la nostra collezione.`,
},
de: {
noStore: (c) => `Online-Shopping ist in ${c} noch nicht verfügbar. Entdecken Sie unsere Kollektion und bleiben Sie dran.`,
hasStore: (c) => `Online-Shopping ist derzeit in ${c} nicht verfügbar. Besuchen Sie Ihr nächstes Parfois-Geschäft, um unsere Kollektion zu entdecken.`,
},
pl: {
noStore: (c) => `Zakupy online nie są jeszcze dostępne w ${c}. Poznaj naszą kolekcję i bądź na bieżąco.`,
hasStore: (c) => `Zakupy online nie są obecnie dostępne w ${c}. Odwiedź najbliższy sklep Parfois, aby poznać naszą kolekcję.`,
},
ro: {
noStore: (c) => `Cumpărăturile online nu sunt încă disponibile în ${c}. Descoperă colecția noastră și rămâi conectat(ă).`,
hasStore: (c) => `Cumpărăturile online nu sunt momentan disponibile în ${c}. Vizitează cel mai apropiat magazin Parfois pentru a descoperi colecția noastră.`,
},
bg: {
noStore: (c) => `Пазаруването онлайн все още не е налично в ${c}. Разгледайте нашата колекция и очаквайте новини.`,
hasStore: (c) => `Пазаруването онлайн понастоящем не е налично в ${c}. Посетете най-близкия магазин Parfois, за да разгледате нашата колекция.`,
},
};
// 4. Lógica final
// Lista anterior + lista atualizada, sem duplicados
const countriesPhysicalStoresGlobal = ['BE', 'FR', 'HU', 'IE', 'IT', 'LU', 'MX', 'PL', 'PT', 'RO', 'ES', 'CH', 'AE', 'CL', 'TR', 'AO', 'AL', 'DZ', 'AM', 'AW', 'AZ', 'BH', 'BY', 'BA', 'CO', 'CR', 'HR', 'CW', 'CY', 'DO', 'EC', 'EG', 'GE', 'GR', 'GP', 'GT', 'HN', 'ID', 'IQ', 'IL', 'JO', 'XK', 'KW', 'LB', 'MT', 'MQ', 'MU', 'ME', 'MA', 'MK', 'OM', 'PA', 'PY', 'PE', 'PH', 'PR', 'QA', 'RE', 'SA', 'RS', 'TT', 'TN', 'UA', 'VE'];
const countriesFullNameGlobal = getCountryFullName(sessionCountryCode, currentLangGlobal);
const hasPhysicalStoreGlobal = countriesPhysicalStoresGlobal.includes(sessionCountryCode);
const dynamicMessageGlobal = hasPhysicalStoreGlobal ? messagesGlobal[currentLangGlobal].hasStore(countriesFullNameGlobal) : messagesGlobal[currentLangGlobal].noStore(countriesFullNameGlobal);
// 5. Inserir a mensagem dinâmica no elemento HTML
const messageElement = document.querySelector('#message');
messageElement.innerHTML = dynamicMessageGlobal;
var headerBanner = document.querySelector('#parHeaderBannerSticky');
var HeaderBannerHidden = sessionStorage.getItem('HeaderBannerStickyHidden');
if (HeaderBannerHidden) {
headerBanner.classList.add('d-none');
}
if (window.location.href.includes('home') || window.location.href.includes('cart') || (window.location.href.includes('checkout') && !headerBanner.classList.contains('d-none'))) {
headerBanner.classList.add('d-none');
}
document.querySelector('.js_banner-close').addEventListener('click', function () {
headerBanner.classList.add('d-none');
sessionStorage.setItem('HeaderBannerStickyHidden', true);
});
});
</script>
<style>
.par-banner--container {
background-color: #efefef;
color: #212427 !important;
}
.par-banner--link {
font-size: 13px;
line-height: normal;
letter-spacing: 0.5px;
/* text-transform: uppercase; */
text-decoration: none;
display: inline-block;
padding-bottom: 0px;
background-image: linear-gradient(#212437 0 0);
background-position: bottom left;
/*OR bottom right*/
background-size: 0% 1px;
background-repeat: no-repeat;
transition:
background-size 0.3s,
background-position 0s 0.3s;
/*change after the size immediately*/
}
.par-banner--link:hover {
background-position: bottom right;
/*OR bottom left*/
background-size: 100% 1px;
text-decoration: none !important;
}
.par-banner--link > *:hover {
text-decoration: none !important;
}
.js_banner-close {
background-color: #efefef;
}
#message.active {
opacity: 1;
transition: opacity 1s;
}
#message {
opacity: 1;
transition: opacity 1s;
}
/* Fix Global CSS */
.par-banner--sticky {
transform: translateY(0) !important;
}
.highlight {
font-weight: 500;
}
</style>
<div class="header header-fix">
<div class="row">
<div class="col-6 col-lg-4 col-categories-menu">
<button class="open-menu-btn" type="button" aria-controls="panelMenu" aria-expanded="false" aria-label="Ouvrir le menu" data-panel="true" data-parent="parPanelMenu">
<i class="par-icon par-icon__icon-menu"></i>
</button>
<div class="par-panel par-panel__left" id="parPanelMenu" aria-hidden="true">
<div class="par-panel--header">
<div class="par-panel--header-container">
<div class="header-menu-mobile d-lg-none">
<div class="btn-cart">
<div class="minicart-total hide-link-med">
<span class="minicart-link"
title="{0} articles dans le panier"
aria-label="{0} articles dans le panier" aria-haspopup="true"
data-panel="true" data-parent="parPanelMinicart">
<i class="par-icon par-icon__icon-cart"></i>
<span class="minicart-quantity">
</span>
<span class="par-minicart-label">Panier</span>
</span>
</div>
<div class="minicart-total hide-no-link">
<div class="position-relative d-flex" data-panel="true" data-parent="parPanelMinicart">
<i class="par-icon par-icon__icon-cart"></i>
<span class="minicart-quantity">
</span>
</div>
</div>
</div>
</div>
</div>
<div class="par-panel--close clearfix">
<div class="close-button pull-right">
<button class="close" role="button"
aria-label="Fermer le menu">
<svg class="par-icon par-icon__icon-close" >
<use href="/on/demandware.static/Sites-PAR_World-Site/-/default/dw14c229b5/images/icons/icons.svg#icon-close"/>
</svg>
</button>
</div>
</div>
</div>
<div class="par-panel--body">
<div class="search-button-container">
<button type="submit" name="search-button" class="search-button-menu" aria-label="Submit search keywords"
>
<i class="par-icon par-icon__icon-search"></i>
<span class="search-placeholder">RECHERCHE</span>
</button>
</div>
<div class="main-menu multilevel-dropdown" id="sg-navbar-collapse">
<nav class="navbar bg-inverse col-12">
<div class="menu-group" role="navigation">
<ul class="nav navbar-nav" role="menu">
<li class="nav-item"
role="presentation"
style="color: #212427; background-color: #FFFFFF; --subcategory-color: #212427">
<a href="/fr/tn/cuir/"
id="3145"
class="nav-link js_menu-link"
role="link"
data-datalayer-name="Cuir"
tabindex="0"
title="Cuir"
style="color: #212427; background-color: #FFFFFF; padding: 8px 0 0; margin-bottom: 8px"
>
Cuir
</a>
</li>
<li class="nav-item"
role="presentation"
style="color: #212427; background-color: #FFFFFF; --subcategory-color: #212427">
<a href="/fr/tn/new-in/"
id="1"
class="nav-link js_menu-link"
role="link"
data-datalayer-name="New In"
tabindex="0"
title="New In"
style="color: #212427; background-color: #FFFFFF; padding: 8px 0 0; margin-bottom: 8px"
>
New In
</a>
</li>
<li class="nav-item dropdown-menu-category"
role="presentation"
style="color: #212427; background-color: #FFFFFF; --subcategory-color: #212427"
data-expanded="false">
<a href="/fr/tn/sacs/"
id="2"
class="nav-link dropdown-menu-toggle"
data-datalayer-name="Sacs"
role="button"
data-toggle="dropdown"
aria-haspopup="true"
aria-expanded="false"
tabindex="0"
title="Sacs"
style="color: #212427; background-color: #FFFFFF; padding: 8px 0 0; margin-bottom: 8px"
>
Sacs
</a>
<ul class="dropdown-menu js_menu-parent"
data-datalayer-name="Sacs"
role="menu" aria-hidden="true"
aria-label="2">
<li class="dropdown-item" role="presentation">
<a href="/fr/tn/sacs/tout-voir/"
id="102"
role="menuitem"
class="dropdown-link js_menu-link"
data-datalayer-name="Tout Voir"
tabindex="0"
title="Tout Voir"
style="color: #212427; background-color: #FFFFFF; background-image: linear-gradient(#212427 0 0)">
Tout Voir
</a>
</li>
<li class="dropdown-item" role="presentation">
<a href="/fr/tn/sacs/sacs-en-cuir/"
id="2365"
role="menuitem"
class="dropdown-link js_menu-link"
data-datalayer-name="Sacs en Cuir"
tabindex="0"
title="Sacs en Cuir"
style="color: #212427; background-color: #FFFFFF; background-image: linear-gradient(#212427 0 0)">
Sacs en Cuir
</a>
</li>
<li class="dropdown-item" role="presentation">
<a href="/fr/tn/sacs/shoppers/"
id="103"
role="menuitem"
class="dropdown-link js_menu-link"
data-datalayer-name="Shoppers"
tabindex="0"
title="Shoppers"
style="color: #212427; background-color: #FFFFFF; background-image: linear-gradient(#212427 0 0)">
Shoppers
</a>
</li>
<li class="dropdown-item" role="presentation">
<a href="/fr/tn/sacs/sacs-ordinateurs/"
id="104"
role="menuitem"
class="dropdown-link js_menu-link"
data-datalayer-name="Sacs Ordinateurs"
tabindex="0"
title="Sacs Ordinateurs"
style="color: #212427; background-color: #FFFFFF; background-image: linear-gradient(#212427 0 0)">
Sacs Ordinateurs
</a>
</li>
<li class="dropdown-item" role="presentation">
<a href="/fr/tn/sacs/sacs-portes-epaule/"
id="990"
role="menuitem"
class="dropdown-link js_menu-link"
data-datalayer-name="Sacs Portés Épaule"
tabindex="0"
title="Sacs Portés Épaule"
style="color: #212427; background-color: #FFFFFF; background-image: linear-gradient(#212427 0 0)">
Sacs Portés Épaule
</a>
</li>
<li class="dropdown-item" role="presentation">
<a href="/fr/tn/sacs/sacs-a-dos/"
id="106"
role="menuitem"
class="dropdown-link js_menu-link"
data-datalayer-name="Sacs à Dos"
tabindex="0"
title="Sacs à Dos"
style="color: #212427; background-color: #FFFFFF; background-image: linear-gradient(#212427 0 0)">
Sacs à Dos
</a>
</li>
<li class="dropdown-item" role="presentation">
<a href="/fr/tn/sacs/sacs-a-bandouli%C3%A8re/"
id="105"
role="menuitem"
class="dropdown-link js_menu-link"
data-datalayer-name="Sacs à Bandoulière"
tabindex="0"
title="Sacs à Bandoulière"
style="color: #212427; background-color: #FFFFFF; background-image: linear-gradient(#212427 0 0)">
Sacs à Bandoulière
</a>
</li>
<li class="dropdown-item" role="presentation">
<a href="/fr/tn/sacs/sacs-de-soiree/"
id="115"
role="menuitem"
class="dropdown-link js_menu-link"
data-datalayer-name="Sacs de Soirée"
tabindex="0"
title="Sacs de Soirée"
style="color: #212427; background-color: #FFFFFF; background-image: linear-gradient(#212427 0 0)">
Sacs de Soirée
</a>
</li>
<li class="dropdown-item" role="presentation">
<a href="/fr/tn/sacs/sacs-portes-main/"
id="991"
role="menuitem"
class="dropdown-link js_menu-link"
data-datalayer-name="Sacs Portés Main"
tabindex="0"
title="Sacs Portés Main"
style="color: #212427; background-color: #FFFFFF; background-image: linear-gradient(#212427 0 0)">
Sacs Portés Main
</a>
</li>
<li class="dropdown-item" role="presentation">
<a href="/fr/tn/sacs/grands-sacs/"
id="992"
role="menuitem"
class="dropdown-link js_menu-link"
data-datalayer-name="Grands Sacs"
tabindex="0"
title="Grands Sacs"
style="color: #212427; background-color: #FFFFFF; background-image: linear-gradient(#212427 0 0)">
Grands Sacs
</a>
</li>
<li class="dropdown-item" role="presentation">
<a href="/fr/tn/sacs/petits-sacs/"
id="993"
role="menuitem"
class="dropdown-link js_menu-link"
data-datalayer-name="Petits Sacs"
tabindex="0"
title="Petits Sacs"
style="color: #212427; background-color: #FFFFFF; background-image: linear-gradient(#212427 0 0)">
Petits Sacs
</a>
</li>
</ul>
</li>
<li class="nav-item dropdown-menu-category"
role="presentation"
style="color: #212427; background-color: #FFFFFF; --subcategory-color: #212427"
data-expanded="false">
<a href="/fr/tn/vetements/"
id="3"
class="nav-link dropdown-menu-toggle"
data-datalayer-name="Vêtements"
role="button"
data-toggle="dropdown"
aria-haspopup="true"
aria-expanded="false"
tabindex="0"
title="Vêtements"
style="color: #212427; background-color: #FFFFFF; padding: 8px 0 0; margin-bottom: 8px"
>
Vêtements
</a>
<ul class="dropdown-menu js_menu-parent"
data-datalayer-name="Vêtements"
role="menu" aria-hidden="true"
aria-label="3">
<li class="dropdown-item" role="presentation">
<a href="/fr/tn/vetements/tout-voir/"
id="82"
role="menuitem"
class="dropdown-link js_menu-link"
data-datalayer-name="Tout Voir"
tabindex="0"
title="Tout Voir"
style="color: #212427; background-color: #FFFFFF; background-image: linear-gradient(#212427 0 0)">
Tout Voir
</a>
</li>
<li class="dropdown-item" role="presentation">
<a href="/fr/tn/vetements/cuir/"
id="2974"
role="menuitem"
class="dropdown-link js_menu-link"
data-datalayer-name="Cuir"
tabindex="0"
title="Cuir"
style="color: #212427; background-color: #FFFFFF; background-image: linear-gradient(#212427 0 0)">
Cuir
</a>
</li>
<li class="dropdown-item" role="presentation">
<a href="/fr/tn/vetements/manteaux-et-vestes/"
id="91"
role="menuitem"
class="dropdown-link js_menu-link"
data-datalayer-name="Manteaux et Vestes"
tabindex="0"
title="Manteaux et Vestes"
style="color: #212427; background-color: #FFFFFF; background-image: linear-gradient(#212427 0 0)">
Manteaux et Vestes
</a>
</li>
<li class="dropdown-item" role="presentation">
<a href="/fr/tn/vetements/parkas/"
id="2704"
role="menuitem"
class="dropdown-link js_menu-link"
data-datalayer-name="Parkas"
tabindex="0"
title="Parkas"
style="color: #212427; background-color: #FFFFFF; background-image: linear-gradient(#212427 0 0)">
Parkas
</a>
</li>
<li class="dropdown-item" role="presentation">
<a href="/fr/tn/vetements/maille/tout-voir/"
class="dropdown-link js_menu-link"
role="button"
data-datalayer-name="Maille"
tabindex="0"
title="Maille"
style="color: #212427; background-color: #FFFFFF; background-image: linear-gradient(#212427 0 0)">
Maille
</a>
</li>
<li class="dropdown-item" role="presentation">
<a href="/fr/tn/vetements/pulls-et-cardigan/"
id="1037"
role="menuitem"
class="dropdown-link js_menu-link"
data-datalayer-name="Pulls Et Cardigan"
tabindex="0"
title="Pulls Et Cardigan"
style="color: #212427; background-color: #FFFFFF; background-image: linear-gradient(#212427 0 0)">
Pulls Et Cardigan
</a>
</li>
<li class="dropdown-item" role="presentation">
<a href="/fr/tn/vetements/cachemire/"
id="1075"
role="menuitem"
class="dropdown-link js_menu-link"
data-datalayer-name="Cachemire"
tabindex="0"
title="Cachemire"
style="color: #212427; background-color: #FFFFFF; background-image: linear-gradient(#212427 0 0)">
Cachemire
</a>
</li>
<li class="dropdown-item" role="presentation">
<a href="/fr/tn/vetements/robes/tout-voir/"
class="dropdown-link js_menu-link"
role="button"
data-datalayer-name="Robes"
tabindex="0"
title="Robes"
style="color: #212427; background-color: #FFFFFF; background-image: linear-gradient(#212427 0 0)">
Robes
</a>
</li>
<li class="dropdown-item" role="presentation">
<a href="/fr/tn/vetements/ensembles/"
id="2436"
role="menuitem"
class="dropdown-link js_menu-link"
data-datalayer-name="Ensembles"
tabindex="0"
title="Ensembles"
style="color: #212427; background-color: #FFFFFF; background-image: linear-gradient(#212427 0 0)">
Ensembles
</a>
</li>
<li class="dropdown-item" role="presentation">
<a href="/fr/tn/vetements/pantalons/"
id="92"
role="menuitem"
class="dropdown-link js_menu-link"
data-datalayer-name="Pantalons"
tabindex="0"
title="Pantalons"
style="color: #212427; background-color: #FFFFFF; background-image: linear-gradient(#212427 0 0)">
Pantalons
</a>
</li>
<li class="dropdown-item" role="presentation">
<a href="/fr/tn/vetements/chemises/"
id="84"
role="menuitem"
class="dropdown-link js_menu-link"
data-datalayer-name="Chemises"
tabindex="0"
title="Chemises"
style="color: #212427; background-color: #FFFFFF; background-image: linear-gradient(#212427 0 0)">
Chemises
</a>
</li>
<li class="dropdown-item" role="presentation">
<a href="/fr/tn/vetements/tops-et-t-shirts/"
id="85"
role="menuitem"
class="dropdown-link js_menu-link"
data-datalayer-name="Tops et T-shirts"
tabindex="0"
title="Tops et T-shirts"
style="color: #212427; background-color: #FFFFFF; background-image: linear-gradient(#212427 0 0)">
Tops et T-shirts
</a>
</li>
<li class="dropdown-item" role="presentation">
<a href="/fr/tn/vetements/jupes-et-shorts/"
id="2702"
role="menuitem"
class="dropdown-link js_menu-link"
data-datalayer-name="Jupes et Shorts"
tabindex="0"
title="Jupes et Shorts"
style="color: #212427; background-color: #FFFFFF; background-image: linear-gradient(#212427 0 0)">
Jupes et Shorts
</a>
</li>
<li class="dropdown-item" role="presentation">
<a href="/fr/tn/vetements/sweat-shirts/"
id="1036"
role="menuitem"
class="dropdown-link js_menu-link"
data-datalayer-name="Sweat-shirts"
tabindex="0"
title="Sweat-shirts"
style="color: #212427; background-color: #FFFFFF; background-image: linear-gradient(#212427 0 0)">
Sweat-shirts
</a>
</li>
<li class="dropdown-item" role="presentation">
<a href="/fr/tn/vetements/ponchos-et-kimonos/"
id="90"
role="menuitem"
class="dropdown-link js_menu-link"
data-datalayer-name="Ponchos et Kimonos"
tabindex="0"
title="Ponchos et Kimonos"
style="color: #212427; background-color: #FFFFFF; background-image: linear-gradient(#212427 0 0)">
Ponchos et Kimonos
</a>
</li>
</ul>
</li>
<li class="nav-item dropdown-menu-category"
role="presentation"
style="color: #212427; background-color: #FFFFFF; --subcategory-color: #212427"
data-expanded="false">
<a href="/fr/tn/chaussures/"
id="4"
class="nav-link dropdown-menu-toggle"
data-datalayer-name="Chaussures"
role="button"
data-toggle="dropdown"
aria-haspopup="true"
aria-expanded="false"
tabindex="0"
title="Chaussures"
style="color: #212427; background-color: #FFFFFF; padding: 8px 0 0; margin-bottom: 8px"
>
Chaussures
</a>
<ul class="dropdown-menu js_menu-parent"
data-datalayer-name="Chaussures"
role="menu" aria-hidden="true"
aria-label="4">
<li class="dropdown-item" role="presentation">
<a href="/fr/tn/chaussures/tout-voir/"
id="75"
role="menuitem"
class="dropdown-link js_menu-link"
data-datalayer-name="Tout Voir"
tabindex="0"
title="Tout Voir"
style="color: #212427; background-color: #FFFFFF; background-image: linear-gradient(#212427 0 0)">
Tout Voir
</a>
</li>
<li class="dropdown-item" role="presentation">
<a href="/fr/tn/chaussures/cuir/"
id="2900"
role="menuitem"
class="dropdown-link js_menu-link"
data-datalayer-name="Cuir"
tabindex="0"
title="Cuir"
style="color: #212427; background-color: #FFFFFF; background-image: linear-gradient(#212427 0 0)">
Cuir
</a>
</li>
<li class="dropdown-item" role="presentation">
<a href="/fr/tn/chaussures/ballerines/"
id="76"
role="menuitem"
class="dropdown-link js_menu-link"
data-datalayer-name="Ballerines"
tabindex="0"
title="Ballerines"
style="color: #212427; background-color: #FFFFFF; background-image: linear-gradient(#212427 0 0)">
Ballerines
</a>
</li>
<li class="dropdown-item" role="presentation">
<a href="/fr/tn/chaussures/chaussures-plates/"
id="635"
role="menuitem"
class="dropdown-link js_menu-link"
data-datalayer-name="Chaussures Plates"
tabindex="0"
title="Chaussures Plates"
style="color: #212427; background-color: #FFFFFF; background-image: linear-gradient(#212427 0 0)">
Chaussures Plates
</a>
</li>
<li class="dropdown-item" role="presentation">
<a href="/fr/tn/chaussures/baskets/"
id="80"
role="menuitem"
class="dropdown-link js_menu-link"
data-datalayer-name="Baskets"
tabindex="0"
title="Baskets"
style="color: #212427; background-color: #FFFFFF; background-image: linear-gradient(#212427 0 0)">
Baskets
</a>
</li>
<li class="dropdown-item" role="presentation">
<a href="/fr/tn/chaussures/sandales-plates/"
id="2737"
role="menuitem"
class="dropdown-link js_menu-link"
data-datalayer-name="Sandales Plates"
tabindex="0"
title="Sandales Plates"
style="color: #212427; background-color: #FFFFFF; background-image: linear-gradient(#212427 0 0)">
Sandales Plates
</a>
</li>
<li class="dropdown-item" role="presentation">
<a href="/fr/tn/chaussures/sandales-a-talons/"
id="2736"
role="menuitem"
class="dropdown-link js_menu-link"
data-datalayer-name="Sandales à Talons"
tabindex="0"
title="Sandales à Talons"
style="color: #212427; background-color: #FFFFFF; background-image: linear-gradient(#212427 0 0)">
Sandales à Talons
</a>
</li>
<li class="dropdown-item" role="presentation">
<a href="/fr/tn/chaussures/bottes-et-bottines/"
id="77"
role="menuitem"
class="dropdown-link js_menu-link"
data-datalayer-name="Bottes et Bottines"
tabindex="0"
title="Bottes et Bottines"
style="color: #212427; background-color: #FFFFFF; background-image: linear-gradient(#212427 0 0)">
Bottes et Bottines
</a>
</li>
</ul>
</li>
<li class="nav-item dropdown-menu-category"
role="presentation"
style="color: #212427; background-color: #FFFFFF; --subcategory-color: #212427"
data-expanded="false">
<a href="/fr/tn/bijoux/"
id="5"
class="nav-link dropdown-menu-toggle"
data-datalayer-name="Bijoux"
role="button"
data-toggle="dropdown"
aria-haspopup="true"
aria-expanded="false"
tabindex="0"
title="Bijoux"
style="color: #212427; background-color: #FFFFFF; padding: 8px 0 0; margin-bottom: 8px"
>
Bijoux
</a>
<ul class="dropdown-menu js_menu-parent"
data-datalayer-name="Bijoux"
role="menu" aria-hidden="true"
aria-label="5">
<li class="dropdown-item" role="presentation">
<a href="/fr/tn/bijoux/tout-voir/"
id="53"
role="menuitem"
class="dropdown-link js_menu-link"
data-datalayer-name="Tout Voir"
tabindex="0"
title="Tout Voir"
style="color: #212427; background-color: #FFFFFF; background-image: linear-gradient(#212427 0 0)">
Tout Voir
</a>
</li>
<li class="dropdown-item" role="presentation">
<a href="/fr/tn/bijoux/boucles-d-oreilles/tout-voir/"
class="dropdown-link js_menu-link"
role="button"
data-datalayer-name="Boucles d'Oreilles"
tabindex="0"
title="Boucles d'Oreilles"
style="color: #212427; background-color: #FFFFFF; background-image: linear-gradient(#212427 0 0)">
Boucles d'Oreilles
</a>
</li>
<li class="dropdown-item" role="presentation">
<a href="/fr/tn/bijoux/colliers/tout-voir/"
class="dropdown-link js_menu-link"
role="button"
data-datalayer-name="Colliers"
tabindex="0"
title="Colliers"
style="color: #212427; background-color: #FFFFFF; background-image: linear-gradient(#212427 0 0)">
Colliers
</a>
</li>
<li class="dropdown-item" role="presentation">
<a href="/fr/tn/bijoux/bagues/"
id="57"
role="menuitem"
class="dropdown-link js_menu-link"
data-datalayer-name="Bagues"
tabindex="0"
title="Bagues"
style="color: #212427; background-color: #FFFFFF; background-image: linear-gradient(#212427 0 0)">
Bagues
</a>
</li>
<li class="dropdown-item" role="presentation">
<a href="/fr/tn/bijoux/bracelets/"
id="56"
role="menuitem"
class="dropdown-link js_menu-link"
data-datalayer-name="Bracelets"
tabindex="0"
title="Bracelets"
style="color: #212427; background-color: #FFFFFF; background-image: linear-gradient(#212427 0 0)">
Bracelets
</a>
</li>
<li class="dropdown-item" role="presentation">
<a href="/fr/tn/bijoux/bracelets-de-cheville/"
id="1254"
role="menuitem"
class="dropdown-link js_menu-link"
data-datalayer-name="Bracelets de Cheville"
tabindex="0"
title="Bracelets de Cheville"
style="color: #212427; background-color: #FFFFFF; background-image: linear-gradient(#212427 0 0)">
Bracelets de Cheville
</a>
</li>
<li class="dropdown-item" role="presentation">
<a href="/fr/tn/bijoux/broches/"
id="137"
role="menuitem"
class="dropdown-link js_menu-link"
data-datalayer-name="Broches"
tabindex="0"
title="Broches"
style="color: #212427; background-color: #FFFFFF; background-image: linear-gradient(#212427 0 0)">
Broches
</a>
</li>
<li class="dropdown-item" role="presentation">
<a href="/fr/tn/bijoux/bijoux-soiree/"
id="61"
role="menuitem"
class="dropdown-link js_menu-link"
data-datalayer-name="Bijoux soirée"
tabindex="0"
title="Bijoux soirée"
style="color: #212427; background-color: #FFFFFF; background-image: linear-gradient(#212427 0 0)">
Bijoux soirée
</a>
</li>
<li class="dropdown-item" role="presentation">
<a href="/fr/tn/bijoux/bijoux-delicats/"
id="2369"
role="menuitem"
class="dropdown-link js_menu-link"
data-datalayer-name="Bijoux Délicats"
tabindex="0"
title="Bijoux Délicats"
style="color: #212427; background-color: #FFFFFF; background-image: linear-gradient(#212427 0 0)">
Bijoux Délicats
</a>
</li>
<li class="dropdown-item" role="presentation">
<a href="/fr/tn/bijoux/sets-de-bijoux/tout-voir/"
class="dropdown-link js_menu-link"
role="button"
data-datalayer-name="Sets de Bijoux"
tabindex="0"
title="Sets de Bijoux"
style="color: #212427; background-color: #FFFFFF; background-image: linear-gradient(#212427 0 0)">
Sets de Bijoux
</a>
</li>
</ul>
</li>
<li class="nav-item dropdown-menu-category"
role="presentation"
style="color: #212427; background-color: #FFFFFF; --subcategory-color: #212427"
data-expanded="false">
<a href="/fr/tn/acier-inoxydable-argent/"
id="3502"
class="nav-link dropdown-menu-toggle"
data-datalayer-name="Acier inoxydable | Argent"
role="button"
data-toggle="dropdown"
aria-haspopup="true"
aria-expanded="false"
tabindex="0"
title="Acier inoxydable | Argent"
style="color: #212427; background-color: #FFFFFF; padding: 8px 0 0; margin-bottom: 8px"
>
Acier inoxydable | Argent
</a>
<ul class="dropdown-menu js_menu-parent"
data-datalayer-name="Acier inoxydable | Argent"
role="menu" aria-hidden="true"
aria-label="3502">
<li class="dropdown-item" role="presentation">
<a href="/fr/tn/acier-inoxydable-argent/tout-voir/"
id="3503"
role="menuitem"
class="dropdown-link js_menu-link"
data-datalayer-name="Tout Voir"
tabindex="0"
title="Tout Voir"
style="color: #212427; background-color: #FFFFFF; background-image: linear-gradient(#212427 0 0)">
Tout Voir
</a>
</li>
<li class="dropdown-item" role="presentation">
<a href="/fr/tn/acier-inoxydable-argent/acier-inoxydable/tout-voir/"
class="dropdown-link js_menu-link"
role="button"
data-datalayer-name="Acier Inoxydable"
tabindex="0"
title="Acier Inoxydable"
style="color: #212427; background-color: #FFFFFF; background-image: linear-gradient(#212427 0 0)">
Acier Inoxydable
</a>
</li>
</ul>
</li>
<li class="nav-item dropdown-menu-category"
role="presentation"
style="color: #212427; background-color: #FFFFFF; --subcategory-color: #212427"
data-expanded="false">
<a href="/fr/tn/portefeuilles/"
id="727"
class="nav-link dropdown-menu-toggle"
data-datalayer-name="Portefeuilles"
role="button"
data-toggle="dropdown"
aria-haspopup="true"
aria-expanded="false"
tabindex="0"
title="Portefeuilles"
style="color: #212427; background-color: #FFFFFF; padding: 8px 0 0; margin-bottom: 8px"
>
Portefeuilles
</a>
<ul class="dropdown-menu js_menu-parent"
data-datalayer-name="Portefeuilles"
role="menu" aria-hidden="true"
aria-label="727">
<li class="dropdown-item" role="presentation">
<a href="/fr/tn/portefeuilles/tout-voir/"
id="728"
role="menuitem"
class="dropdown-link js_menu-link"
data-datalayer-name="Tout Voir"
tabindex="0"
title="Tout Voir"
style="color: #212427; background-color: #FFFFFF; background-image: linear-gradient(#212427 0 0)">
Tout Voir
</a>
</li>
<li class="dropdown-item" role="presentation">
<a href="/fr/tn/portefeuilles/portefeuilles/"
id="729"
role="menuitem"
class="dropdown-link js_menu-link"
data-datalayer-name="Portefeuilles"
tabindex="0"
title="Portefeuilles"
style="color: #212427; background-color: #FFFFFF; background-image: linear-gradient(#212427 0 0)">
Portefeuilles
</a>
</li>
<li class="dropdown-item" role="presentation">
<a href="/fr/tn/portefeuilles/porte-monnaie/"
id="1255"
role="menuitem"
class="dropdown-link js_menu-link"
data-datalayer-name="Porte-monnaie"
tabindex="0"
title="Porte-monnaie"
style="color: #212427; background-color: #FFFFFF; background-image: linear-gradient(#212427 0 0)">
Porte-monnaie
</a>
</li>
<li class="dropdown-item" role="presentation">
<a href="/fr/tn/portefeuilles/porte-cartes/"
id="730"
role="menuitem"
class="dropdown-link js_menu-link"
data-datalayer-name="Porte-cartes"
tabindex="0"
title="Porte-cartes"
style="color: #212427; background-color: #FFFFFF; background-image: linear-gradient(#212427 0 0)">
Porte-cartes
</a>
</li>
<li class="dropdown-item" role="presentation">
<a href="/fr/tn/portefeuilles/sac-multi-usages/"
id="732"
role="menuitem"
class="dropdown-link js_menu-link"
data-datalayer-name="Sac Multi-Usages"
tabindex="0"
title="Sac Multi-Usages"
style="color: #212427; background-color: #FFFFFF; background-image: linear-gradient(#212427 0 0)">
Sac Multi-Usages
</a>
</li>
<li class="dropdown-item" role="presentation">
<a href="/fr/tn/portefeuilles/sacs-pour-smartphone/"
id="1092"
role="menuitem"
class="dropdown-link js_menu-link"
data-datalayer-name="Sacs pour Smartphone"
tabindex="0"
title="Sacs pour Smartphone"
style="color: #212427; background-color: #FFFFFF; background-image: linear-gradient(#212427 0 0)">
Sacs pour Smartphone
</a>
</li>
</ul>
</li>
<li class="nav-item dropdown-menu-category"
role="presentation"
style="color: #212427; background-color: #FFFFFF; --subcategory-color: #212427"
data-expanded="false">
<a href="/fr/tn/montres/"
id="6"
class="nav-link dropdown-menu-toggle"
data-datalayer-name="Montres"
role="button"
data-toggle="dropdown"
aria-haspopup="true"
aria-expanded="false"
tabindex="0"
title="Montres"
style="color: #212427; background-color: #FFFFFF; padding: 8px 0 0; margin-bottom: 8px"
>
Montres
</a>
<ul class="dropdown-menu js_menu-parent"
data-datalayer-name="Montres"
role="menu" aria-hidden="true"
aria-label="6">
<li class="dropdown-item" role="presentation">
<a href="/fr/tn/montres/tout-voir/"
id="42"
role="menuitem"
class="dropdown-link js_menu-link"
data-datalayer-name="Tout Voir"
tabindex="0"
title="Tout Voir"
style="color: #212427; background-color: #FFFFFF; background-image: linear-gradient(#212427 0 0)">
Tout Voir
</a>
</li>
<li class="dropdown-item" role="presentation">
<a href="/fr/tn/montres/montres-dorees/"
id="2373"
role="menuitem"
class="dropdown-link js_menu-link"
data-datalayer-name="Montres Dorées"
tabindex="0"
title="Montres Dorées"
style="color: #212427; background-color: #FFFFFF; background-image: linear-gradient(#212427 0 0)">
Montres Dorées
</a>
</li>
<li class="dropdown-item" role="presentation">
<a href="/fr/tn/montres/montres-or-rose/"
id="2374"
role="menuitem"
class="dropdown-link js_menu-link"
data-datalayer-name="Montres Or Rose"
tabindex="0"
title="Montres Or Rose"
style="color: #212427; background-color: #FFFFFF; background-image: linear-gradient(#212427 0 0)">
Montres Or Rose
</a>
</li>
<li class="dropdown-item" role="presentation">
<a href="/fr/tn/montres/montres-argent/"
id="2372"
role="menuitem"
class="dropdown-link js_menu-link"
data-datalayer-name="Montres Argent"
tabindex="0"
title="Montres Argent"
style="color: #212427; background-color: #FFFFFF; background-image: linear-gradient(#212427 0 0)">
Montres Argent
</a>
</li>
</ul>
</li>
<li class="nav-item dropdown-menu-category"
role="presentation"
style="color: #212427; background-color: #FFFFFF; --subcategory-color: #212427"
data-expanded="false">
<a href="/fr/tn/valises/"
id="3124"
class="nav-link dropdown-menu-toggle"
data-datalayer-name="Valises"
role="button"
data-toggle="dropdown"
aria-haspopup="true"
aria-expanded="false"
tabindex="0"
title="Valises"
style="color: #212427; background-color: #FFFFFF; padding: 8px 0 0; margin-bottom: 8px"
>
Valises
</a>
<ul class="dropdown-menu js_menu-parent"
data-datalayer-name="Valises"
role="menu" aria-hidden="true"
aria-label="3124">
<li class="dropdown-item" role="presentation">
<a href="/fr/tn/valises/tout-voir/"
id="3131"
role="menuitem"
class="dropdown-link js_menu-link"
data-datalayer-name="Tout Voir"
tabindex="0"
title="Tout Voir"
style="color: #212427; background-color: #FFFFFF; background-image: linear-gradient(#212427 0 0)">
Tout Voir
</a>
</li>
<li class="dropdown-item" role="presentation">
<a href="/fr/tn/valises/bagages-de-cabine/"
id="3125"
role="menuitem"
class="dropdown-link js_menu-link"
data-datalayer-name="Bagages de Cabine"
tabindex="0"
title="Bagages de Cabine"
style="color: #212427; background-color: #FFFFFF; background-image: linear-gradient(#212427 0 0)">
Bagages de Cabine
</a>
</li>
<li class="dropdown-item" role="presentation">
<a href="/fr/tn/valises/sacs-a-dos-de-voyage/"
id="3129"
role="menuitem"
class="dropdown-link js_menu-link"
data-datalayer-name="Sacs à dos de Voyage"
tabindex="0"
title="Sacs à dos de Voyage"
style="color: #212427; background-color: #FFFFFF; background-image: linear-gradient(#212427 0 0)">
Sacs à dos de Voyage
</a>
</li>
<li class="dropdown-item" role="presentation">
<a href="/fr/tn/valises/valises-a-roulettes/"
id="3126"
role="menuitem"
class="dropdown-link js_menu-link"
data-datalayer-name="Valises à Roulettes"
tabindex="0"
title="Valises à Roulettes"
style="color: #212427; background-color: #FFFFFF; background-image: linear-gradient(#212427 0 0)">
Valises à Roulettes
</a>
</li>
<li class="dropdown-item" role="presentation">
<a href="/fr/tn/valises/sacs-week-end/"
id="3127"
role="menuitem"
class="dropdown-link js_menu-link"
data-datalayer-name="Sacs Week-end"
tabindex="0"
title="Sacs Week-end"
style="color: #212427; background-color: #FFFFFF; background-image: linear-gradient(#212427 0 0)">
Sacs Week-end
</a>
</li>
<li class="dropdown-item" role="presentation">
<a href="/fr/tn/valises/necessaire/"
id="3147"
role="menuitem"
class="dropdown-link js_menu-link"
data-datalayer-name="Nécessaire"
tabindex="0"
title="Nécessaire"
style="color: #212427; background-color: #FFFFFF; background-image: linear-gradient(#212427 0 0)">
Nécessaire
</a>
</li>
<li class="dropdown-item" role="presentation">
<a href="/fr/tn/valises/sacs-de-sport/"
id="3501"
role="menuitem"
class="dropdown-link js_menu-link"
data-datalayer-name="Sacs de sport"
tabindex="0"
title="Sacs de sport"
style="color: #212427; background-color: #FFFFFF; background-image: linear-gradient(#212427 0 0)">
Sacs de sport
</a>
</li>
</ul>
</li>
<li class="nav-item dropdown-menu-category"
role="presentation"
style="color: #212427; background-color: #FFFFFF; --subcategory-color: #212427"
data-expanded="false">
<a href="/fr/tn/accessoires/"
id="7"
class="nav-link dropdown-menu-toggle"
data-datalayer-name="Accessoires"
role="button"
data-toggle="dropdown"
aria-haspopup="true"
aria-expanded="false"
tabindex="0"
title="Accessoires"
style="color: #212427; background-color: #FFFFFF; padding: 8px 0 0; margin-bottom: 8px"
>
Accessoires
</a>
<ul class="dropdown-menu js_menu-parent"
data-datalayer-name="Accessoires"
role="menu" aria-hidden="true"
aria-label="7">
<li class="dropdown-item" role="presentation">
<a href="/fr/tn/accessoires/tout-voir/"
id="151"
role="menuitem"
class="dropdown-link js_menu-link"
data-datalayer-name="Tout Voir"
tabindex="0"
title="Tout Voir"
style="color: #212427; background-color: #FFFFFF; background-image: linear-gradient(#212427 0 0)">
Tout Voir
</a>
</li>
<li class="dropdown-item" role="presentation">
<a href="/fr/tn/accessoires/foulards/tout-voir/"
class="dropdown-link js_menu-link"
role="button"
data-datalayer-name="Foulards"
tabindex="0"
title="Foulards"
style="color: #212427; background-color: #FFFFFF; background-image: linear-gradient(#212427 0 0)">
Foulards
</a>
</li>
<li class="dropdown-item" role="presentation">
<a href="/fr/tn/accessoires/accessoires-de-cheveux/tout-voir/"
class="dropdown-link js_menu-link"
role="button"
data-datalayer-name="Accessoires de Cheveux"
tabindex="0"
title="Accessoires de Cheveux"
style="color: #212427; background-color: #FFFFFF; background-image: linear-gradient(#212427 0 0)">
Accessoires de Cheveux
</a>
</li>
<li class="dropdown-item" role="presentation">
<a href="/fr/tn/accessoires/lunettes/tout-voir/"
class="dropdown-link js_menu-link"
role="button"
data-datalayer-name="Lunettes"
tabindex="0"
title="Lunettes"
style="color: #212427; background-color: #FFFFFF; background-image: linear-gradient(#212427 0 0)">
Lunettes
</a>
</li>
<li class="dropdown-item" role="presentation">
<a href="/fr/tn/accessoires/chapeaux/tout-voir/"
class="dropdown-link js_menu-link"
role="button"
data-datalayer-name="Chapeaux"
tabindex="0"
title="Chapeaux"
style="color: #212427; background-color: #FFFFFF; background-image: linear-gradient(#212427 0 0)">
Chapeaux
</a>
</li>
<li class="dropdown-item" role="presentation">
<a href="/fr/tn/accessoires/porte-cles/"
id="38"
role="menuitem"
class="dropdown-link js_menu-link"
data-datalayer-name="Porte-Clés"
tabindex="0"
title="Porte-Clés"
style="color: #212427; background-color: #FFFFFF; background-image: linear-gradient(#212427 0 0)">
Porte-Clés
</a>
</li>
<li class="dropdown-item" role="presentation">
<a href="/fr/tn/accessoires/ceintures/"
id="35"
role="menuitem"
class="dropdown-link js_menu-link"
data-datalayer-name="Ceintures"
tabindex="0"
title="Ceintures"
style="color: #212427; background-color: #FFFFFF; background-image: linear-gradient(#212427 0 0)">
Ceintures
</a>
</li>
<li class="dropdown-item" role="presentation">
<a href="/fr/tn/accessoires/bo%C3%AEte-a-dejeuner/"
id="2957"
role="menuitem"
class="dropdown-link js_menu-link"
data-datalayer-name="Boîte à Déjeuner"
tabindex="0"
title="Boîte à Déjeuner"
style="color: #212427; background-color: #FFFFFF; background-image: linear-gradient(#212427 0 0)">
Boîte à Déjeuner
</a>
</li>
<li class="dropdown-item" role="presentation">
<a href="/fr/tn/accessoires/pochettes-a-bijoux/"
id="3417"
role="menuitem"
class="dropdown-link js_menu-link"
data-datalayer-name="Pochettes à Bijoux"
tabindex="0"
title="Pochettes à Bijoux"
style="color: #212427; background-color: #FFFFFF; background-image: linear-gradient(#212427 0 0)">
Pochettes à Bijoux
</a>
</li>
<li class="dropdown-item" role="presentation">
<a href="/fr/tn/accessoires/accessoires-d-hiver/tout-voir/"
class="dropdown-link js_menu-link"
role="button"
data-datalayer-name="Accessoires d'hiver"
tabindex="0"
title="Accessoires d'hiver"
style="color: #212427; background-color: #FFFFFF; background-image: linear-gradient(#212427 0 0)">
Accessoires d'hiver
</a>
</li>
<li class="dropdown-item" role="presentation">
<a href="/fr/tn/accessoires/parapluies/tout-voir/"
class="dropdown-link js_menu-link"
role="button"
data-datalayer-name="Parapluies"
tabindex="0"
title="Parapluies"
style="color: #212427; background-color: #FFFFFF; background-image: linear-gradient(#212427 0 0)">
Parapluies
</a>
</li>
<li class="dropdown-item" role="presentation">
<a href="/fr/tn/accessoires/eventail/"
id="138"
role="menuitem"
class="dropdown-link js_menu-link"
data-datalayer-name="Éventail"
tabindex="0"
title="Éventail"
style="color: #212427; background-color: #FFFFFF; background-image: linear-gradient(#212427 0 0)">
Éventail
</a>
</li>
</ul>
</li>
<li class="nav-item"
role="presentation"
style="color: #212427; background-color: #FFFFFF; --subcategory-color: #212427">
<a href="/fr/tn/alice-pilate-x-parfois/"
id="3508"
class="nav-link js_menu-link"
role="link"
data-datalayer-name="Alice Pilate x Parfois"
tabindex="0"
title="Alice Pilate x Parfois"
style="color: #212427; background-color: #FFFFFF; padding: 8px 0 0; margin-bottom: 8px"
>
Alice Pilate x Parfois
</a>
</li>
<li class="nav-item dropdown-menu-category"
role="presentation"
style="color: #212427; background-color: #FFFFFF; --subcategory-color: #212427"
data-expanded="false">
<a href="/fr/tn/tendances/"
id="3509"
class="nav-link dropdown-menu-toggle"
data-datalayer-name="Tendances"
role="button"
data-toggle="dropdown"
aria-haspopup="true"
aria-expanded="false"
tabindex="0"
title="Tendances"
style="color: #212427; background-color: #FFFFFF; padding: 8px 0 0; margin-bottom: 8px"
>
Tendances
</a>
<ul class="dropdown-menu js_menu-parent"
data-datalayer-name="Tendances"
role="menu" aria-hidden="true"
aria-label="3509">
<li class="dropdown-item" role="presentation">
<a href="/fr/tn/tendances/rayures/"
id="3510"
role="menuitem"
class="dropdown-link js_menu-link"
data-datalayer-name="Rayures"
tabindex="0"
title="Rayures"
style="color: #212427; background-color: #FFFFFF; background-image: linear-gradient(#212427 0 0)">
Rayures
</a>
</li>
<li class="dropdown-item" role="presentation">
<a href="/fr/tn/tendances/imprime-animal/"
id="3223"
role="menuitem"
class="dropdown-link js_menu-link"
data-datalayer-name="Imprimé Animal"
tabindex="0"
title="Imprimé Animal"
style="color: #212427; background-color: #FFFFFF; background-image: linear-gradient(#212427 0 0)">
Imprimé Animal
</a>
</li>
<li class="dropdown-item" role="presentation">
<a href="/fr/tn/tendances/chocolat/"
id="3226"
role="menuitem"
class="dropdown-link js_menu-link"
data-datalayer-name="Chocolat"
tabindex="0"
title="Chocolat"
style="color: #212427; background-color: #FFFFFF; background-image: linear-gradient(#212427 0 0)">
Chocolat
</a>
</li>
</ul>
</li>
<li class="nav-item"
role="presentation"
style="color: #212427; background-color: #FFFFFF; --subcategory-color: #212427">
<a href="/fr/tn/travel-and-gym/"
id="3514"
class="nav-link js_menu-link"
role="link"
data-datalayer-name="Travel & Gym"
tabindex="0"
title="Travel & Gym"
style="color: #212427; background-color: #FFFFFF; padding: 8px 0 0; margin-bottom: 8px"
>
Travel & Gym
</a>
</li>
</ul>
</div>
</nav>
</div>
<div class="secondary-menu d-flex flex-column">
<nav class="navbar-secondary-menu" role="navigation">
<ul class="nav navbar-nav" role="menu">
<li class="nav-item" role="presentation">
<a class="nav-link" href="/fr/tn/contacts.html"
title="PARFOIS Accueil">
+ info
</a>
</li>
<li class="nav-item" role="presentation">
<a class="nav-link" href="/fr/tn/wishlist/"
title="Favoris">
Favoris
</a>
</li>
<li class="nav-item" role="presentation">
<a class="nav-link" href="/fr/tn/newsletter.html"
title="PARFOIS Accueil">
Newsletters
</a>
</li>
<li class="nav-item" role="presentation">
<a class="nav-link" href="/fr/tn/parfois-app.html"
title="PARFOIS Accueil">
Application
</a>
</li>
</ul>
</nav>
</div>
</div>
<div class="par-panel--footer par-panel--footer__fixed locale-select d-flex justify-content-between">
<div role="button" tabindex="0" class="js_locale-select btn-locale-select" data-toggle="modal"
data-target="#localeSelectModal" type="button" aria-label="Open modal">
<svg class="par-icon par-icon__icon-language" >
<use href="/on/demandware.static/Sites-PAR_World-Site/-/default/dw14c229b5/images/icons/icons.svg#icon-language"/>
</svg>
<span class="displayLocale"></span>
</div>
<div class="btn-user">
<a href="https://www.parfois.com/fr/tn/login/"
aria-label="Se connecter à votre compte"
title="Se connecter à votre compte" tabindex="0">
<span class="user-message">Connexion</span>
<i class="par-icon-s par-icon__icon-account"></i>
</a>
</div>
</div>
</div>
<div class="par-panel--layout-iphone d-md-none"></div>
<div class="locale-select">
<div role="button" tabindex="0" class="js_locale-select btn-locale-select" data-toggle="modal" data-target="#localeSelectModal"
type="button" aria-label="Open modal">
<svg class="par-icon par-icon__icon-language" >
<use href="/on/demandware.static/Sites-PAR_World-Site/-/default/dw14c229b5/images/icons/icons.svg#icon-language"/>
</svg>
<span class="displayLocale"></span>
<svg class="par-icon par-icon__icon-arrow-right" >
<use href="/on/demandware.static/Sites-PAR_World-Site/-/default/dw14c229b5/images/icons/icons.svg#icon-arrow-right"/>
</svg>
</div>
<div
class="modal fade"
id="localeSelectModal"
tabindex="-1"
role="dialog"
aria-labelledby="localeSelectModal"
>
<div class="modal-dialog modal-lg modal-dialog-centered" role="document">
<div class="modal-content">
<div class="modal-header">
<span class="modal-title">Sélectionner votre pays</span>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<svg class="par-icon par-icon__icon-close" >
<use href="/on/demandware.static/Sites-PAR_World-Site/-/default/dw14c229b5/images/icons/icons.svg#icon-close"/>
</svg>
</button>
</div>
<div class="modal-body delete-confirmation-body">
<div clas="form-group">
<select class="js_country-select form-control">
<option
class="transactional"
value="[{"default":true,"langCode":"en","langName":"English","redirectUrl":"https://www.parfois.ae"},{"default":false,"langCode":"ar","langName":"العربية","redirectUrl":"https://www.parfois.ae"}]"
data-use-external-link="false"
data-external-link="null"
>
United Arab Emirates
</option>
<option
class="transactional"
value="[{"default":true,"langCode":"de","langName":"Deutsch","redirectUrl":"https://www.parfois.com/de/at/home/"},{"default":false,"langCode":"en","langName":"English","redirectUrl":"https://www.parfois.com/en/at/home/"}]"
data-use-external-link="false"
data-external-link="null"
>
Austria
</option>
<option
class="transactional"
value="[{"default":false,"langCode":"fr","langName":"français","redirectUrl":"https://www.parfois.com/fr/be/home/"},{"default":false,"langCode":"en","langName":"English","redirectUrl":"https://www.parfois.com/en/be/home/"}]"
data-use-external-link="false"
data-external-link="null"
>
Belgium
</option>
<option
class="transactional"
value="[{"default":false,"langCode":"it","langName":"italiano","redirectUrl":"https://www.parfois.com/it/ch/home/"},{"default":true,"langCode":"de","langName":"Deutsch","redirectUrl":"https://www.parfois.com/de/ch/home/"},{"default":false,"langCode":"fr","langName":"français","redirectUrl":"https://www.parfois.com/fr/ch/home/"},{"default":false,"langCode":"en","langName":"English","redirectUrl":"https://www.parfois.com/en/ch/home/"}]"
data-use-external-link="false"
data-external-link="null"
>
Switzerland
</option>
<option
class="transactional"
value="[{"default":true,"langCode":"en","langName":"English","redirectUrl":"https://www.parfois.com/en/cz/home/"}]"
data-use-external-link="false"
data-external-link="null"
>
Czech Republic
</option>
<option
class="transactional"
value="[{"default":true,"langCode":"de","langName":"Deutsch","redirectUrl":"https://www.parfois.com/de/de/home/"},{"default":false,"langCode":"en","langName":"English","redirectUrl":"https://www.parfois.com/en/de/home/"}]"
data-use-external-link="false"
data-external-link="null"
>
Germany
</option>
<option
class="transactional"
value="[{"default":true,"langCode":"en","langName":"English","redirectUrl":"https://www.parfois.com/en/dk/home/"}]"
data-use-external-link="false"
data-external-link="null"
>
Denmark
</option>
<option
class="transactional"
value="[{"default":false,"langCode":"en","langName":"English","redirectUrl":"https://www.parfois.com/en/ee/home/"}]"
data-use-external-link="false"
data-external-link="null"
>
Estonia
</option>
<option
class="transactional"
value="[{"default":true,"langCode":"es","langName":"español","redirectUrl":"https://www.parfois.com/es/es/home/"},{"default":false,"langCode":"en","langName":"English","redirectUrl":"https://www.parfois.com/en/es/home/"},{"default":false,"langCode":"ca","langName":"català","redirectUrl":"https://www.parfois.com/ca/es/home/"}]"
data-use-external-link="false"
data-external-link="null"
>
Spain
</option>
<option
class="transactional"
value="[{"default":true,"langCode":"en","langName":"English","redirectUrl":"https://www.parfois.com/en/fi/home/"}]"
data-use-external-link="false"
data-external-link="null"
>
Finland
</option>
<option
class="transactional"
value="[{"default":true,"langCode":"fr","langName":"français","redirectUrl":"https://www.parfois.com/fr/fr/home/"},{"default":false,"langCode":"en","langName":"English","redirectUrl":"https://www.parfois.com/en/fr/home/"}]"
data-use-external-link="false"
data-external-link="null"
>
France
</option>
<option
class="transactional"
value="[{"default":false,"langCode":"en","langName":"English","redirectUrl":"https://www.parfois.com/en/gb/home/"}]"
data-use-external-link="false"
data-external-link="null"
>
United Kingdom
</option>
<option
class="transactional"
value="[{"default":true,"langCode":"en","langName":"English","redirectUrl":"https://www.parfois.com/en/hu/home/"}]"
data-use-external-link="false"
data-external-link="null"
>
Hungary
</option>
<option
class="transactional"
value="[{"default":false,"langCode":"en","langName":"English","redirectUrl":"https://www.parfois.com/en/ie/home/"}]"
data-use-external-link="false"
data-external-link="null"
>
Ireland
</option>
<option
class="transactional"
value="[{"default":true,"langCode":"it","langName":"italiano","redirectUrl":"https://www.parfois.com/it/it/home/"},{"default":false,"langCode":"en","langName":"English","redirectUrl":"https://www.parfois.com/en/it/home/"}]"
data-use-external-link="false"
data-external-link="null"
>
Italy
</option>
<option
class="transactional"
value="[{"default":false,"langCode":"en","langName":"English","redirectUrl":"https://www.parfois.com/en/lt/home/"}]"
data-use-external-link="false"
data-external-link="null"
>
Lithuania
</option>
<option
class="transactional"
value="[{"default":true,"langCode":"fr","langName":"français","redirectUrl":"https://www.parfois.com/fr/lu/home/"},{"default":false,"langCode":"en","langName":"English","redirectUrl":"https://www.parfois.com/en/lu/home/"},{"default":false,"langCode":"de","langName":"Deutsch","redirectUrl":"https://www.parfois.com/de/lu/home/"}]"
data-use-external-link="false"
data-external-link="null"
>
Luxembourg
</option>
<option
class="transactional"
value="[{"default":false,"langCode":"en","langName":"English","redirectUrl":"https://www.parfois.com/en/lv/home/"}]"
data-use-external-link="false"
data-external-link="null"
>
Latvia
</option>
<option
class="transactional"
value="[{"default":true,"langCode":"es","langName":"español","redirectUrl":"https://www.parfois.com/es/mx/home/"},{"default":false,"langCode":"en","langName":"English","redirectUrl":"https://www.parfois.com/en/mx/home/"}]"
data-use-external-link="false"
data-external-link="null"
>
Mexico
</option>
<option
class="transactional"
value="[{"default":false,"langCode":"en","langName":"English","redirectUrl":"https://www.parfois.com/en/nl/home/"}]"
data-use-external-link="false"
data-external-link="null"
>
Netherlands
</option>
<option
class="transactional"
value="[{"default":true,"langCode":"pl","langName":"polski","redirectUrl":"https://www.parfois.com/pl/pl/home/"},{"default":false,"langCode":"en","langName":"English","redirectUrl":"https://www.parfois.com/en/pl/home/"}]"
data-use-external-link="false"
data-external-link="null"
>
Poland
</option>
<option
class="transactional"
value="[{"default":true,"langCode":"pt","langName":"português","redirectUrl":"https://www.parfois.com/pt/pt/home/"},{"default":false,"langCode":"en","langName":"English","redirectUrl":"https://www.parfois.com/en/pt/home/"}]"
data-use-external-link="false"
data-external-link="null"
>
Portugal
</option>
<option
class="transactional"
value="[{"default":false,"langCode":"en","langName":"English","redirectUrl":"https://www.parfois.com/en/ro/home/"},{"default":true,"langCode":"ro","langName":"română","redirectUrl":"https://www.parfois.com/ro/ro/home/"}]"
data-use-external-link="false"
data-external-link="null"
>
Romania
</option>
<option
class="transactional"
value="[{"default":true,"langCode":"en","langName":"English","redirectUrl":"https://www.parfois.com/en/se/home/"}]"
data-use-external-link="false"
data-external-link="null"
>
Sweden
</option>
<option
class="transactional"
value="[{"default":false,"langCode":"en","langName":"English","redirectUrl":"https://www.parfois.com/en/si/home/"}]"
data-use-external-link="false"
data-external-link="null"
>
Slovenia
</option>
<option
class="transactional"
value="[{"default":true,"langCode":"en","langName":"English","redirectUrl":"https://www.parfois.com/en/sk/home/"}]"
data-use-external-link="false"
data-external-link="null"
>
Slovakia
</option>
<option
class=""
value="[{"default":false,"langCode":"es","langName":"español","redirectUrl":"https://www.parfois.com/es/ad/home/"},{"default":false,"langCode":"en","langName":"English","redirectUrl":"https://www.parfois.com/en/ad/home/"}]"
data-use-external-link="false"
data-external-link="null"
>
Andorra
</option>
<option
class=""
value="[{"default":false,"langCode":"en","langName":"English","redirectUrl":"https://www.parfois.com/en/al/home/"}]"
data-use-external-link="false"
data-external-link="null"
>
Albania
</option>
<option
class=""
value="[{"default":false,"langCode":"en","langName":"English","redirectUrl":"https://www.parfois.com/en/am/home/"}]"
data-use-external-link="false"
data-external-link="null"
>
Armenia
</option>
<option
class=""
value="[{"default":true,"langCode":"en","langName":"English","redirectUrl":"https://www.parfois.com/en/ao/home/"}]"
data-use-external-link="false"
data-external-link="null"
>
Angola
</option>
<option
class=""
value="[{"default":false,"langCode":"en","langName":"English","redirectUrl":"https://www.parfois.com/en/aw/home/"}]"
data-use-external-link="false"
data-external-link="null"
>
Aruba
</option>
<option
class=""
value="[{"default":false,"langCode":"en","langName":"English","redirectUrl":"https://www.parfois.com/en/az/home/"}]"
data-use-external-link="false"
data-external-link="null"
>
Azerbaijan
</option>
<option
class=""
value="[{"default":false,"langCode":"en","langName":"English","redirectUrl":"https://www.parfois.com/en/ba/home/"}]"
data-use-external-link="false"
data-external-link="null"
>
Bosnia and Herzegovina
</option>
<option
class=""
value="[{"default":false,"langCode":"en","langName":"English","redirectUrl":"https://www.parfois.com/en/bg/home/"},{"default":true,"langCode":"bg","langName":"български","redirectUrl":"https://www.parfois.com/bg/bg/home/"}]"
data-use-external-link="false"
data-external-link="null"
>
Bulgaria
</option>
<option
class=""
value="[{"default":false,"langCode":"en","langName":"English","redirectUrl":"https://www.parfois.com/en/bh/home/"}]"
data-use-external-link="false"
data-external-link="null"
>
Bahrain
</option>
<option
class=""
value="[{"default":false,"langCode":"en","langName":"English","redirectUrl":"https://www.parfois.com/en/by/home/"}]"
data-use-external-link="false"
data-external-link="null"
>
Belarus
</option>
<option
class=""
value="[{"default":false,"langCode":"es","langName":"español","redirectUrl":"https://www.parfois.com/en/ph/home/"}]"
data-use-external-link="true"
data-external-link="https://www.parfois.cl/"
>
Chile
</option>
<option
class=""
value="[{"default":false,"langCode":"es","langName":"español","redirectUrl":"https://www.parfois.com/es/co/home/"},{"default":false,"langCode":"en","langName":"English","redirectUrl":"https://www.parfois.com/en/co/home/"}]"
data-use-external-link="false"
data-external-link="null"
>
Colombia
</option>
<option
class=""
value="[{"default":false,"langCode":"en","langName":"English","redirectUrl":"https://www.parfois.com/en/cr/home/"},{"default":false,"langCode":"es","langName":"español","redirectUrl":"https://www.parfois.com/es/cr/home/"}]"
data-use-external-link="false"
data-external-link="null"
>
Costa Rica
</option>
<option
class=""
value="[{"default":false,"langCode":"en","langName":"English","redirectUrl":"https://www.parfois.com/en/cw/home/"}]"
data-use-external-link="false"
data-external-link="null"
>
Curaçao
</option>
<option
class=""
value="[{"default":false,"langCode":"en","langName":"English","redirectUrl":"https://www.parfois.com/en/cy/home/"}]"
data-use-external-link="false"
data-external-link="null"
>
Cyprus
</option>
<option
class=""
value="[{"default":false,"langCode":"es","langName":"español","redirectUrl":"https://www.parfois.com/es/do/home/"},{"default":false,"langCode":"en","langName":"English","redirectUrl":"https://www.parfois.com/en/do/home/"}]"
data-use-external-link="false"
data-external-link="null"
>
Dominican Republic
</option>
<option
class=""
value="[{"default":false,"langCode":"en","langName":"English","redirectUrl":"https://www.parfois.com/en/dz/home/"},{"default":false,"langCode":"fr","langName":"français","redirectUrl":"https://www.parfois.com/fr/dz/home/"}]"
data-use-external-link="false"
data-external-link="null"
>
Algeria
</option>
<option
class=""
value="[{"default":false,"langCode":"en","langName":"English","redirectUrl":"https://www.parfois.com/en/ec/home/"},{"default":false,"langCode":"es","langName":"español","redirectUrl":"https://www.parfois.com/es/ec/home/"}]"
data-use-external-link="false"
data-external-link="null"
>
Ecuador
</option>
<option
class=""
value="[{"default":false,"langCode":"en","langName":"English","redirectUrl":"https://www.parfois.com/en/eg/home/"},{"default":false,"langCode":"fr","langName":"français","redirectUrl":"https://www.parfois.com/fr/eg/home/"}]"
data-use-external-link="false"
data-external-link="null"
>
Egypt
</option>
<option
class=""
value="[{"default":false,"langCode":"en","langName":"English","redirectUrl":"https://www.parfois.com/en/ge/home/"}]"
data-use-external-link="false"
data-external-link="null"
>
Georgia
</option>
<option
class=""
value="[{"default":false,"langCode":"en","langName":"English","redirectUrl":"https://www.parfois.com/en/gp/home/"},{"default":false,"langCode":"fr","langName":"français","redirectUrl":"https://www.parfois.com/fr/gp/home/"}]"
data-use-external-link="false"
data-external-link="null"
>
Guadeloupe
</option>
<option
class=""
value="[{"default":false,"langCode":"en","langName":"English","redirectUrl":"https://www.parfois.com/en/gr/home/"}]"
data-use-external-link="false"
data-external-link="null"
>
Greece
</option>
<option
class=""
value="[{"default":false,"langCode":"es","langName":"español","redirectUrl":"https://www.parfois.com/es/gt/home/"},{"default":false,"langCode":"en","langName":"English","redirectUrl":"https://www.parfois.com/en/gt/home/"}]"
data-use-external-link="false"
data-external-link="null"
>
Guatemala
</option>
<option
class=""
value="[{"default":false,"langCode":"en","langName":"English","redirectUrl":"https://www.parfois.com/en/hn/home/"},{"default":false,"langCode":"es","langName":"español","redirectUrl":"https://www.parfois.com/es/hn/home/"}]"
data-use-external-link="false"
data-external-link="null"
>
Honduras
</option>
<option
class=""
value="[{"default":true,"langCode":"en","langName":"English","redirectUrl":"https://www.parfois.com/en/hr/home/"}]"
data-use-external-link="false"
data-external-link="null"
>
Croatia
</option>
<option
class=""
value="[{"default":false,"langCode":"en","langName":"English","redirectUrl":"https://www.parfois.com/en/id/home/"}]"
data-use-external-link="false"
data-external-link="null"
>
Indonesia
</option>
<option
class=""
value="[{"default":false,"langCode":"en","langName":"English","redirectUrl":"https://www.parfois.com/en/ph/home/"}]"
data-use-external-link="true"
data-external-link="https://www.parfois.co.il/"
>
Israel
</option>
<option
class=""
value="[{"default":false,"langCode":"en","langName":"English","redirectUrl":"https://www.parfois.com/en/iq/home/"}]"
data-use-external-link="false"
data-external-link="null"
>
Iraq
</option>
<option
class=""
value="[{"default":false,"langCode":"en","langName":"English","redirectUrl":"https://www.parfois.com/en/ir/home/"}]"
data-use-external-link="false"
data-external-link="null"
>
Iran
</option>
<option
class=""
value="[{"default":false,"langCode":"en","langName":"English","redirectUrl":"https://www.parfois.com/en/jo/home/"}]"
data-use-external-link="false"
data-external-link="null"
>
Jordan
</option>
<option
class=""
value="[{"default":false,"langCode":"en","langName":"English","redirectUrl":"https://www.parfois.com/en/xk/home/"}]"
data-use-external-link="false"
data-external-link="null"
>
Kosovo
</option>
<option
class=""
value="[{"default":false,"langCode":"en","langName":"English","redirectUrl":"https://www.parfois.com/en/kw/home/"}]"
data-use-external-link="false"
data-external-link="null"
>
Kuwait
</option>
<option
class=""
value="[{"default":false,"langCode":"en","langName":"English","redirectUrl":"https://www.parfois.com/en/lb/home/"},{"default":false,"langCode":"fr","langName":"français","redirectUrl":"https://www.parfois.com/fr/lb/home/"}]"
data-use-external-link="false"
data-external-link="null"
>
Lebanon
</option>
<option
class=""
value="[{"default":false,"langCode":"fr","langName":"français","redirectUrl":"https://www.parfois.com/en/ph/home/"},{"default":false,"langCode":"en","langName":"English","redirectUrl":"https://www.parfois.com/en/ph/home/"}]"
data-use-external-link="true"
data-external-link="www.parfois.ma"
>
Morocco
</option>
<option
class=""
value="[{"default":false,"langCode":"en","langName":"English","redirectUrl":"https://www.parfois.com/en/me/home/"}]"
data-use-external-link="false"
data-external-link="null"
>
Montenegro
</option>
<option
class=""
value="[{"default":false,"langCode":"en","langName":"English","redirectUrl":"https://www.parfois.com/en/mk/home/"}]"
data-use-external-link="false"
data-external-link="null"
>
North Macedonia
</option>
<option
class=""
value="[{"default":false,"langCode":"fr","langName":"français","redirectUrl":"https://www.parfois.com/fr/mq/home/"},{"default":false,"langCode":"en","langName":"English","redirectUrl":"https://www.parfois.com/en/mq/home/"}]"
data-use-external-link="false"
data-external-link="null"
>
Martinique
</option>
<option
class=""
value="[{"default":false,"langCode":"en","langName":"English","redirectUrl":"https://www.parfois.com/en/mt/home/"}]"
data-use-external-link="false"
data-external-link="null"
>
Malta
</option>
<option
class=""
value="[{"default":false,"langCode":"fr","langName":"français","redirectUrl":"https://www.parfois.com/fr/mu/home/"},{"default":false,"langCode":"en","langName":"English","redirectUrl":"https://www.parfois.com/en/mu/home/"}]"
data-use-external-link="false"
data-external-link="null"
>
Mauritius
</option>
<option
class=""
value="[{"default":true,"langCode":"en","langName":"English","redirectUrl":"https://www.parfois.com/en/mz/home/"}]"
data-use-external-link="false"
data-external-link="null"
>
Mozambique
</option>
<option
class=""
value="[{"default":false,"langCode":"en","langName":"English","redirectUrl":"https://www.parfois.com/en/om/home/"}]"
data-use-external-link="false"
data-external-link="null"
>
Oman
</option>
<option
class=""
value="[{"default":false,"langCode":"es","langName":"español","redirectUrl":"https://www.parfois.com/es/pa/home/"},{"default":false,"langCode":"en","langName":"English","redirectUrl":"https://www.parfois.com/en/pa/home/"}]"
data-use-external-link="false"
data-external-link="null"
>
Panama
</option>
<option
class=""
value="[{"default":false,"langCode":"es","langName":"español","redirectUrl":"https://www.parfois.com/en/ph/home/"},{"default":false,"langCode":"en","langName":"English","redirectUrl":"https://www.parfois.com/en/ph/home/"}]"
data-use-external-link="true"
data-external-link="https://www.parfois.pe/"
>
Peru
</option>
<option
class=""
value="[{"default":false,"langCode":"en","langName":"English","redirectUrl":"https://www.parfois.com/en/ph/home/"}]"
data-use-external-link="false"
data-external-link="null"
>
Philippines
</option>
<option
class=""
value="[{"default":false,"langCode":"en","langName":"English","redirectUrl":"https://www.parfois.com/en/ph/home/"},{"default":false,"langCode":"es","langName":"español","redirectUrl":"https://www.parfois.com/en/ph/home/"}]"
data-use-external-link="true"
data-external-link="https://parfoispuertorico.com/"
>
Puerto Rico
</option>
<option
class=""
value="[{"default":false,"langCode":"es","langName":"español","redirectUrl":"https://www.parfois.com/es/py/home/"},{"default":false,"langCode":"en","langName":"English","redirectUrl":"https://www.parfois.com/en/py/home/"}]"
data-use-external-link="true"
data-external-link="https://www.parfois.com.py/"
>
Paraguay
</option>
<option
class=""
value="[{"default":false,"langCode":"en","langName":"English","redirectUrl":"https://www.parfois.com/en/qa/home/"}]"
data-use-external-link="false"
data-external-link="null"
>
Qatar
</option>
<option
class=""
value="[{"default":false,"langCode":"fr","langName":"français","redirectUrl":"https://www.parfois.com/fr/re/home/"},{"default":false,"langCode":"en","langName":"English","redirectUrl":"https://www.parfois.com/en/re/home/"}]"
data-use-external-link="false"
data-external-link="null"
>
Réunion
</option>
<option
class=""
value="[{"default":false,"langCode":"en","langName":"English","redirectUrl":"https://www.parfois.com/en/rs/home/"}]"
data-use-external-link="false"
data-external-link="null"
>
Serbia
</option>
<option
class=""
value="[{"default":false,"langCode":"en","langName":"English","redirectUrl":"https://www.parfois.com/en/ph/home/"}]"
data-use-external-link="true"
data-external-link="https://fashion.sa/"
>
Saudi Arabia
</option>
<option
class=""
value="[{"default":false,"langCode":"fr","langName":"français","redirectUrl":"https://www.parfois.com/fr/tn/home/"},{"default":false,"langCode":"en","langName":"English","redirectUrl":"https://www.parfois.com/en/tn/home/"}]"
data-use-external-link="false"
data-external-link="null"
selected
>
Tunisia
</option>
<option
class=""
value="[{"default":false,"langCode":"en","langName":"English","redirectUrl":"https://www.parfois.com/en/ph/home/"}]"
data-use-external-link="true"
data-external-link="https://www.parfois.com.tr/"
>
Türkiye
</option>
<option
class=""
value="[{"default":false,"langCode":"en","langName":"English","redirectUrl":"https://www.parfois.com/en/tt/home/"},{"default":false,"langCode":"fr","langName":"français","redirectUrl":"https://www.parfois.com/fr/tt/home/"}]"
data-use-external-link="false"
data-external-link="null"
>
Trinidad and Tobago
</option>
<option
class=""
value="[{"default":false,"langCode":"en","langName":"English","redirectUrl":"https://www.parfois.com/en/ua/home/"}]"
data-use-external-link="false"
data-external-link="null"
>
Ukraine
</option>
<option
class=""
value="[{"default":false,"langCode":"en","langName":"English","redirectUrl":"https://www.parfois.com/en/us/home/"}]"
data-use-external-link="false"
data-external-link="null"
>
United States
</option>
<option
class=""
value="[{"default":false,"langCode":"es","langName":"español","redirectUrl":"https://www.parfois.com/es/ve/home/"},{"default":false,"langCode":"en","langName":"English","redirectUrl":"https://www.parfois.com/en/ve/home/"}]"
data-use-external-link="false"
data-external-link="null"
>
Venezuela
</option>
<option
class=""
value="[{"default":false,"langCode":"en","langName":"English","redirectUrl":"https://www.parfois.com/en/vn/home/"}]"
data-use-external-link="false"
data-external-link="null"
>
Vietnam
</option>
<option
class=""
value="[{"default":false,"langCode":"en","langName":"English","redirectUrl":"https://www.parfois.com/en/za/home/"}]"
data-use-external-link="false"
data-external-link="null"
>
South Africa
</option>
</select>
</div>
<select class="js_language-select form-control">
<option
value="https://www.parfois.com/fr/tn/home/"
selected
>
français
</option>
<option
value="https://www.parfois.com/en/tn/home/"
>
English
</option>
</select>
<div class="form-group">
<input type="button" class="btn btn-primary js_submit-locale" value="Accepter" />
</div>
</div>
</div>
</div>
</div>
</div>
<a class="logo-home logo-home-header" href="/fr/tn/home/"
title="PARFOIS Accueil" aria-label="PARFOIS Accueil">
<img src="/on/demandware.static/Sites-PAR_World-Site/-/default/dw37b71a74/images/logo.svg"
alt="PARFOIS" title="PARFOIS" />
</a>
</div>
<div class="col col-lg-4 col-search-menu">
<div class="search hidden-xs-down disabled-btn">
<span class="search-button par-search-fake-input" aria-label="Submit search keywords">
RECHERCHE
</span>
</div>
</div>
<div class="col-6 col-lg-4 col-icons-menu">
<button type="submit" name="search-button" class="search-button search-button-mobile d-lg-none"
aria-label="Submit search keywords"
>
<i class="par-icon par-icon__icon-search"></i>
</button>
<div class="user user-non-transactional">
<div class="position-relative popover-container">
<i class="par-icon par-icon__icon-account"></i>
<div class="popover popover-large popover-bottom-right text-center">
<div class="arrow"></div>
<a class="btn btn-primary btn-popover uppercase"
href="https://www.parfois.com/fr/tn/login/"
aria-label="Se connecter"
title="Se connecter"
tabindex="0">
Se connecter
</a>
<div class="user-register">
<span>Créer un compte
<a href="https://www.parfois.com/fr/tn/register/"
aria-label="S’inscrire"
title="S’inscrire"
tabindex="0">
S’inscrire
</a>
</span>
</div>
<div class="popover-footer">
<div class="item-popover-footer">
<a aria-label="Favoris"
title="Favoris"
href="https://www.parfois.com/fr/tn/wishlist/" tabindex="0">
<i class="par-icon par-icon__icon-wishlist"></i>
<span>Favoris</span>
</a>
</div>
</div>
</div>
</div>
<span class="user-message">Connexion</span>
</div>
</div>
</div>
</div>
<div class="header-overlay" data-parent=""></div>
<div class="search-bar search-bar--home-device">
<form role="search"
action="/fr/tn/search/"
method="get"
id="searchBar"
name="simpleSearch"
class="par-form par-form--without-labels"
>
<div class="search-field-container">
<div class="input-icon">
<svg class="par-icon par-icon__icon-close" >
<use href="/on/demandware.static/Sites-PAR_World-Site/-/default/dw14c229b5/images/icons/icons.svg#icon-close"/>
</svg>
<input class="form-control search-field"
type="text"
name="q"
value=""
placeholder="RECHERCHE"
role="combobox"
aria-describedby="search-assistive-text"
aria-haspopup="listbox"
aria-owns="search-results"
aria-expanded="false"
aria-autocomplete="list"
aria-activedescendant=""
aria-controls="search-results"
aria-label="Saisir le mot-clé ou le numéro d’article."
autocomplete="off" />
</div>
<div class="search-action-buttons d-none d-lg-flex">
<button type="button" class="btn" data-dismiss="modal">
Annuler
</button>
</div>
<input type="hidden" value="fr_TN" name="lang">
</div>
</form>
<div class="suggestions-wrapper" data-url="/on/demandware.store/Sites-PAR_World-Site/fr_TN/SearchServices-GetSuggestions?q="></div>
</div>
</div>
</header>
<div class="modal fade" id="removeProductModal" tabindex="-1" role="dialog" aria-labelledby="removeProductLineItemModal">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header delete-confirmation-header">
<span class="modal-title" id="removeProductLineItemModal">Suprimer le produit?</span>
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
</div>
<div class="modal-body delete-confirmation-body">
Voulez-vous supprimer ce produit?
<p class="product-to-remove"></p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-outline-primary" data-dismiss="modal">Non</button>
<button type="button" class="btn btn-primary cart-delete-confirmation-btn"
data-dismiss="modal">
Oui
</button>
</div>
</div>
</div>
</div>
<div class="modal fade" id="removeCouponModal" tabindex="-1" role="dialog" aria-labelledby="removeCouponLineItemModal">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header delete-coupon-confirmation-header">
<span class="modal-title" id="removeCouponLineItemModal">Supprimer le bon de réduction?</span>
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
</div>
<div class="modal-body delete-coupon-confirmation-body">
Êtes-vous sûr(e) de vouloir supprimer ce bon de réduction du panier?
<p class="coupon-to-remove"></p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-outline-primary" data-dismiss="modal">Annuler</button>
<button type="button" class="btn btn-primary delete-coupon-confirmation-btn"
data-dismiss="modal"
data-action="/on/demandware.store/Sites-PAR_World-Site/fr_TN/Cart-RemoveCouponLineItem">
Oui
</button>
</div>
</div>
</div>
</div>
<div class="modal fade" id="wishlistProductModal" tabindex="-1" role="dialog" aria-labelledby="wishlistProductLineItemModal">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header delete-confirmation-header">
<span class="modal-title" id="wishlistProductLineItemModal">PRODUIT AJOUTÉ À LA WISHLIST</span>
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
</div>
<div class="modal-body delete-confirmation-body">
Voulez-vous supprimer ce produit?
<p class="product-to-remove"></p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-outline-primary" data-dismiss="modal">Non</button>
<button type="button" class="btn btn-primary cart-delete-confirmation-btn"
data-dismiss="modal">
Oui
</button>
</div>
</div>
</div>
</div>
<div class="page" data-action="Home-Show" data-querystring="srsltid=AU7gw4VWizglj789dilGkXzt2vXwNERck_ApvYAeO9BjnsWKgeKw-oof" >
<div role="main" id="maincontent">
<div id="dialog-container" class="dialog-content"></div>
<div class="par-panel par-panel__bottom" id="personalisationPanel" aria-hidden="true">
<div class="par-panel--header mb-0">
<span class="par-panel--title">Personnalisation</span>
<div class="par-panel--close clearfix">
<div class="close-button pull-right">
<button class="close" role="button"
aria-label="Fermer le menu">
<svg class="par-icon par-icon__icon-close" >
<title>Personnalisation</title>
<use href="/on/demandware.static/Sites-PAR_World-Site/-/default/dw14c229b5/images/icons/icons.svg#icon-close"/>
</svg>
</button>
</div>
</div>
</div>
<div class="par-panel--body js-panel-content">
</div>
</div>
<style>
*{
-webkit-font-smoothing: antialiased!important;
}
/* Newsletter Margin Desktop Fix */
@media only screen and (min-width: 992px) {
.par-layout .pd-newsletter-form {
margin-top: 5.5rem !important
}
}
</style>
<script>
// Criacao de variaveis que detetam o id do pais
const userCountryCodeSFRA = CQuotient.locale.slice(-2);
function sendEventGA(element, imageNameUrl, collection, ranking, index) {
/*const imageName = imageNameUrl.split('/').pop();
element.addEventListener('click', function() {
dataLayer.push({
'event': 'select_content',
'ranking': ranking,
'content_id': imageName,
'content_type': collection,
'index': index,
'text': collection
});
}); */
}
function computeViewportDimensions() {
if (document.documentElement && document.documentElement.style && document.documentElement.style.setProperty) {
document.documentElement.style.setProperty(
"--vw-unit",
(document.documentElement.clientWidth / 100).toFixed(1) + "px"
);
document.documentElement.style.setProperty(
"--vh-unit",
(document.documentElement.clientHeight / 100).toFixed(1) + "px"
);
}
}
(function listenForViewportChanges(){
// keep the CSS vw-unit/vh-unit CSS variables updated as the viewport changes size (or orientation!)
window.addEventListener("resize",computeViewportDimensions,false);
// work-arounds for browsers that don't fire "resize" when the orientation changes
// ref: https://developer.mozilla.org/en-US/docs/Web/API/ScreenOrientation/onchange
if (typeof window.screen != "undefined" && typeof window.screen.orientation != "undefined") {
window.screen.orientation.addEventListener("change",computeViewportDimensions,false);
}
// ref: https://www.reddit.com/r/javascript/comments/lttxdy/js_workaround_for_fixing_how_css_vwvh_units_arent/gp61ghe/
// ref: https://developer.mozilla.org/en-US/docs/Web/API/MediaQueryList/matches
else if (typeof window.matchMedia != "undefined") {
var query = window.matchMedia("(orientation: landscape)");
// handle variances in the event handling in various older browsers
if (typeof query.addEventListener != "undefined") {
query.addEventListener("change",computeViewportDimensions,false);
}
else if (typeof query.addListener != "undefined") {
query.addListener(computeViewportDimensions);
}
else {
query.onchange = computeViewportDimensions;
}
}
// make sure nothing during HTML parsing invalidated the early
// computation (from the <script> embed)
//
// has the DOM already loaded?
if (document.readyState != "loading") {
computeViewportDimensions();
}
// otherwise, assume we can listen for the future DOM-ready event
else {
document.addEventListener("DOMContentLoaded",computeViewportDimensions,false);
}
})();
</script>
<!-- ========================= -->
<!-- SCRIPT -->
<!-- ========================= -->
<script>
document.addEventListener('DOMContentLoaded', function () {
/* =========================
OBSERVER IMAGENS
========================== */
const imageObserver = new IntersectionObserver(
(entries, observer) => {
entries.forEach((entry) => {
if (entry.isIntersecting) {
entry.target.classList.add('is-visible');
observer.unobserve(entry.target);
}
});
},
{
root: null,
rootMargin: '0px',
threshold: 0.1,
},
);
document.querySelectorAll('.scroll-down-animation').forEach((el) => imageObserver.observe(el));
/* =========================
OBSERVER TEXTO
Dispara mais tarde
========================== */
const textObserver = new IntersectionObserver(
(entries, observer) => {
entries.forEach((entry) => {
if (entry.isIntersecting) {
entry.target.classList.add('is-visible');
observer.unobserve(entry.target);
}
});
},
{
threshold: 0,
rootMargin: '0px 0px -40% 0px',
/*
-40% faz disparar quando o elemento já está
mais dentro do viewport.
Ajusta entre -30% e -50% se necessário.
*/
},
);
document.querySelectorAll('.text-animation-fade-in').forEach((el) => textObserver.observe(el));
});
</script>
<!-- ========================= -->
<!-- CSS IMAGENS (INALTERADO)
<!-- ========================= -->
<style>
.scroll-down-animation {
opacity: 0 !important;
transition: opacity 0.6s ease-in-out !important;
}
.scroll-down-animation.is-visible {
opacity: 1 !important;
}
</style>
<!-- ========================= -->
<!-- CSS TEXTO (fade-in com atraso) -->
<!-- ========================= -->
<style>
.text-animation-fade-in {
opacity: 0;
transition: opacity 0.8s ease;
transition-delay: 0.5s; /* atraso de 1 segundo */
}
.text-animation-fade-in.is-visible {
opacity: 1;
}
</style>
<!-- ========================================================================== -->
<!-- CTAs Animations Code -->
<style>
/*
Cada content asset coloca o texto do CTA dentro de:
<span class="par-rule-link">...</span>
*/
.par-rule-link {
--rl-duration: 0.6s;
--rl-ease: cubic-bezier(0.22, 1, 0.36, 1);
--rl-thickness: 1px;
--rl-gap: 7px;
--rl-rest-opacity: 0.32;
position: relative;
display: inline-block;
padding-bottom: var(--rl-gap);
color: inherit;
text-decoration: none !important;
}
.par-rule-link::before,
.par-rule-link::after {
content: '';
position: absolute;
left: 0;
right: auto;
top: auto;
bottom: 0;
width: 100%;
height: var(--rl-thickness);
background: currentColor;
pointer-events: none;
}
/* Linha estrutural: mantém affordance mesmo sem hover. */
.par-rule-link::before {
opacity: var(--rl-rest-opacity);
}
/* Linha de resposta. */
.par-rule-link::after {
opacity: 1;
transform: scaleX(0);
transform-origin: 100% 50%;
transition: transform var(--rl-duration) var(--rl-ease);
}
/* Hover apenas quando o ponteiro está realmente sobre a label. */
@media (hover: hover) and (pointer: fine) {
/*
O span continua a ser o elemento visual, mas o hover pode viver no
wrapper do CTA. Isto é essencial no Hero vídeo, onde .video-cta::after
expande a hit-area e pode ficar por cima da label.
*/
.par-rule-link:hover::after,
.video-cta:hover .par-rule-link::after,
.hero-image-cta:hover .par-rule-link::after,
.img-text-1-cta:hover .par-rule-link::after,
.image-1-cta:hover .par-rule-link::after,
.cat-banners-category-cta:hover .par-rule-link::after {
transform: scaleX(1);
transform-origin: 0 50%;
}
}
/* Keyboard: o foco vive normalmente no link/button exterior. */
a:focus-visible .par-rule-link::after,
button:focus-visible .par-rule-link::after {
transform: scaleX(1);
transform-origin: 0 50%;
}
/* Touch: mantém apenas a linha base translúcida. */
@media (hover: none) {
.par-rule-link::after {
transform: scaleX(0);
transition: none;
}
}
/* Reduced motion: sinal visual sem percurso. */
@media (prefers-reduced-motion: reduce) {
.par-rule-link::after {
transition: none;
}
}
</style>
<!--
=====================================================================
HERO IMAGE — Homepage
Organização do código:
1. Markup
2. Script de conteúdo (imagens, link, título, CTA, GA, banner)
3. Script KEN BURNS (módulo isolado)
3b. Script ENTRADA DO TEXTO (módulo isolado)
4. Estilos base do bloco
5. Estilos KEN BURNS (módulo isolado)
5b. Estilos ENTRADA DO TEXTO (módulo isolado)
6. Script do padding dinâmico do top banner
Para DESATIVAR o Ken Burns: apagar as secções 3 e 5.
O wrapper .hero-media continua a funcionar sem elas
(a regra estrutural dele está nos estilos base, secção 4).
Para DESATIVAR a entrada do texto: apagar as secções 3b e 5b.
O texto fica visível normalmente sem elas.
Para AJUSTAR os efeitos: mexer só nas variáveis --kb-* (secção 5)
e --text-* / --title-delay / --cta-delay (secção 5b).
=====================================================================
-->
<!-- =================================================================
1. MARKUP
================================================================= -->
<a class="hero-image-link" href="">
<div class="hero-image-container homepage-auto-full-height">
<div class="hero-media">
<img width="1600" height="2844" class="hero-image-img mobile-only" src="" alt="Parfois Hero Image" />
<img width="2560" height="1440" class="hero-image-img desktop-only" src="" alt="Parfois Hero Image" />
</div>
<div class="hero-image-text-box">
<h2 class="hero-image-title"></h2>
<p class="hero-image-cta"><span class="par-rule-link"></span></p>
</div>
</div>
</a>
<!-- =================================================================
2. SCRIPT DE CONTEÚDO
================================================================= -->
<script>
// ------------------------------
// Setup de conteúdo
// ------------------------------
const heroImage_link = document.querySelector(".hero-image-link");
const heroImage_desktop = document.querySelector(".hero-image-img.desktop-only");
const heroImage_mobile = document.querySelector(".hero-image-img.mobile-only");
const heroImage_title = document.querySelector(".hero-image-title");
const heroImage_cta = document.querySelector(".hero-image-cta .par-rule-link");
// Atribuição de fontes (ajusta paths conforme necessário)
heroImage_desktop.src = "https://www.parfois.com/on/demandware.static/-/Library-Sites-ParfoisSharedLibrary/default/dwaff44017/ContentManagement/FW26/homepage/24-09-2026/0_desktop.jpg";
heroImage_mobile.src = "https://www.parfois.com/on/demandware.static/-/Library-Sites-ParfoisSharedLibrary/default/dw1348fd7c/ContentManagement/FW26/homepage/24-09-2026/0_mobile.jpg";
// Link de categoria (SFCC)
heroImage_link.href = 'https://www.parfois.com/fr/tn/new-in/';
heroImage_link.dataset.category = 1;
// Título
heroImage_title.textContent = 'New in';
// CTA por idioma
switch (document.documentElement.lang) {
case "pt": heroImage_cta.textContent = 'Descubra mais'; break;
case "es": heroImage_cta.textContent = 'Saber más'; break;
case "ca": heroImage_cta.textContent = 'Descobreix més'; break;
case "fr": heroImage_cta.textContent = "Plus d'informations"; break;
case "it": heroImage_cta.textContent = "Scopri di più"; break;
case "pl": heroImage_cta.textContent = 'Dowiedz się więcej'; break;
case "de": heroImage_cta.textContent = 'Mehr erfahren'; break;
case "ro": heroImage_cta.textContent = 'Descoperă mai mult'; break;
case 'bg': heroImage_cta.textContent = 'Научете повече'; break;
default: heroImage_cta.textContent = 'Discover more'; break;
}
// Alt coerente com o título
heroImage_desktop.alt = heroImage_title.textContent;
heroImage_mobile.alt = heroImage_title.textContent;
// ------------------------------
// Integração GA (mantém a tua função existente)
// ------------------------------
// elemento, url da imagem, nome da categoria em inglês, ranking, index
if (typeof sendEventGA === "function") {
sendEventGA(heroImage_link, heroImage_desktop.src, "New In", 1, 0);
}
// ------------------------------
// Lógica do banner (mantida)
// ------------------------------
document.addEventListener("DOMContentLoaded", function () {
const banner = document.getElementById("parHeaderBannerStatic");
const categoryTitle = document.querySelector(".hero-image-title");
const closeButton = document.querySelector(".js_banner-close");
// Verifica se o banner já tem a classe d-none ao carregar a página
if (banner && categoryTitle && banner.classList.contains("d-none")) {
categoryTitle.style.marginTop = "0px";
}
// Adiciona evento de clique ao botão de fechar
if (closeButton && categoryTitle && banner) {
closeButton.addEventListener("click", function () {
banner.classList.add("d-none");
categoryTitle.style.marginTop = "0px";
});
}
});
</script>
<!-- =================================================================
3. KEN BURNS — SCRIPT (módulo isolado)
O que faz:
- Marca o hero com data-kb="ready" → CSS aplica o estado inicial
(imagem ligeiramente ampliada).
- Espera que a imagem ativa (mobile ou desktop) esteja carregada,
para o movimento não correr sobre um hero vazio.
- Muda para data-kb="in" → CSS arranca a animação de zoom-out.
- No fim, adiciona .kb-idle para libertar o will-change (memória
de GPU).
Não depende de nenhuma variável do script de conteúdo: procura os
seus próprios elementos. Pode ser removido sem partir nada.
================================================================= -->
<script>
(function () {
'use strict';
// ---- Configuração ----
var HERO_SELECTOR = '.hero-image-container';
var MEDIA_SELECTOR = '.hero-media';
var MOBILE_QUERY = '(max-width: 543px)'; // igual ao breakpoint do CSS
var START_FALLBACK = 2500; // ms: arranca mesmo que o load nunca dispare
var IDLE_FALLBACK = 4500; // ms: liberta camadas mesmo sem animationend (> --kb-duration)
var hero = document.querySelector(HERO_SELECTOR);
if (!hero) return;
// Utilizadores com "reduzir movimento" ativo: não fazemos nada.
// (O CSS também está protegido, isto só evita trabalho inútil.)
if (window.matchMedia('(prefers-reduced-motion: reduce)').matches) return;
// Estado inicial só existe com JS. Sem JS, a imagem fica normal.
hero.setAttribute('data-kb', 'ready');
var started = false;
function play() {
if (started) return;
started = true;
// Duplo rAF: garante que o browser pintou o estado "ready"
// antes de mudarmos para "in", senão a animação pode saltar.
requestAnimationFrame(function () {
requestAnimationFrame(function () {
hero.setAttribute('data-kb', 'in');
var media = hero.querySelector(MEDIA_SELECTOR);
var released = false;
function release() {
if (released) return;
released = true;
hero.classList.add('kb-idle');
}
if (media) {
media.addEventListener('animationend', release, { once: true });
}
setTimeout(release, IDLE_FALLBACK);
});
});
}
// Imagem que está efetivamente visível neste viewport
var isMobile = window.matchMedia(MOBILE_QUERY).matches;
var activeImage = hero.querySelector(isMobile ? '.hero-image-img.mobile-only' : '.hero-image-img.desktop-only');
if (!activeImage || (activeImage.complete && activeImage.naturalWidth > 0)) {
play();
} else {
activeImage.addEventListener('load', play, { once: true });
activeImage.addEventListener('error', play, { once: true });
}
setTimeout(play, START_FALLBACK);
})();
</script>
<!-- =================================================================
3b. TEXTO — ENTRADA — SCRIPT (módulo isolado)
O que faz:
- Marca o hero com data-text="ready" → CSS esconde o título e o
CTA e desce-os ligeiramente.
- Espera pela imagem ativa (mesma condição do Ken Burns, por isso
os dois efeitos arrancam em simultâneo).
- Muda para data-text="in" → título e CTA sobem e aparecem, com
atraso escalonado.
Não depende do Ken Burns nem do script de conteúdo.
Pode ser removido sem partir nada.
================================================================= -->
<script>
(function () {
'use strict';
// ---- Configuração ----
var HERO_SELECTOR = '.hero-image-container';
var MOBILE_QUERY = '(max-width: 543px)'; // igual ao breakpoint do CSS
var START_FALLBACK = 2500; // ms: mostra o texto mesmo que o load nunca dispare
var hero = document.querySelector(HERO_SELECTOR);
if (!hero) return;
// Utilizadores com "reduzir movimento" ativo: texto visível de imediato.
if (window.matchMedia('(prefers-reduced-motion: reduce)').matches) return;
// Estado inicial só existe com JS. Sem JS, o texto fica visível.
hero.setAttribute('data-text', 'ready');
var started = false;
function play() {
if (started) return;
started = true;
// Duplo rAF: garante que o estado "ready" foi pintado primeiro.
requestAnimationFrame(function () {
requestAnimationFrame(function () {
hero.setAttribute('data-text', 'in');
});
});
}
// Imagem que está efetivamente visível neste viewport
var isMobile = window.matchMedia(MOBILE_QUERY).matches;
var activeImage = hero.querySelector(isMobile ? '.hero-image-img.mobile-only' : '.hero-image-img.desktop-only');
if (!activeImage || (activeImage.complete && activeImage.naturalWidth > 0)) {
play();
} else {
activeImage.addEventListener('load', play, { once: true });
activeImage.addEventListener('error', play, { once: true });
}
setTimeout(play, START_FALLBACK);
})();
</script>
<!-- =================================================================
4. ESTILOS BASE (iguais ao original + regra estrutural do wrapper)
================================================================= -->
<style>
.hero-image-container {
width: 100%;
height: 100%;
position: relative;
justify-content: center;
display: flex;
overflow: hidden; /* também recorta o zoom do Ken Burns */
}
/* Wrapper de media — estrutural, NÃO faz parte do Ken Burns.*/
.hero-media {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 0;
display: flex;
justify-content: center;
}
.hero-image-img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: top center;
padding-top: var(--par-header-offset, 0);
/* Ajuste para compensar o espaço do banner da top slot */
}
.hero-image-text-box {
z-index: 2;
position: absolute;
justify-content: center;
align-items: center;
gap: 0;
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
}
h2.hero-image-title {
text-align: center;
font-weight: 500;
font-size: 4rem;
color: #ffffff;
text-transform: uppercase;
letter-spacing: 0.05em;
line-height: 1.05;
padding: 0;
transition: margin-top 0.3s ease-in-out;
text-shadow: 0 0 4rem rgb(20 20 20 / 50%);
}
.hero-image-cta {
color: #ffffff !important;
font-size: 0.875rem;
font-weight: 500;
text-underline-offset: 0.25rem;
text-transform: lowercase;
margin: 0;
padding: 0;
text-shadow: 0 0 0.875rem rgb(20 20 20 / 50%);
text-transform: uppercase;
line-height: 1.25;
}
.hero-image-container::after {
content: '';
position: absolute;
top: var(--par-header-offset, 0);
left: 0;
background: linear-gradient(0deg, rgb(0 0 0 / 0%) 0%, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0) 85%, rgb(0 0 0 / 20%) 100%);
width: 100%;
height: 100%;
}
.mobile-only {
display: none;
}
.desktop-only {
display: block;
}
.homepage-auto-full-height {
/* height: 100dvh; */
height: 100vh;
}
@media only screen and (max-width: 543px) {
h2.hero-image-title {
font-size: 2rem;
text-shadow: 0 0 2rem rgb(20 20 20 / 50%);
}
#parHeaderBannerStatic.d-none ~ .hero-image-title {
top: 20%;
}
.hero-image-cta {
font-size: 0.8125rem;
text-shadow: 0 0 0.8125rem rgb(20 20 20 / 50%);
}
.hero-image-container::after {
background: linear-gradient(0deg, rgb(0 0 0 / 0%) 0%, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0) 85%, rgb(0 0 0 / 20%) 100%);
}
.hero-image-img {
width: 100%;
height: 100vh;
object-position: top center;
}
.mobile-only {
display: block;
}
.desktop-only {
display: none;
}
}
</style>
<!-- =================================================================
5. KEN BURNS — ESTILOS (módulo isolado)
Efeito: a fotografia começa ligeiramente ampliada e um pouco
deslocada para cima, e assenta no tamanho real com um zoom-out
suave. Uma única curva do início ao fim (sem fases), para não
haver mudanças bruscas de velocidade.
Estados (definidos pelo script da secção 3):
[data-kb="ready"] → estado inicial, antes da imagem carregar
[data-kb="in"] → animação a correr
.kb-idle → animação terminada, will-change libertado
Tudo dentro de prefers-reduced-motion: no-preference, por isso
quem pede menos movimento vê a imagem estática.
================================================================= -->
<style>
@media (prefers-reduced-motion: no-preference) {
/* ---- Afinação do efeito: só é preciso mexer aqui ---- */
.hero-image-container {
--kb-scale-in: 1.05; /* zoom inicial (1 = sem zoom) */
--kb-shift-in: -0.45%; /* deslocamento vertical inicial */
--kb-duration: 3.6s; /* duração total */
--kb-origin: top center; /* ponto fixo do zoom */
--kb-ease: cubic-bezier(0.16, 1, 0.3, 1); /* resolve cedo, aterra suave */
}
/* Mobile: amplitude e duração menores (ecrã pequeno amplifica
a perceção de movimento). */
@media only screen and (max-width: 543px) {
.hero-image-container {
--kb-scale-in: 1.035;
--kb-shift-in: -0.25%;
--kb-duration: 3.2s;
}
}
.hero-image-container[data-kb] .hero-media {
transform-origin: var(--kb-origin);
backface-visibility: hidden;
will-change: transform;
}
/* Estado inicial (à espera da imagem) */
.hero-image-container[data-kb='ready'] .hero-media {
transform: scale(var(--kb-scale-in)) translate3d(0, var(--kb-shift-in), 0);
}
/* Animação */
.hero-image-container[data-kb='in'] .hero-media {
animation: heroKenBurns var(--kb-duration) var(--kb-ease) forwards;
}
@keyframes heroKenBurns {
from {
transform: scale(var(--kb-scale-in)) translate3d(0, var(--kb-shift-in), 0);
}
to {
transform: scale(1) translate3d(0, 0, 0);
}
}
/* Fim: devolve a memória da camada de composição */
.hero-image-container.kb-idle .hero-media {
will-change: auto;
}
}
</style>
<!-- =================================================================
5b. TEXTO — ENTRADA — ESTILOS (módulo isolado)
Efeito: título e CTA sobem 32px (20px em mobile) enquanto passam
de invisíveis a visíveis. O CTA entra ligeiramente depois do
título.
Estados (definidos pelo script da secção 3b):
[data-text="ready"] → texto invisível e descido
[data-text="in"] → animação a correr
Tudo dentro de prefers-reduced-motion: no-preference, por isso
quem pede menos movimento vê o texto de imediato.
================================================================= -->
<style>
@media (prefers-reduced-motion: no-preference) {
/* ---- Afinação do efeito: só é preciso mexer aqui ---- */
.hero-image-container {
--text-distance: 32px; /* distância percorrida na subida */
--text-duration: 1s; /* duração de cada entrada */
--text-ease: cubic-bezier(0.22, 1, 0.36, 1);
--title-delay: 0.35s; /* atraso do título */
--cta-delay: 0.6s; /* atraso do CTA */
}
@media only screen and (max-width: 543px) {
.hero-image-container {
--text-distance: 20px;
}
}
/* Estado inicial (à espera da imagem) */
.hero-image-container[data-text='ready'] .hero-image-title,
.hero-image-container[data-text='ready'] .hero-image-cta {
opacity: 0;
transform: translate3d(0, var(--text-distance), 0);
}
/* Animação */
.hero-image-container[data-text='in'] .hero-image-title {
animation: heroTextUp var(--text-duration) var(--text-ease) var(--title-delay) both;
}
.hero-image-container[data-text='in'] .hero-image-cta {
animation: heroTextUp var(--text-duration) var(--text-ease) var(--cta-delay) both;
}
@keyframes heroTextUp {
from {
opacity: 0;
transform: translate3d(0, var(--text-distance), 0);
}
to {
opacity: 1;
transform: translate3d(0, 0, 0);
}
}
}
</style>
<!-- =================================================================
6. TOP BANNER — PADDING DINÂMICO
================================================================= -->
<script>
if (document.getElementById('parHeaderBannerStatic')) {
document.documentElement.style.setProperty('--par-header-offset', '36px');
}
</script>
<div class="cat-banners-container scroll-down-animation">
<a href="" class="cat-banners-item" id="cat-banners-1-link">
<img width="800" height="1067" class="cat-banners-category-img" id="cat-banners-1-img" loading="lazy" src="" alt="" />
<div class="stickyHomepageCategoryText">
<h2 class="cat-banners-category-name" id="cat-banners-1-title"></h2>
<p class="cat-banners-category-cta d-none"><span class="par-rule-link"></span></p>
</div>
</a>
<a href="" class="cat-banners-item" id="cat-banners-2-link">
<img width="800" height="1067" class="cat-banners-category-img" id="cat-banners-2-img" loading="lazy" src="" alt="" />
<div class="stickyHomepageCategoryText">
<h2 class="cat-banners-category-name" id="cat-banners-2-title"></h2>
<p class="cat-banners-category-cta d-none"><span class="par-rule-link"></span></p>
</div>
</a>
<a href="" class="cat-banners-item" id="cat-banners-3-link">
<img width="800" height="1067" class="cat-banners-category-img" id="cat-banners-3-img" loading="lazy" src="" alt="" />
<div class="stickyHomepageCategoryText">
<h2 class="cat-banners-category-name" id="cat-banners-3-title"></h2>
<p class="cat-banners-category-cta d-none"><span class="par-rule-link"></span></p>
</div>
</a>
<a href="" class="cat-banners-item" id="cat-banners-4-link">
<img width="800" height="1067" class="cat-banners-category-img" id="cat-banners-4-img" loading="lazy" src="" alt="" />
<div class="stickyHomepageCategoryText">
<h2 class="cat-banners-category-name" id="cat-banners-4-title"></h2>
<p class="cat-banners-category-cta d-none"><span class="par-rule-link"></span></p>
</div>
</a>
</div>
<script>
// Selecionar Categorias IDs por ID
const cat1link = document.getElementById('cat-banners-1-link');
const cat2link = document.getElementById('cat-banners-2-link');
const cat3link = document.getElementById('cat-banners-3-link');
const cat4link = document.getElementById('cat-banners-4-link');
// Selecionar Imagens src por ID
const cat1img = document.getElementById('cat-banners-1-img');
const cat2img = document.getElementById('cat-banners-2-img');
const cat3img = document.getElementById('cat-banners-3-img');
const cat4img = document.getElementById('cat-banners-4-img');
// Selecionar Elementos por ID
const cat1 = document.getElementById('cat-banners-1-title');
const cat2 = document.getElementById('cat-banners-2-title');
const cat3 = document.getElementById('cat-banners-3-title');
const cat4 = document.getElementById('cat-banners-4-title');
// Selecione os elementos por Class
const ctageral = document.querySelectorAll('.cat-banners-category-cta .par-rule-link');
switch (document.documentElement.lang) {
case 'pt':
cat1.textContent = 'Roupa';
cat2.textContent = 'Malas';
cat3.textContent = 'Sapatos';
cat4.textContent = 'Bijuteria';
ctageral.forEach((cta) => {
cta.textContent = 'Descubra mais';
});
break;
case 'es':
cat1.textContent = 'Ropa';
cat2.textContent = 'Bolsos';
cat3.textContent = 'Zapatos';
cat4.textContent = 'Bisutería';
if (window.preload?.country === 'MX' && window.preload?.language === 'es') {
cat2.textContent = 'Bolsas';
}
ctageral.forEach((cta) => {
cta.textContent = 'Saber más';
});
break;
case 'ca':
cat1.textContent = 'Roba';
cat2.textContent = 'Bosses';
cat3.textContent = 'Calçat';
cat4.textContent = 'Bijuteria';
ctageral.forEach((cta) => {
cta.textContent = 'Descobreix més';
});
break;
case 'fr':
cat1.textContent = 'Vêtements';
cat2.textContent = 'Sacs';
cat3.textContent = 'Chaussures';
cat4.textContent = 'Bijoux';
ctageral.forEach((cta) => {
cta.textContent = "Plus d'informations";
});
break;
case 'it':
cat1.textContent = 'Abbigliamento';
cat2.textContent = 'Borse';
cat3.textContent = 'Scarpe';
cat4.textContent = 'Bigiotteria';
ctageral.forEach((cta) => {
cta.textContent = 'Scopri di più';
});
break;
case 'pl':
cat1.textContent = 'Odzież';
cat2.textContent = 'Torebki';
cat3.textContent = 'Obuwie';
cat4.textContent = 'Biżuteria';
ctageral.forEach((cta) => {
cta.textContent = 'Dowiedz się więcej';
});
break;
case 'de':
cat1.textContent = 'Kleidung';
cat2.textContent = 'Taschen';
cat3.textContent = 'Schuhe';
cat4.textContent = 'Schmuck';
ctageral.forEach((cta) => {
cta.textContent = 'Mehr erfahren';
});
break;
case 'ro':
cat1.textContent = 'Îmbrăcăminte';
cat2.textContent = 'Genți';
cat3.textContent = 'Pantofi';
cat4.textContent = 'Bijuterii';
ctageral.forEach((cta) => {
cta.textContent = 'Descoperă mai mult';
});
break;
case 'bg':
cat1.textContent = 'Облекло';
cat2.textContent = 'Чанти';
cat3.textContent = 'Обувки';
cat4.textContent = 'Бижута';
ctageral.forEach((cta) => {
cta.textContent = 'Научете повече';
});
break;
default:
cat1.textContent = 'Clothing';
cat2.textContent = 'Bags';
cat3.textContent = 'Shoes';
cat4.textContent = 'Jewellery';
ctageral.forEach((cta) => {
cta.textContent = 'Discover more';
});
break;
}
// Atribuir IDs ------------------------------------------------
cat1link.href = "https://www.parfois.com/fr/tn/vetements/";
cat2link.href = "https://www.parfois.com/fr/tn/sacs/";
cat3link.href = "https://www.parfois.com/fr/tn/chaussures/";
cat4link.href = "https://www.parfois.com/fr/tn/bijoux/";
cat1link.dataset.category = 3;
cat2link.dataset.category = 2;
cat3link.dataset.category = 4;
cat4link.dataset.category = 5;
// Atribuir IMG src --------------------------------------------
cat1img.src = 'https://www.parfois.com/on/demandware.static/-/Library-Sites-ParfoisSharedLibrary/default/dw528cc87f/ContentManagement/FW26/homepage/24-09-2026/1_clothing.jpg';
cat2img.src = 'https://www.parfois.com/on/demandware.static/-/Library-Sites-ParfoisSharedLibrary/default/dw7fb1499b/ContentManagement/FW26/homepage/24-09-2026/2_bags.jpg';
cat3img.src = 'https://www.parfois.com/on/demandware.static/-/Library-Sites-ParfoisSharedLibrary/default/dw469fc595/ContentManagement/FW26/homepage/24-09-2026/3_shoes.jpg';
cat4img.src = 'https://www.parfois.com/on/demandware.static/-/Library-Sites-ParfoisSharedLibrary/default/dw44d82e89/ContentManagement/FW26/homepage/24-09-2026/4_jewellery.jpg';
// Atribuir nomes ao Alt das imagens ---------------------------
cat1img.alt = cat1.textContent;
cat2img.alt = cat2.textContent;
cat3img.alt = cat3.textContent;
cat4img.alt = cat4.textContent;
// GA ----------------------------------------------------------
sendEventGA(cat1link, cat1img.src, 'Bags', 2, 1);
sendEventGA(cat2link, cat2img.src, 'Clothing', 2, 0);
sendEventGA(cat3link, cat3img.src, 'Jewellery', 2, 3);
sendEventGA(cat4link, cat4img.src, 'Shoes', 2, 2);
</script>
<style>
.stickyHomepageCategoryText {
position: sticky;
bottom: 0;
display: flex;
justify-content: space-between;
padding: 1.875rem;
background: transparent;
transition: position 0.3s ease-in-out;
width: 100%;
text-decoration: none !important;
isolation: isolate;
z-index: 3;
}
.cat-banners-container {
display: flex;
flex-wrap: wrap;
}
.cat-banners-item {
flex: 1 0 25%;
box-sizing: border-box;
position: relative;
height: 100%;
width: 100%;
display: flex;
flex-direction: column;
text-decoration: none !important;
aspect-ratio: 3 / 4;
overflow: clip;
isolation: isolate;
}
.stickyHomepageCategoryText::before {
content: '';
position: absolute;
left: -18%;
right: -18%;
bottom: -3rem;
height: 130vh;
min-height: 52rem;
z-index: 0;
pointer-events: none;
background: linear-gradient(28deg, rgb(0 0 0 / 18%) 0%, rgb(0 0 0 / 12%) 10%, rgb(0 0 0 / 7%) 19%, rgb(0 0 0 / 3%) 29%, rgb(0 0 0 / 1%) 37%, rgb(0 0 0 / 0%) 46%, rgb(0 0 0 / 0%) 100%);
}
.stickyHomepageCategoryText > * {
position: relative;
z-index: 1;
}
.cat-banners-category-img {
width: 100%;
height: auto;
flex-grow: 1;
transition: transform 0.7s cubic-bezier(0.22, 1, 0.36, 1);
}
.cat-banners-item:hover .cat-banners-category-img,
.cat-banners-item:focus-visible .cat-banners-category-img {
transform: scale(1.035);
}
h2.cat-banners-category-name {
text-transform: lowercase;
color: #ffffff;
font-size: 1.5rem;
font-weight: 500;
padding: 0;
margin: 0;
letter-spacing: 0;
}
h2.cat-banners-category-name:first-letter {
text-transform: uppercase;
}
.cat-banners-category-cta {
align-self: end;
text-transform: lowercase;
color: #ffffff;
font-size: 0.875rem;
font-weight: 500;
padding: 0;
margin: 0;
z-index: 2;
}
.cat-banners-category-cta:first-letter {
text-transform: uppercase;
}
@media (max-width: 992px) {
.cat-banners-item {
flex: 1 0 50%;
}
.cat-banners-category-cta {
font-size: 0.75rem;
}
h2.cat-banners-category-name {
font-size: 1.25rem;
}
}
@media (max-width: 543px) {
.cat-banners-item {
flex: 1 0 50%;
}
.cat-banners-category-cta {
font-size: 0.8125rem;
}
h2.cat-banners-category-name {
font-size: 1rem;
}
.stickyHomepageCategoryText {
padding: 1rem;
}
.stickyHomepageCategoryText::before {
left: -22%;
right: -22%;
bottom: -2.5rem;
height: 130svh;
min-height: 44rem;
background: linear-gradient(30deg, rgb(0 0 0 / 19%) 0%, rgb(0 0 0 / 12%) 11%, rgb(0 0 0 / 6%) 21%, rgb(0 0 0 / 2%) 31%, rgb(0 0 0 / 0%) 42%, rgb(0 0 0 / 0%) 100%);
}
}
@media (hover: none) {
.cat-banners-item:hover .cat-banners-category-img {
transform: none;
}
}
@media (prefers-reduced-motion: reduce) {
.cat-banners-category-img {
transition: none !important;
}
.cat-banners-item:hover .cat-banners-category-img,
.cat-banners-item:focus-visible .cat-banners-category-img {
transform: none;
}
}
</style>
<script>
document.addEventListener('DOMContentLoaded', function () {
const images = document.querySelectorAll('.cat-banners-category-img');
const textDivs = document.querySelectorAll('.stickyHomepageCategoryText'); // Seleciona todas as divs associadas
let lastScrollY = window.scrollY; // Guarda a posição anterior do scroll
// Função para calcular a posição da parte inferior de cada imagem
const getBottomPosition = (element) => {
const rect = element.getBoundingClientRect();
return rect.bottom + window.scrollY;
};
const updateTextDivPosition = () => {
images.forEach((img, index) => {
const textDiv = textDivs[index]; // A div associada à imagem
const imageBottomPosition = getBottomPosition(img); // Posição da parte inferior da imagem
// Se a posição do scroll for suficiente para que a parte inferior da imagem
// esteja a tocar o topo do viewport, a div muda para position absolute
if (window.scrollY >= imageBottomPosition - window.innerHeight) {
textDiv.style.position = 'absolute';
textDiv.style.bottom = '0';
} else {
// Caso contrário, mantém-se sticky
textDiv.style.position = 'sticky';
textDiv.style.bottom = '0';
}
});
};
// Função para recalcular as posições ao fazer resize
const handleResize = () => {
updateTextDivPosition(); // Recalcula a posição das divs
};
// Chama a função quando a página carregar para ajustar a posição inicial
updateTextDivPosition();
// Adiciona o listener de scroll para atualizar a posição das divs durante o scroll
window.addEventListener('scroll', () => {
updateTextDivPosition();
lastScrollY = window.scrollY; // Atualiza a posição do scroll
});
// Adiciona o listener de resize para recalcular as posições ao redimensionar a janela
window.addEventListener('resize', handleResize);
});
</script>
<a class="img-text-1-link scroll-down-animation" href="">
<img width="1920" height="1200" class="img-text-1-img mobile-only" src="" alt="Parfois Category" />
<img width="1920" height="1200" class="img-text-1-img desktop-only" src="" alt="Parfois Category" />
<div class="img-text-1-container mx-auto">
<h2 class="img-text-1-title"></h2>
<p id="img-text-1-description"></p>
<p class="img-text-1-cta"><span class="par-rule-link"></span></p>
</div>
</a>
<style>
.img-text-1-link {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 2.5rem;
margin: 5%;
}
.img-text-1-link:hover {
text-decoration: none;
}
.img-text-1-img {
width: 100%;
height: 100%;
max-width: 50dvw;
object-fit: cover;
transition: transform 0.1s ease-out;
aspect-ratio: 16 / 10;
object-position: top;
}
.img-text-1-container {
display: flex;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
flex-direction: column;
padding: 0;
gap: 1rem;
text-decoration: none;
max-width: 50%;
}
h2.img-text-1-title {
text-align: center;
font-weight: 500;
font-size: 2.625rem;
text-transform: uppercase;
letter-spacing: 0.05em;
z-index: 2;
line-height: 1.05;
margin: 0;
padding: 0;
transition: margin-top 0.3s ease-in-out;
}
#img-text-1-description {
text-align: center;
}
.img-text-1-cta {
text-align: center;
font-size: 0.875rem;
font-weight: 500;
z-index: 2;
text-transform: uppercase;
margin: 0;
padding: 0;
line-height: 1.25;
width: fit-content;
}
.img-text-1-cta:hover {
padding: 0 0.25rem;
}
.mobile-only {
display: none;
}
.desktop-only {
display: block;
}
@media only screen and (max-width: 543px) {
.img-text-1-link {
margin: 10%;
}
.img-text-1-container {
max-width: 100%;
}
h2.img-text-1-title {
width: 100%;
text-align: center;
font-size: 2rem;
text-shadow: 0 0 10px rgba(19, 19, 19, 0.1);
}
#parHeaderBannerStatic.d-none ~ .img-text-1-title {
top: 20%;
}
.img-text-1-cta {
font-size: 0.8125rem;
padding: 0;
margin: 0;
top: auto;
left: auto;
}
#img-text-1-description {
font-size: 0.813rem;
line-height: 1rem;
}
.img-text-1-img {
width: 100%;
height: 100%;
max-width: 100%;
}
.mobile-only {
display: block;
}
.desktop-only {
display: none;
}
}
</style>
<script>
//Nome da Categoria
const imgText1_link = document.querySelector(".img-text-1-link");
const imgText1_desktop = document.querySelector(".img-text-1-img.desktop-only");
const imgText1_mobile = document.querySelector(".img-text-1-img.mobile-only");
const imgText1_title = document.querySelector(".img-text-1-title");
const imgText1_description = document.getElementById("img-text-1-description");
const imgText1_cta = document.querySelector('.img-text-1-cta .par-rule-link');
// Atrubuicao de Variaveis
imgText1_desktop.src = "https://www.parfois.com/on/demandware.static/-/Library-Sites-ParfoisSharedLibrary/default/dw02a4b986/ContentManagement/FW26/homepage/24-09-2026/5_banner1.jpg";
imgText1_mobile.src = "https://www.parfois.com/on/demandware.static/-/Library-Sites-ParfoisSharedLibrary/default/dw02a4b986/ContentManagement/FW26/homepage/24-09-2026/5_banner1.jpg";
imgText1_link.href = 'https://www.parfois.com/fr/tn/alice-pilate-x-parfois/';
imgText1_link.dataset.category = 3508;
switch (document.documentElement.lang) {
case "pt":
imgText1_title.innerHTML = 'Alice Pilate x Parfois';
imgText1_description.innerHTML = 'Inspirada na sua filosofia, a coleção Alice Pilate combina conforto, funcionalidade e um estilo descontraído. Pensada para acompanhar os seus movimentos, cada peça foi criada para as sessões de Pilates e muito mais, desde a rotina diária aos momentos de descanso.';
imgText1_cta.textContent = 'Descubra mais';
break;
case "es":
imgText1_title.innerHTML = 'Alice Pilate x Parfois';
imgText1_description.innerHTML = 'Inspirada en su filosofía, la colección Alice Pilate combina comodidad, funcionalidad y un estilo desenfadado. Diseñada para acompañarte en cada movimiento, cada prenda está pensada para las sesiones de Pilates y mucho más, desde tu rutina diaria hasta tus momentos de descanso.';
imgText1_cta.textContent = 'Saber más';
break;
case "ca":
imgText1_title.innerHTML = 'Alice Pilate x Parfois';
imgText1_description.innerHTML = "Inspirada en la seva filosofia, la col·lecció Alice Pilate combina comoditat, funcionalitat i un estil natural. Dissenyada per acompanyar-te en moviment, cada peça està pensada per a les sessions de Pilates i molt més, des de la teva rutina diària fins als moments de descans.";
imgText1_cta.textContent = 'Descobreix més';
break;
case "fr":
imgText1_title.innerHTML = 'Alice Pilate x Parfois';
imgText1_description.innerHTML = "Inspirée par sa philosophie, la collection Alice Pilate réunit confort, fonctionnalité et style naturel. Conçue pour accompagner vos mouvements, chaque pièce est pensée pour les séances de Pilates et bien plus encore, de votre quotidien à vos moments de détente.";
imgText1_cta.textContent = "Plus d'informations";
break;
case "it":
imgText1_title.innerHTML = 'Alice Pilate x Parfois';
imgText1_description.innerHTML = "Ispirata alla sua filosofia, la collezione Alice Pilate unisce comfort, funzionalità e uno stile naturale. Pensato per accompagnarti nei movimenti, ogni capo è ideale per le sessioni di Pilates e non solo, dalla routine quotidiana ai momenti di relax.";
imgText1_cta.textContent = "Scopri di più";
break;
case "pl":
imgText1_title.innerHTML = 'Alice Pilate x Parfois';
imgText1_description.innerHTML = 'Zainspirowana jej filozofią kolekcja Alice Pilate łączy komfort, funkcjonalność i niewymuszony styl. Każdy model został zaprojektowany tak, aby podążać za Twoim ruchem — podczas sesji Pilates i nie tylko, od codziennej rutyny po chwile odpoczynku.';
imgText1_cta.textContent = 'Dowiedz się więcej';
break;
case "de":
imgText1_title.innerHTML = 'Alice Pilate x Parfois';
imgText1_description.innerHTML = 'Inspiriert von ihrer Philosophie vereint die Alice Pilate Collection Komfort, Funktionalität und mühelosen Stil. Jedes Piece ist darauf ausgelegt, Ihre Bewegungen mitzumachen – bei Pilates-Sessions und darüber hinaus, vom Alltag bis zu entspannten Momenten.';
imgText1_cta.textContent = 'Mehr erfahren';
break;
case "ro":
imgText1_title.innerHTML = 'Alice Pilate x Parfois';
imgText1_description.innerHTML = 'Inspirată de filosofia sa, colecția Alice Pilate îmbină confortul, funcționalitatea și stilul natural. Concepută pentru a te însoți în mișcare, fiecare piesă este creată pentru sesiunile de Pilates și nu numai, de la rutina zilnică la momentele de relaxare.';
imgText1_cta.textContent = 'Descoperă mai mult';
break;
case "bg":
imgText1_title.innerHTML = 'Alice Pilate x Parfois';
imgText1_description.innerHTML = 'Вдъхновена от нейната философия, колекцията Alice Pilate съчетава комфорт, функционалност и непринуден стил. Създадена да се движи заедно с вас, всяка дреха е подходяща както за пилатес тренировки, така и за моментите извън тях – от ежедневието ви до времето за почивка.';
imgText1_cta.textContent = 'Научете повече';
break;
default:
imgText1_title.innerHTML = 'Alice Pilate x Parfois';
imgText1_description.innerHTML = 'Inspired by her philosophy, the Alice Pilate Collection brings together comfort, functionality and effortless style. Designed to move with you, each piece is made for Pilates sessions and beyond, from your daily routine to moments of rest.';
imgText1_cta.textContent = 'Discover more';
break;
}
// Atribuir nomes ao Alt das imagens --------------------------------------------
let altimgText1 = '';
switch (document.documentElement.lang) {
case 'pt':
altimgText1 = 'Ir para ';
break;
case 'es':
altimgText1 = 'Ir a ';
break;
case 'ca':
altimgText1 = 'Anar a ';
break;
case 'fr':
altimgText1 = 'Aller à ';
break;
case 'it':
altimgText1 = 'Andare a ';
break;
case 'pl':
altimgText1 = 'Przejdź do ';
break;
case 'de':
altimgText1 = 'Gehe zu ';
break;
case 'ro':
altimgText1 = 'Du-te la ';
break;
default:
altimgText1 = 'Go to ';
}
imgText1_desktop.alt = altimgText1 + imgText1_title.textContent;
imgText1_mobile.alt = altimgText1 + imgText1_title.textContent;
</script>
<a class="image-1-link scroll-down-animation" href="">
<div class="image-1-container">
<img width="1600" height="2844" class="image-1-img mobile-only" src="" alt="Parfois Hero Image" />
<img width="2560" height="1440" class="image-1-img desktop-only" src="" alt="Parfois Hero Image" />
<div class="image-1-text-box text-animation-fade-in">
<h2 class="image-1-title"></h2>
<p class="image-1-cta"><span class="par-rule-link"></span></p>
</div>
</div>
</a>
<script>
// ------------------------------
// Setup de conteúdo
// ------------------------------
const image1_link = document.querySelector(".image-1-link");
const image1_desktop = document.querySelector(".image-1-img.desktop-only");
const image1_mobile = document.querySelector(".image-1-img.mobile-only");
const image1_title = document.querySelector(".image-1-title");
const image1_cta = document.querySelector(".image-1-cta .par-rule-link");
// Atribuição de fontes (ajusta paths conforme necessário)
image1_desktop.src = "https://www.parfois.com/on/demandware.static/-/Library-Sites-ParfoisSharedLibrary/default/dw358da218/ContentManagement/FW26/homepage/24-09-2026/6_desktop.jpg";
image1_mobile.src = "https://www.parfois.com/on/demandware.static/-/Library-Sites-ParfoisSharedLibrary/default/dwe94c4f4e/ContentManagement/FW26/homepage/24-09-2026/6_mobile.jpg";
// Link de categoria (SFCC)
image1_link.href = 'https://www.parfois.com/fr/tn/cuir/';
image1_link.dataset.category = 3145;
// Título
switch (document.documentElement.lang) {
case "pt": image1_title.textContent = 'Pele'; break;
case "es": image1_title.textContent = 'Piel'; break;
case "ca": image1_title.textContent = 'Pell'; break;
case "fr": image1_title.textContent = "Cuir"; break;
case "it": image1_title.textContent = "Pelle"; break;
case "pl": image1_title.textContent = 'Skóra'; break;
case "de": image1_title.textContent = 'Leder'; break;
case "ro": image1_title.textContent = 'Piele'; break;
case "bg": image1_title.textContent = 'Кожа'; break;
default: image1_title.textContent = 'Leather'; break;
}
// CTA por idioma
switch (document.documentElement.lang) {
case "pt": image1_cta.textContent = 'Descubra mais'; break;
case "es": image1_cta.textContent = 'Saber más'; break;
case "ca": image1_cta.textContent = 'Descobreix més'; break;
case "fr": image1_cta.textContent = "Plus d'informations"; break;
case "it": image1_cta.textContent = "Scopri di più"; break;
case "pl": image1_cta.textContent = 'Dowiedz się więcej'; break;
case "de": image1_cta.textContent = 'Mehr erfahren'; break;
case "ro": image1_cta.textContent = 'Descoperă mai mult'; break;
case "bg": image1_cta.textContent = 'Научете повече'; break;
default: image1_cta.textContent = 'Discover more'; break;
}
// Alt coerente com o título
image1_desktop.alt = image1_title.textContent;
image1_mobile.alt = image1_title.textContent;
// ------------------------------
// Integração GA (mantém a tua função existente)
// ------------------------------
// elemento, url da imagem, nome da categoria em inglês, ranking, index
if (typeof sendEventGA === "function") {
sendEventGA(image1_link, image1_desktop.src, "New In", 1, 0);
}
</script>
<style>
.image-1-container {
width: 100%;
height: 100%;
position: relative;
justify-content: center;
display: flex;
overflow: hidden;
}
.image-1-img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: top center;
}
.image-1-text-box {
z-index: 2;
position: absolute;
justify-content: center;
align-items: center;
gap: 0;
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
}
h2.image-1-title {
text-align: center;
font-weight: 500;
font-size: 2.625rem;
color: #ffffff;
text-transform: uppercase;
letter-spacing: 0.05em;
line-height: 1.05;
padding: 0;
transition: margin-top 0.3s ease-in-out;
text-shadow: 0 0 2.625rem rgb(20 20 20 / 50%);
}
.image-1-cta {
color: #ffffff !important;
font-size: 0.875rem;
font-weight: 500;
margin: 0;
padding: 0;
text-shadow: 0 0 0.875rem rgb(20 20 20 / 50%);
text-transform: uppercase;
line-height: 1.25;
width: fit-content;
}
.mobile-only {
display: none;
}
.desktop-only {
display: block;
}
@media only screen and (max-width: 543px) {
h2.image-1-title {
font-size: 2rem;
text-shadow: 0 0 2rem rgb(20 20 20 / 50%);
}
#parHeaderBannerStatic.d-none ~ .image-1-title {
top: 20%;
}
.image-1-cta {
font-size: 0.8125rem;
text-shadow: 0 0 0.8125rem rgb(20 20 20 / 50%);
}
.image-1-img {
width: 100%;
height: 100vh;
object-position: top center;
}
.mobile-only {
display: block;
}
.desktop-only {
display: none;
}
}
</style>
<style>
@import url('https://fonts.googleapis.com/css2?family=Libre+Baskerville:ital,wght@1,400..700&display=swap');
</style>
<a class="half-1-link" href="">
<div class="half-1-img-container scroll-down-animation">
<img class="half-1-img mobile-only" src="" alt="Parfois Category" />
<img class="half-1-img desktop-only" src="" alt="Parfois Category" />
</div>
<div class="half-1-container scroll-down-animation">
<span class="half-1-tag">NEW</span>
<h2 class="half-1-title"></h2>
<p id="half-1-description"></p>
<p class="half-1-cta"><span class="par-rule-link"></span></p>
</div>
</a>
<style>
/* =========================
LAYOUT
========================== */
a.half-1-link {
display: flex;
flex-direction: row-reverse;
align-items: stretch;
width: 100%;
text-decoration: none;
margin: 2rem 0;
}
.half-1-link:hover {
text-decoration: none;
}
.half-1-img-container,
.half-1-container {
flex: 0 0 50%;
width: 50%;
}
/* Garante altura consistente em desktop */
.half-1-img-container {
position: relative;
overflow: hidden;
min-height: clamp(420px, 50vw, 720px);
display: flex;
}
.half-1-img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
transition: transform 0.2s ease-out;
}
/* =========================
TEXT CONTENT
========================== */
.half-1-container {
display: flex;
flex-direction: column;
justify-content: center;
padding: 5rem;
gap: 1rem;
}
.half-1-tag {
margin-bottom: -1rem;
}
h2.half-1-title {
text-align: left;
font-weight: 600;
font-size: 2.625rem;
letter-spacing: 0.05em;
line-height: 1.05;
margin: 0;
font-family: 'Libre Baskerville', serif;
font-optical-sizing: auto;
font-style: italic;
}
#half-1-description {
text-align: left;
margin: 0;
max-width: 75%;
}
.half-1-cta {
text-align: center;
font-size: 0.875rem;
font-weight: 500;
z-index: 2;
text-transform: uppercase;
margin: 0;
padding: 0;
line-height: 1.25;
width: fit-content;
}
/* =========================
IMAGE SWITCH
========================== */
.mobile-only {
display: none;
}
.desktop-only {
display: block;
}
/* =========================
MOBILE
========================== */
@media only screen and (max-width: 991.98px) {
a.half-1-link {
flex-direction: column;
}
.half-1-img-container,
.half-1-container {
flex: 0 0 auto;
width: 100%;
}
.half-1-img-container {
min-height: auto;
aspect-ratio: 4 / 5;
}
.half-1-container {
padding: 2rem 1.5rem;
text-align: left;
}
h2.half-1-title {
font-size: 2rem;
text-align: left;
}
#half-1-description {
text-align: left;
max-width: 100%;
font-size: 0.813rem;
line-height: 1rem;
}
.half-1-cta {
font-size: 0.8125rem;
padding: 0;
margin: 0;
top: auto;
left: auto;
}
.mobile-only {
display: block;
}
.desktop-only {
display: none;
}
}
</style>
<script>
const half1_link = document.querySelector('.half-1-link');
const half1_desktop = document.querySelector('.half-1-img.desktop-only');
const half1_mobile = document.querySelector('.half-1-img.mobile-only');
const half1_title = document.querySelector('.half-1-title');
const half1_description = document.getElementById('half-1-description');
const half1_cta = document.querySelector('.half-1-cta .par-rule-link');
/* =========================
IMAGE SOURCES
========================== */
half1_desktop.src = 'https://www.parfois.com/on/demandware.static/-/Library-Sites-ParfoisSharedLibrary/default/dwb9ef872d/ContentManagement/FW26/homepage/24-09-2026/7_banner2.jpg';
half1_mobile.src = 'https://www.parfois.com/on/demandware.static/-/Library-Sites-ParfoisSharedLibrary/default/dwb9ef872d/ContentManagement/FW26/homepage/24-09-2026/7_banner2.jpg';
/* =========================
LINK
========================== */
half1_link.href = 'https://www.parfois.com/fr/tn/travel-and-gym/';
half1_link.dataset.category = 3514;
/* =========================
TEXT BY LANGUAGE
========================== */
switch (document.documentElement.lang) {
case 'pt':
half1_title.innerHTML = 'Travel & Gym:';
half1_description.innerHTML = 'Do ginásio para onde quer que o dia te leve. Descobre uma coleção pensada para rotinas ativas, planos espontâneos e movimento no dia a dia, reunindo roupa de ginásio e malas práticas feitas para acompanhar o teu ritmo.';
half1_cta.textContent = 'Descubra mais';
break;
case 'es':
half1_title.innerHTML = 'Travel & Gym:';
half1_description.innerHTML = 'Del gimnasio a donde te lleve el día. Descubre una colección diseñada para rutinas activas, planes espontáneos y el movimiento diario, con ropa deportiva y bolsos prácticos pensados para seguir tu ritmo.';
half1_cta.textContent = 'Saber más';
break;
case 'ca':
half1_title.innerHTML = 'Travel & Gym:';
half1_description.innerHTML = "Del gimnàs allà on et porti el dia. Descobreix una col·lecció pensada per a rutines actives, plans espontanis i moviment diari, que combina roba esportiva i bosses pràctiques preparades per seguir el teu ritme.";
half1_cta.textContent = 'Descobreix més';
break;
case 'fr':
half1_title.innerHTML = 'Travel & Gym:';
half1_description.innerHTML = "De la salle de sport à toutes les destinations de votre journée. Découvrez une collection pensée pour les routines actives, les plans spontanés et le mouvement au quotidien, réunissant vêtements de sport et sacs pratiques conçus pour suivre votre rythme.";
half1_cta.textContent = "Plus d'informations";
break;
case 'it':
half1_title.innerHTML = 'Travel & Gym:';
half1_description.innerHTML = "Dalla palestra a ovunque ti porti la giornata. Scopri una collezione pensata per routine attive, programmi spontanei e movimento quotidiano, con abbigliamento sportivo e borse pratiche pronte a seguire il tuo ritmo.";
half1_cta.textContent = 'Scopri di più';
break;
case 'pl':
half1_title.innerHTML = 'Travel & Gym:';
half1_description.innerHTML = 'Z siłowni wszędzie tam, dokąd zaprowadzi Cię dzień. Odkryj kolekcję stworzoną z myślą o aktywnym trybie życia, spontanicznych planach i codziennym ruchu, łączącą odzież sportową z praktycznymi torbami, które dotrzymają Ci kroku.';
half1_cta.textContent = 'Dowiedz się więcej';
break;
case 'de':
half1_title.innerHTML = 'Travel & Gym:';
half1_description.innerHTML = 'Vom Fitnessstudio bis zu allem, was der Tag für dich bereithält. Entdecke eine Kollektion für aktive Routinen, spontane Pläne und Bewegung im Alltag – mit Sportbekleidung und praktischen Taschen, die mit deinem Tempo Schritt halten.';
half1_cta.textContent = 'Mehr erfahren';
break;
case 'ro':
half1_title.innerHTML = 'Travel & Gym:';
half1_description.innerHTML = 'De la sală, oriunde te poartă ziua. Descoperă o colecție creată pentru rutine active, planuri spontane și mișcare de zi cu zi, cu articole sport și genți practice concepute să țină pasul cu ritmul tău.';
half1_cta.textContent = 'Descoperă mai mult';
break;
case 'bg':
half1_title.innerHTML = 'Travel & Gym:';
half1_description.innerHTML = 'От фитнеса до всичко, което денят ви поднесе. Открийте колекция, създадена за активни рутини, спонтанни планове и ежедневни движения, съчетаваща спортни облекла и практични чанти, които да ви следват в ритъма.';
half1_cta.textContent = 'Научете повече';
break;
default:
half1_title.innerHTML = 'Travel & Gym:';
half1_description.innerHTML = 'From the gym to wherever the day takes you. Discover a collection designed for active routines, spontaneous plans and everyday movement, bringing together gymwear and practical bags made to keep up with your pace.';
half1_cta.textContent = 'Discover more';
}
/* =========================
ALT TEXT
========================== */
let altTextHalf1 = '';
switch (document.documentElement.lang) {
case 'pt':
altTextHalf1 = 'Ir para ';
break;
case 'es':
altTextHalf1 = 'Ir a ';
break;
case 'ca':
altTextHalf1 = 'Anar a ';
break;
case 'fr':
altTextHalf1 = 'Aller à ';
break;
case 'it':
altTextHalf1 = 'Andare a ';
break;
case 'pl':
altTextHalf1 = 'Przejdź do ';
break;
case 'de':
altTextHalf1 = 'Gehe zu ';
break;
case 'ro':
altTextHalf1 = 'Du-te la ';
break;
case 'bg':
altTextHalf1 = 'Отидете на ';
break;
default:
altTextHalf1 = 'Go to ';
}
half1_desktop.alt = altTextHalf1 + half1_title.textContent;
half1_mobile.alt = altTextHalf1 + half1_title.textContent;
</script>
<div class="container-fluid">
<div class="row">
<div class="col-12">
<div class="par-home-carousel">
<!-- =============== This snippet of JavaScript handles fetching the dynamic recommendations from the remote recommendations server
and then makes a call to render the configured template with the returned recommended products: ================= -->
<script>
(function(){
// window.CQuotient is provided on the page by the Analytics code:
var cq = window.CQuotient;
var dc = window.DataCloud;
var isCQ = false;
var isDC = false;
if (cq && ('function' == typeof cq.getCQUserId)
&& ('function' == typeof cq.getCQCookieId)
&& ('function' == typeof cq.getCQHashedEmail)
&& ('function' == typeof cq.getCQHashedLogin)) {
isCQ = true;
}
if (dc && ('function' == typeof dc.getDCUserId)) {
isDC = true;
}
if (isCQ || isDC) {
var recommender = '[["recently-viewed"]]';
var slotRecommendationType = decodeHtml('RECOMMENDATION');
// removing any leading/trailing square brackets and escaped quotes:
recommender = recommender.replace(/\[|\]|"/g, '');
var separator = '|||';
var slotConfigurationUUID = 'eac82cae9aca55877fb3f0015c';
var contextAUID = decodeHtml('');
var contextSecondaryAUID = decodeHtml('');
var contextAltAUID = decodeHtml('');
var contextType = decodeHtml('');
var anchorsArray = [];
var contextAUIDs = contextAUID.split(separator);
var contextSecondaryAUIDs = contextSecondaryAUID.split(separator);
var contextAltAUIDs = contextAltAUID.split(separator);
var contextTypes = contextType.split(separator);
var slotName = decodeHtml('hp-main-4');
var slotConfigId = decodeHtml('Global - 4');
var slotConfigTemplate = decodeHtml('slots/recommendation/pdpRecentlyViewed.isml');
if (contextAUIDs.length == contextSecondaryAUIDs.length) {
for (i = 0; i < contextAUIDs.length; i++) {
anchorsArray.push({
id: contextAUIDs[i],
sku: contextSecondaryAUIDs[i],
type: contextTypes[i],
alt_id: contextAltAUIDs[i]
});
}
} else {
anchorsArray = [{id: contextAUID, sku: contextSecondaryAUID, type: contextType, alt_id: contextAltAUID}];
}
var urlToCall = '/on/demandware.store/Sites-PAR_World-Site/fr_TN/CQRecomm-Start';
var params = null;
if (isCQ) {
params = {
userId: cq.getCQUserId(),
cookieId: cq.getCQCookieId(),
emailId: cq.getCQHashedEmail(),
loginId: cq.getCQHashedLogin(),
anchors: anchorsArray,
slotId: slotName,
slotConfigId: slotConfigId,
slotConfigTemplate: slotConfigTemplate,
ccver: '1.03'
};
}
// console.log("Recommendation Type - " + slotRecommendationType + ", Recommender Selected - " + recommender);
if (isDC && slotRecommendationType == 'DATA_CLOUD_RECOMMENDATION') {
// Set DC variables for API call
dcIndividualId = dc.getDCUserId();
dcUrl = dc.getDCPersonalizationPath();
if (dcIndividualId && dcUrl && dcIndividualId != '' && dcUrl != '') {
// console.log("Fetching CDP Recommendations");
var productRecs = {};
productRecs[recommender] = getCDPRecs(dcUrl, dcIndividualId, recommender);
cb(productRecs);
}
} else if (isCQ && slotRecommendationType != 'DATA_CLOUD_RECOMMENDATION') {
if (cq.getRecs) {
cq.getRecs(cq.clientId, recommender, params, cb);
} else {
cq.widgets = cq.widgets || [];
cq.widgets.push({
recommenderName: recommender,
parameters: params,
callback: cb
});
}
}
};
function decodeHtml(html) {
var txt = document.createElement("textarea");
txt.innerHTML = html;
return txt.value;
}
function cb(parsed) {
var arr = parsed[recommender].recs;
if (arr && 0 < arr.length) {
var filteredProductIds = '';
for (i = 0; i < arr.length; i++) {
filteredProductIds = filteredProductIds + 'pid' + i + '=' + encodeURIComponent(arr[i].id) + '&';
}
filteredProductIds = filteredProductIds.substring(0, filteredProductIds.length - 1);//to remove the trailing '&'
var formData = 'auid=' + encodeURIComponent(contextAUID)
+ '&scid=' + slotConfigurationUUID
+ '&' + filteredProductIds;
var request = new XMLHttpRequest();
request.open('POST', urlToCall, true);
request.setRequestHeader('Content-type', 'application/x-www-form-urlencoded');
request.onreadystatechange = function() {
if (this.readyState === 4) {
// Got the product data from DW, showing the products now by changing the inner HTML of the DIV:
var divId = 'cq_recomm_slot-' + slotConfigurationUUID;
document.getElementById(divId).innerHTML = this.responseText;
//find and evaluate scripts in response:
var scripts = document.getElementById(divId).getElementsByTagName('script');
if (null != scripts) {
for (var i=0;i<scripts.length;i++) {//not combining script snippets on purpose
var srcScript = document.createElement('script');
srcScript.text = scripts[i].innerHTML;
srcScript.asynch = scripts[i].asynch;
srcScript.defer = scripts[i].defer;
srcScript.type = scripts[i].type;
srcScript.charset = scripts[i].charset;
document.head.appendChild( srcScript );
document.head.removeChild( srcScript );
}
}
}
};
request.send(formData);
request = null;
}
};
})();
</script>
<!-- The DIV tag id below is unique on purpose in case there are multiple recommendation slots on the same .isml page: -->
<div id="cq_recomm_slot-eac82cae9aca55877fb3f0015c"></div>
<!-- ====================== snippet ends here ======================== -->
</div>
</div>
</div>
</div>
</div>
<footer class="footer" id="footercontent">
<div class="container">
<div class="footer-newsletter">
<div class="footerNewsletter">
<div class="par-form pd-newsletter-form">
<form action="https://www.parfois.com/on/demandware.store/Sites-PAR_World-Site/fr_TN/EmailSubscribe-Subscribe?cid=newsletter&dataSource=footer" method="POST" class="par-form--without-labels par-form__newsletter pd-newsletter-form" novalidate="novalidate" name="dwfrm_newsletter" encoding="off">
<div class="newsletter-form col-12 row mx-auto p-0">
<div class="col-12 par-form--header p-0">
<p class="par-form--header-title">JOIN OUR NEWSLETTER</p>
<p class="par-form--header-subtitle">AND GET 10% OFF</p>
</div>
<div class="col-12 col-lg-10 p-0 input-group-newsletter">
<div class="form-group required">
<input name="dwfrm_newsletter_email" type="email" id="pd-newsletter-email-input" class="form-control required" aria-describedby="form-email-error" placeholder="Email" autocapitalize="off" data-pattern-mismatch="Please enter a valid E-Mail address" data-missing-error="This field is required." value="" required="" />
<button type="validation" class="btn btn-primary par-btn__normal">
<svg class="par-icon par-icon__icon-arrow-right " >
<use href="/on/demandware.static/Sites-PAR_World-Site/-/default/dw14c229b5/images/icons/icons.svg#icon-arrow-right"/>
</svg>
</button>
<div class="invalid-feedback" id="form-email-error"></div>
</div>
<div class="form-group custom-control custom-checkbox custom-control-checkbox__condition js-newsletter-legal-consent d-none">
<input type="checkbox" class="custom-control-input" id="pd-newsletter-accept-terms-and-conditions" name="newsletterAcceptConditions" aria-describedby="form-termsAndConditions-error" data-missing-error="You must accept Terms and Conditions to proceed" required="" />
<label class="custom-control-label custom-control-label__condition-newsletter" for="pd-newsletter-accept-terms-and-conditions"></label>
<div class="invalid-feedback" id="form-termsAndConditions-error"></div>
</div>
</div>
<div class="col-12 text-left p-0">
<div class="newsletter-success" style="display: none"> </div>
<p class="newsletter-success-info d-none">Please check your email inbox</p>
<div class="newsletter-error" style="display: none"> </div>
</div>
</div>
</form>
</div>
</div>
<style>
div.modal-body div.container {
padding-right: 0px;
padding-left: 0px;
}
.par-form--with-labels .form-control-label {
line-height: 1rem !important;
}
.newsletter-success {
color: #008827;
}
label.custom-control-label.custom-control-label__condition-newsletter {
font-size: 0.75rem;
line-height: 1rem;
}
@media (max-width: 991.98px) {
.newsletter-popup .par-form--header-title {
font-size: 1.25rem;
}
.newsletter-popup .par-form--header--subtitle {
font-size: 1em;
margin-bottom: 0.5rem;
}
.par-form--header-title {
font-weight: 500;
}
}
</style>
<script>
function initializeNewsletter() {
var newsletterTitle = document.querySelector('.par-form--header-title');
var newsletterSubTitle = document.querySelector('.par-form--header-subtitle');
var newsletterInput = document.querySelector('#pd-newsletter-email-input');
var newsletterCheckPolicies = document.querySelector('.custom-control-label__condition-newsletter');
var newsletterSuccessInfo = document.querySelector('.newsletter-success-info');
var newsletterTermsInput = document.querySelector('#pd-newsletter-accept-terms-and-conditions');
var dataMissingError = 'This field is required.';
var dataMissingTerms = 'You must accept Terms and Conditions to proceed.';
switch (document.documentElement.lang) {
case 'pt':
newsletterTitle.textContent = 'SUBSCREVA A NOSSA NEWSLETTER';
newsletterSubTitle.textContent = 'E GANHE 10% DE DESCONTO';
newsletterInput.placeholder = 'Insira o seu e-mail';
newsletterCheckPolicies.innerHTML = "Li e compreendo os <a href='#' target='_blank' title='Go to Terms & conditions'>Termos e Condições</a> e a <a href='#' target='_blank' title='Política de Privacidade'>Política de Privacidade</a>. Este site é protegido pelo reCAPTCHA e pelas <a href='https://policies.google.com/privacy' target='_blank'>Políticas de Privacidade</a> e <a href='https://policies.google.com/terms' target='_blank'>Termos de Serviço</a> do Google.";
newsletterSuccessInfo.innerHTML = 'Por favor, verifique sua caixa de entrada de e-mail.';
dataMissingError = 'Este campo é obrigatório.';
dataMissingTerms = 'Você deve aceitar os Termos e Condições para continuar.';
break;
case 'en':
newsletterTitle.textContent = 'JOIN OUR NEWSLETTER';
newsletterSubTitle.textContent = 'AND GET 10% OFF';
newsletterInput.placeholder = 'Enter your e-mail';
newsletterCheckPolicies.innerHTML = "I have read and understood the <a href='#' target='_blank' title='Privacy Policies'>Terms and Conditions</a> and the <a href='#' target='_blank' title='Privacy Policies'>Privacy Policy</a>. This site is protected by reCAPTCHA and the Google <a href='https://policies.google.com/privacy' target='_blank'>Privacy Policy</a> and <a href='https://policies.google.com/terms' target='_blank'>Terms of Service</a> apply.";
dataMissingError = 'This field is required.';
dataMissingTerms = 'You must accept Terms and Conditions to proceed.';
break;
case 'es':
newsletterTitle.textContent = 'ÚNETE A NUESTRA NEWSLETTER';
newsletterSubTitle.textContent = 'Y OBTÉN UN 10% DE DESCUENTO';
newsletterInput.placeholder = 'Ingresa tu correo electrónico';
newsletterCheckPolicies.innerHTML = "He leído y comprendido los <a href='#' target='_blank' title='Términos y Condiciones'>Términos y Condiciones</a> y la <a href='#' target='_blank' title='Política de Privacidad'>Política de Privacidad</a>. Este sitio está protegido por reCAPTCHA y se aplican las <a href='https://policies.google.com/privacy' target='_blank'>Políticas de Privacidad</a> y <a href='https://policies.google.com/terms' target='_blank'>Condiciones de Servicio</a> de Google.";
newsletterSuccessInfo.innerHTML = 'Por favor, verifique su bandeja de entrada de correo electrónico.';
dataMissingError = 'Este campo es obligatorio.';
dataMissingTerms = 'Debe aceptar nuestra Política de Privacidad';
break;
case 'fr':
newsletterTitle.textContent = 'REJOIGNEZ NOTRE NEWSLETTER';
newsletterSubTitle.textContent = 'ET OBTENEZ 10% DE RÉDUCTION';
newsletterInput.placeholder = 'Saisissez votre adresse e-mail';
newsletterCheckPolicies.innerHTML = "J'ai lu et compris les <a href='#' target='_blank' title='Termes et Conditions'>Termes et Conditions</a> ainsi que la <a href='#' target='_blank' title='Politique de Confidentialité'>Politique de Confidentialité</a>. Ce site est protégé par reCAPTCHA et les <a href='https://policies.google.com/privacy' target='_blank'>Politique de confidentialité</a> et <a href='https://policies.google.com/terms' target='_blank'>Conditions d'utilisation</a> de Google s'appliquent.";
dataMissingError = 'Ce champ est obligatoire.';
dataMissingTerms = 'Vous devez accepter les Termes et Conditions pour continuer.';
break;
case 'pl':
newsletterTitle.textContent = 'DOŁĄCZ DO NASZEGO NEWSLETTERA';
newsletterSubTitle.textContent = 'I ZDOBĄDŹ 10% RABATU';
newsletterInput.placeholder = 'Wprowadź swój adres e-mail';
newsletterCheckPolicies.innerHTML = "Przeczytałem/am i zrozumiałem/am <a href='#' target='_blank' title='Warunki Korzystania'>Warunki Korzystania</a> oraz <a href='#' target='_blank' title='Polityka Prywatności'>Politykę Prywatności</a>. Ta strona jest chroniona przez reCAPTCHA, a <a href='https://policies.google.com/privacy' target='_blank'>Polityka prywatności</a> oraz <a href='https://policies.google.com/terms' target='_blank'>Warunki korzystania</a> Google są obowiązujące.";
dataMissingError = 'To pole jest wymagane.';
dataMissingTerms = 'Musisz zaakceptować Warunki korzystania, aby kontynuować.';
break;
case 'it':
newsletterTitle.textContent = 'ISCRIVITI ALLA NOSTRA NEWSLETTER';
newsletterSubTitle.textContent = 'E OTTIENI IL 10% DI SCONTO';
newsletterInput.placeholder = 'Inserisci la tua email';
newsletterCheckPolicies.innerHTML = "Ho letto e compreso i <a href='#' target='_blank' title='Termini e Condizioni'>Termini e Condizioni</a> e l'<a href='#' target='_blank' title='Informativa sulla Privacy'>Informativa sulla Privacy</a>. Questo sito è protetto da reCAPTCHA e si applicano le <a href='https://policies.google.com/privacy' target='_blank'>Norme sulla privacy</a> e i <a href='https://policies.google.com/terms' target='_blank'>Termini di servizio</a> di Google.";
dataMissingError = 'Questo campo è obbligatorio.';
dataMissingTerms = 'Devi accettare i Termini e Condizioni per procedere.';
break;
case 'de':
newsletterTitle.textContent = 'ABONNIERE UNSEREN NEWSLETTER';
newsletterSubTitle.textContent = 'UND ERHALTE 10% RABATT';
newsletterInput.placeholder = 'Gib deine E-Mail-Adresse ein';
newsletterCheckPolicies.innerHTML = "Ich habe die <a href='#' target='_blank' title='Allgemeinen Geschäftsbedingungen'>Allgemeinen Geschäftsbedingungen</a> und die <a href='#' target='_blank' title='Datenschutzrichtlinie'>Datenschutzrichtlinie</a> gelesen und verstanden. Diese Website ist durch reCAPTCHA geschützt und es gelten die <a href='https://policies.google.com/privacy' target='_blank'>Datenschutzrichtlinie</a> und die <a href='https://policies.google.com/terms' target='_blank'>Nutzungsbedingungen</a> von Google.";
dataMissingError = 'Dieses Feld ist erforderlich.';
dataMissingTerms = 'Sie müssen die Allgemeinen Geschäftsbedingungen akzeptieren, um fortzufahren.';
break;
case 'ro':
newsletterTitle.textContent = 'ÎNSCRIEȚI-VĂ LA NEWSLETTERUL NOSTRU';
newsletterSubTitle.textContent = 'ȘI OBȚINE 10% REDUCERE';
newsletterInput.placeholder = 'Introduceți adresa dvs. de e-mail';
newsletterCheckPolicies.innerHTML = "Am citit și am înțeles <a href='#' target='_blank' title='Termeni și Condiții'>Termenii și Condițiile</a> și <a href='#' target='_blank' title='Politica de Confidențialitate'>Politica de Confidențialitate</a>. Acest site este protejat de reCAPTCHA și se aplică <a href='https://policies.google.com/privacy' target='_blank'>Politica de confidențialitate</a> și <a href='https://policies.google.com/terms' target='_blank'>Termenii de utilizare</a> Google.";
newsletterSuccessInfo.innerHTML = 'Vă rugăm să verificați căsuța de e-mail.';
dataMissingError = 'Acest câmp este obligatoriu.';
dataMissingTerms = 'Trebuie să acceptați Termenii și Condițiile pentru a continua.';
break;
case 'bg':
newsletterTitle.textContent = 'ПРИСЪЕДИНЕТЕ СЕ КЪМ НАШИЯ БЮЛЕТИН';
newsletterSubTitle.textContent = 'И ПОЛУЧЕТЕ 10% ОТСТЪПКА';
newsletterInput.placeholder = 'Въведете вашия имейл';
newsletterCheckPolicies.innerHTML = "Прочетох и разбрах <a href='#' target='_blank' title='Общи условия'>Общите условия</a> и <a href='#' target='_blank' title='Политика за поверителност'>Политиката за поверителност</a>. Този сайт е защитен от reCAPTCHA и се прилагат <a href='https://policies.google.com/privacy' target='_blank'>Политиката за поверителност</a> и <a href='https://policies.google.com/terms' target='_blank'>Условията за ползване</a> на Google.";
newsletterSuccessInfo.innerHTML = 'Моля, проверете входящата си поща.';
dataMissingError = 'Това поле е задължително.';
dataMissingTerms = 'Трябва да приемете Общите условия, за да продължите.';
break;
default:
break;
}
newsletterInput.dataset.missingError = dataMissingError;
newsletterTermsInput.dataset.missingError = dataMissingTerms;
}
if (document.readyState === 'loading') {
document.addEventListener('DOMContentLoaded', initializeNewsletter);
} else {
initializeNewsletter();
}
</script>
</isslot>
</div>
<div class="footer-appstores">
</isslot>
</div>
<div class="footer-company">
<!-- Footer Company -->
<div class="w-100 p-0">
<nav class="menu-footer">
<ul class="main-menu-footer col-lg-12">
<!-- Get Help Section -->
<li class="nav-item col-lg-3 p-0">
<a id="footer-help-section" aria-expanded="false" aria-haspopup="true" class="nav-link" href="#" tabindex="0" title="Get Help"><span id="footer-help-text">Get Help</span><i class="fa fa-angle-down footer-icon d-block d-lg-none"></i></a>
<ul class="submenu-footer">
<li class="nav-item">
<a aria-expanded="false" aria-haspopup="true" class="nav-link" href="https://www.parfois.com/fr/tn/help-center.html" tabindex="0" title="Go to Help Center"><span id="footer-help-center"></span></a>
</li>
<li class="nav-item">
<a aria-expanded="false" aria-haspopup="true" class="nav-link" href="https://www.parfois.com/fr/tn/contacts.html" tabindex="0" title="Go to Help Center" rel="nofollow"><span id="footer-contacts"></span></a>
</li>
<li class="nav-item">
<a aria-expanded="false" aria-haspopup="true" class="nav-link" href="https://www.parfois.com/fr/tn/order-status/" tabindex="0" title="Tracking order" rel="nofollow"><span id="footer-order-status"></span></a>
</li>
<!-- <li class="nav-item">
<a aria-expanded="false" aria-haspopup="true" class="nav-link" href="https://www.parfois.com/fr/tn/buying-guide.html" tabindex="0" title="Go to Buying guide"><span id="footer-buying-guide"></span></a>
</li>
<li class="nav-item">
<a aria-expanded="false" aria-haspopup="true" class="nav-link" href="https://www.parfois.com/fr/tn/returns-and-exchanges.html" tabindex="0" title="Go to Returns Returns & Exchanges"><span id="footer-returns-and-exchanges"></span></a>
</li> -->
<li class="nav-item">
<a aria-expanded="false" aria-haspopup="true" class="nav-link privacy-policy" href="https://www.parfois.com/fr/tn/terms.html" tabindex="0" title="" rel="nofollow"><span id="footer-terms"></span></a>
</li>
<li class="nav-item">
<a aria-expanded="false" aria-haspopup="true" class="nav-link privacy-policy" href="https://www.parfois.com/fr/tn/privacy-policy.html" tabindex="0" target="_blank" title="" rel="nofollow"><span id="footer-privacy"></span></a>
</li>
<li class="nav-item">
<a aria-expanded="false" aria-haspopup="true" class="nav-link privacy-policy" href="https://www.parfois.com/fr/tn/cookies-policy.html" tabindex="0" title="" rel="nofollow"><span id="footer-cookies"></span></a>
</li>
<li class="nav-item">
<a aria-expanded="false" aria-haspopup="true" class="nav-link" href="https://www.livroreclamacoes.pt/inicio" target="_blank" tabindex="0" title="" rel="nofollow"><span id="footer-policies-custom-02"></span></a>
</li>
<li class="nav-item">
<a aria-expanded="false" aria-haspopup="true" class="nav-link" href="https://www.parfois.com/on/demandware.static/-/Library-Sites-ParfoisSharedLibrary/default/dw1faa1654/ContentManagement/Documents/Gender_euquality_index.pdf" target="_blank" tabindex="0" title="" rel="nofollow"><span id="footer-policies-custom-03"></span></a>
</li>
</ul>
</li>
<!-- Trending Section -->
<li class="nav-item col-lg-3 p-0">
<a id="footer-trending-section" aria-expanded="false" aria-haspopup="true" class="nav-link" href="#" tabindex="0" title="Trending"><span id="footer-trending-text">Trending</span><i class="fa fa-angle-down footer-icon d-block d-lg-none"></i></a>
<ul class="submenu-footer">
<li class="nav-item">
<a aria-expanded="false" aria-haspopup="true" class="nav-link" href="https://www.parfois.com/fr/tn/vetements/robes/" tabindex="0" title=""><span id="footer-trend-1"></span></a>
</li>
<li class="nav-item">
<a aria-expanded="false" aria-haspopup="true" class="nav-link" href="https://www.parfois.com/fr/tn/chaussures/sandales-plates/" tabindex="0" title=""><span id="footer-trend-2"></span></a>
</li>
<li class="nav-item">
<a aria-expanded="false" aria-haspopup="true" class="nav-link" href="https://www.parfois.com/fr/tn/sacs/sacs-de-soiree/" tabindex="0" title=""><span id="footer-trend-3"></span></a>
</li>
<li class="nav-item">
<a aria-expanded="false" aria-haspopup="true" class="nav-link" href="https://www.parfois.com/fr/tn/chaussures/baskets/" tabindex="0" title=""><span id="footer-trend-4"></span></a>
</li>
<li class="nav-item">
<a aria-expanded="false" aria-haspopup="true" class="nav-link" href="https://www.parfois.com/fr/tn/chaussures/ballerines/" tabindex="0" title=""><span id="footer-trend-5"></span></a>
</li>
</ul>
</li>
<!-- Special Events Section -->
<li class="nav-item col-lg-3 p-0">
<a id="footer-events-section" aria-expanded="false" aria-haspopup="true" class="nav-link" href="#" tabindex="0" title="Special Events"><span id="footer-events-text">Special Events</span><i class="fa fa-angle-down footer-icon d-block d-lg-none"></i></a>
<ul class="submenu-footer">
<li class="nav-item">
<a aria-expanded="false" aria-haspopup="true" class="nav-link" href="https://www.parfois.com/fr/tn/back-to-work/" tabindex="0" title=""><span id="footer-special-1"></span></a>
</li>
<li class="nav-item">
<a aria-expanded="false" aria-haspopup="true" class="nav-link" href="https://www.parfois.com/fr/tn/fete-des-m%C3%A8res/" tabindex="0" title=""><span id="footer-special-2"></span></a>
</li>
<li class="nav-item">
<a aria-expanded="false" aria-haspopup="true" class="nav-link" href="https://www.parfois.com/fr/tn/guide-cadeaux/" tabindex="0" title=""><span id="footer-special-3"></span></a>
</li>
<li class="nav-item">
<a aria-expanded="false" aria-haspopup="true" class="nav-link" href="https://www.parfois.com/fr/tn/festival-capsule/" tabindex="0" title=""><span id="footer-special-4"></span></a>
</li>
<li class="nav-item">
<a aria-expanded="false" aria-haspopup="true" class="nav-link" href="https://www.parfois.com/fr/tn/guide-cadeaux/" tabindex="0" title=""><span id="footer-special-5"></span></a>
</li>
<li class="nav-item">
<a aria-expanded="false" aria-haspopup="true" class="nav-link" href="https://www.parfois.com/fr/tn/special-prices/" tabindex="0" title=""><span id="footer-sale"></span></a>
</li>
<li class="nav-item">
<a aria-expanded="false" aria-haspopup="true" class="nav-link" href="https://www.parfois.com/fr/tn/sale_pt/" tabindex="0" title=""><span id="footer-sale-1"></span></a>
</li>
<li class="nav-item">
<a aria-expanded="false" aria-haspopup="true" class="nav-link" href="https://www.parfois.com/fr/tn/sale_pt/" tabindex="0" title=""><span id="footer-sale-2"></span></a>
</li>
<li class="nav-item">
<a aria-expanded="false" aria-haspopup="true" class="nav-link" href="https://www.parfois.com/fr/tn/special-events.html" tabindex="0" title=""><span id="footer-special-all-events"></span></a>
</li>
<!-- <li class="nav-item">
<a aria-expanded="false" aria-haspopup="true" class="nav-link" href="https://www.parfois.com/fr/tn/sale_pt/" tabindex="0" title=""><span id="footer-sale-3"></span></a>
</li>
<li class="nav-item">
<a aria-expanded="false" aria-haspopup="true" class="nav-link" href="https://www.parfois.com/fr/tn/sale_pt/" tabindex="0" title=""><span id="footer-sale-4"></span></a>
</li> -->
</ul>
</li>
<!-- Corporate Section -->
<li class="nav-item col-lg-3 p-0">
<a id="footer-corporate-section" aria-expanded="false" aria-haspopup="true" class="nav-link" href="#" tabindex="0" title="Company"><span id="footer-corporate-text">Company</span><i class="fa fa-angle-down footer-icon d-block d-lg-none"></i></a>
<ul class="submenu-footer">
<li class="nav-item">
<a aria-expanded="false" aria-haspopup="true" class="nav-link" href="https://www.parfois.com/fr/tn/corporate.html" tabindex="0" title=""><span id="footer-corporate"></span></a>
</li>
<li class="nav-item">
<a aria-expanded="false" aria-haspopup="true" class="nav-link" href="https://www.parfois.com/fr/tn/careers.html" tabindex="0" title=""><span id="footer-career"></span></a>
</li>
<li class="nav-item">
<a aria-expanded="false" aria-haspopup="true" class="nav-link" href="https://www.parfois.com/fr/tn/franchises.html" tabindex="0" title=""><span id="footer-franchising" rel="nofollow"></span></a>
</li>
<li class="nav-item">
<a aria-expanded="false" aria-haspopup="true" class="nav-link" href="https://www.parfois.com/fr/tn/newsletter.html" tabindex="0" title=""><span id="footer-newsletter" rel="nofollow"></span></a>
</li>
<li class="nav-item">
<a aria-expanded="false" aria-haspopup="true" class="nav-link" href="https://www.parfois.com/fr/tn/parfois-app.html" tabindex="0" title=""><span id="footer-app" rel="nofollow"></span></a>
</li>
<li class="nav-item">
<a aria-expanded="false" aria-haspopup="true" class="nav-link" href="https://www.parfois.com/fr/tn/stores/" id="storelocator-footer" tabindex="0" title="Go to locate stores"><span id="footer-store-locator"></span></a>
</li>
</ul>
</li>
</ul>
</nav>
</div>
<script>
// Seleção de elementos
const footerHelpSection = document.querySelector('#footer-help-text');
const footerContacts = document.querySelector('#footer-contacts');
const footerHelpCenter = document.querySelector('#footer-help-center');
const footerOrderStatus = document.querySelector('#footer-order-status');
const footerBuyingGuide = document.querySelector('#footer-buying-guide');
const footerReturnsAndExchanges = document.querySelector('#footer-returns-and-exchanges');
const footerStoreLocator = document.querySelector('#footer-store-locator');
const footerTrendingSection = document.querySelector('#footer-trending-text');
const footerTrend1 = document.querySelector('#footer-trend-1');
const footerTrend2 = document.querySelector('#footer-trend-2');
const footerTrend3 = document.querySelector('#footer-trend-3');
const footerTrend4 = document.querySelector('#footer-trend-4');
const footerTrend5 = document.querySelector('#footer-trend-5');
const footerEventsSection = document.querySelector('#footer-events-text');
const footerSpecial1 = document.querySelector('#footer-special-1');
const footerSpecial2 = document.querySelector('#footer-special-2');
const footerSpecial3 = document.querySelector('#footer-special-3');
const footerSpecial4 = document.querySelector('#footer-special-4');
const footerSpecial5 = document.querySelector('#footer-special-5');
const footerSpecialAllEvents = document.querySelector('#footer-special-all-events');
const footerSale = document.querySelector('#footer-sale');
const footerSale1 = document.querySelector('#footer-sale-1');
const footerSale2 = document.querySelector('#footer-sale-2');
// const footerSale3 = document.querySelector('#footer-sale-3');
// const footerSale4 = document.querySelector('#footer-sale-4');
const footerCorporateSection = document.querySelector('#footer-corporate-text');
const footerCorporate = document.querySelector('#footer-corporate');
const footerCareer = document.querySelector('#footer-career');
const footerFranchising = document.querySelector('#footer-franchising');
const footerNewsletter = document.querySelector('#footer-newsletter');
const footerApp = document.querySelector('#footer-app');
// const footerPoliciesSection = document.querySelector('#footer-policies-section');
const footerTerms = document.querySelector('#footer-terms');
const footerPrivacy = document.querySelector('#footer-privacy');
const footerCookies = document.querySelector('#footer-cookies');
// const footerPoliciesCustom01 = document.querySelector('#footer-policies-custom-01');
const footerPoliciesCustom02 = document.querySelector('#footer-policies-custom-02');
const footerPoliciesCustom03 = document.querySelector('#footer-policies-custom-03');
document.addEventListener('DOMContentLoaded', () => {
// Switch para alterar os textos de acordo com o idioma - Traducoes
switch (document.documentElement.lang) {
case 'pt':
footerHelpSection.textContent = 'Obter ajuda';
footerHelpCenter.textContent = 'Centro de ajuda';
footerOrderStatus.textContent = 'Estado da encomenda';
footerStoreLocator.textContent = 'Lojas';
footerTrendingSection.textContent = 'Tendências';
footerTrend1.textContent = 'Vestidos de Mulher';
footerTrend2.textContent = 'Sandálias de Mulher';
footerTrend3.textContent = 'Malas de Festa e Casamento';
footerTrend4.textContent = 'Sapatilhas de Mulher';
footerTrend5.textContent = 'Sabrinas de Mulher';
footerEventsSection.textContent = 'Eventos especiais';
footerSpecial1.textContent = 'Back to Work';
footerSpecial2.textContent = '';
footerSpecial3.textContent = '';
footerSpecial4.textContent = '';
footerSpecial5.textContent = '';
footerSale.textContent = 'Special Prices';
footerSale1.textContent = '';
footerSale2.textContent = '';
footerCorporateSection.textContent = 'Empresa';
footerCorporate.textContent = 'Empresa';
footerCareer.textContent = 'Carreira';
footerFranchising.textContent = 'Franchising';
footerNewsletter.textContent = 'Newsletter';
footerApp.textContent = 'APP';
// footerPoliciesSection.textContent = 'Políticas';
footerTerms.textContent = 'Termos & condições';
footerPrivacy.textContent = 'Política de privacidade';
footerCookies.textContent = 'Política de cookies';
// footerPoliciesCustom01.textContent = 'Incentivos';
footerPoliciesCustom02.textContent = 'Livro de reclamações eletrónico';
break;
case 'es':
footerHelpSection.textContent = 'Obtener ayuda';
footerContacts.textContent = 'Contactos';
footerHelpCenter.textContent = 'Centro de ayuda';
footerOrderStatus.textContent = 'Estado del pedido';
footerStoreLocator.textContent = 'Tiendas';
footerTrendingSection.textContent = 'Tendencias';
footerTrend1.textContent = 'Vestidos de Mujer';
footerTrend2.textContent = 'Sandalias de Mujer';
footerTrend3.textContent = 'Bolsos de Fiesta y Boda';
footerTrend4.textContent = 'Zapatillas de Mujer';
footerTrend5.textContent = 'Bailarinas de Mujer';
footerEventsSection.textContent = 'Eventos especiales';
footerSpecial1.textContent = 'Back to Work';
footerSpecial2.textContent = '';
footerSpecial3.textContent = '';
footerSpecial4.textContent = '';
footerSpecial5.textContent = '';
footerSale.textContent = 'Special Prices';
footerSale1.textContent = '';
footerSale2.textContent = '';
footerCorporateSection.textContent = 'Empresa';
footerCorporate.textContent = 'Empresa';
footerCareer.textContent = 'Trabaja con nosotros';
footerNewsletter.textContent = 'Newsletter';
footerApp.textContent = 'APP';
footerFranchising.textContent = 'Franchising';
// footerPoliciesSection.textContent = 'Políticas';
footerTerms.textContent = 'Términos & condiciones';
footerPrivacy.textContent = 'Política de privacidad';
footerCookies.textContent = 'Política de cookies';
break;
case 'ca':
footerHelpSection.textContent = 'Obtenir ajuda';
footerHelpCenter.textContent = "Centre d’ajuda";
footerOrderStatus.textContent = 'Estat de la comanda';
footerStoreLocator.textContent = 'Botigues';
footerTrendingSection.textContent = 'Tendències';
footerTrend1.textContent = 'Vestits de Dona';
footerTrend2.textContent = 'Sandàlies de Dona';
footerTrend3.textContent = 'Bosses de Festa i Casament';
footerTrend4.textContent = 'Sabatilles de Dona';
footerTrend5.textContent = 'Ballarines de Dona';
footerEventsSection.textContent = 'Esdeveniments especials';
footerSpecial1.textContent = 'Back to Work';
footerSpecial2.textContent = '';
footerSpecial3.textContent = '';
footerSpecial4.textContent = '';
footerSpecial5.textContent = '';
footerSale.textContent = 'Special Prices';
footerSale1.textContent = '';
footerSale2.textContent = '';
footerCorporateSection.textContent = 'EMPRESA';
footerCorporate.textContent = 'Empresa';
footerCareer.textContent = 'Treballa amb nosaltres';
footerNewsletter.textContent = 'Newsletter';
footerApp.textContent = 'APP';
// footerPoliciesSection.textContent = 'POLÍTIQUES';
footerTerms.textContent = 'Termes & condicions';
footerPrivacy.textContent = 'Política de privacitat';
footerCookies.textContent = 'Política de cookies';
break;
case 'fr':
footerHelpSection.textContent = "Obtenir de l’aide";
footerContacts.textContent = 'Contactez-nous';
footerOrderStatus.textContent = 'Suivre ma commande';
footerHelpCenter.textContent = 'Aide';
footerStoreLocator.textContent = 'Boutiques';
footerTrendingSection.textContent = 'Tendances';
footerTrend1.textContent = 'Robes Femme';
footerTrend2.textContent = 'Sandales Femme';
footerTrend3.textContent = 'Sacs de Soirée et Mariage';
footerTrend4.textContent = 'Baskets Femme';
footerTrend5.textContent = 'Ballerines Femme';
footerEventsSection.textContent = 'Événements spéciaux';
footerSpecial1.textContent = 'Back to Work';
footerSpecial2.textContent = '';
footerSpecial3.textContent = '';
footerSpecial4.textContent = '';
footerSpecial5.textContent = '';
footerSale.textContent = 'Special Prices';
footerSale1.textContent = '';
footerSale2.textContent = '';
footerCorporateSection.textContent = 'Entreprise';
footerCorporate.textContent = 'Qui sommes-nous ?';
footerCareer.textContent = 'Carrières';
footerFranchising.textContent = 'Franchise';
footerNewsletter.textContent = 'Newsletter';
footerApp.textContent = 'APP';
// footerPoliciesSection.textContent = 'Politiques';
footerTerms.textContent = 'Conditions générales';
footerPrivacy.textContent = 'Politique de confidentialité';
footerCookies.textContent = 'Politique de cookies';
footerPoliciesCustom03.textContent = 'Index égalité';
break;
case 'it':
footerHelpSection.textContent = 'Aiuto';
footerContacts.textContent = 'Centro assistenza';
footerHelpCenter.textContent = 'Centro assistenza';
footerOrderStatus.textContent = "Stato dell'ordine";
footerStoreLocator.textContent = 'Negozi';
footerTrendingSection.textContent = 'Tendenze';
footerTrend1.textContent = 'Vestiti Donna';
footerTrend2.textContent = 'Sandali Donna';
footerTrend3.textContent = 'Borse da Festa e Matrimonio';
footerTrend4.textContent = 'Sneakers Donna';
footerTrend5.textContent = 'Ballerine Donna';
footerEventsSection.textContent = 'Date di rilievo';
footerSpecial1.textContent = 'Back to Work';
footerSpecial2.textContent = '';
footerSpecial3.textContent = '';
footerSpecial4.textContent = '';
footerSpecial5.textContent = '';
footerSale.textContent = 'Special Prices';
footerSale1.textContent = '';
footerSale2.textContent = '';
footerCorporateSection.textContent = "L'azienda";
footerCorporate.textContent = "L'Azienda";
footerCareer.textContent = 'Lavora con noi';
footerFranchising.textContent = 'Franchising';
footerNewsletter.textContent = 'Newsletter';
footerApp.textContent = 'APP';
// footerPoliciesSection.textContent = 'Politiche';
footerTerms.textContent = 'Termini e Condizioni';
footerPrivacy.textContent = 'Politica di privacy';
footerCookies.textContent = 'Politica di cookies';
break;
case 'de':
footerHelpSection.textContent = 'Hilfe erhalten';
footerContacts.textContent = 'Kontakte';
footerOrderStatus.textContent = 'Status der Bestellung';
footerHelpCenter.textContent = 'Hilfe';
footerStoreLocator.textContent = 'Geschäfte';
footerTrendingSection.textContent = 'Trends';
footerTrend1.textContent = 'Damenkleider';
footerTrend2.textContent = 'Damen Sandalen';
footerTrend3.textContent = 'Taschen für Feiern und Hochzeiten';
footerTrend4.textContent = 'Damen Sneaker';
footerTrend5.textContent = 'Damen Ballerinas';
footerEventsSection.textContent = 'Besondere anlässe';
footerSpecial1.textContent = 'Back to Work';
footerSpecial2.textContent = '';
footerSpecial3.textContent = '';
footerSpecial4.textContent = '';
footerSpecial5.textContent = '';
footerSale.textContent = 'Special Prices';
footerSale1.textContent = '';
footerSale2.textContent = '';
footerCorporateSection.textContent = 'Unternehmensbezogen';
footerCorporate.textContent = 'Unternehmensbezogen';
footerCareer.textContent = 'Karriere';
footerFranchising.textContent = 'Franchising';
footerNewsletter.textContent = 'Newsletter';
footerApp.textContent = 'APP';
// footerPoliciesSection.textContent = 'Richtlinien';
footerTerms.textContent = 'Allgemeine Geschäftsbedingungen';
footerPrivacy.textContent = 'Datenschutz und Richtlinien';
footerCookies.textContent = 'Datenschutz und Cookie';
break;
case 'pl':
footerHelpSection.textContent = 'Uzyskać pomoc';
footerContacts.textContent = 'Kontakt';
footerHelpCenter.textContent = 'Centrum Pomocy';
footerOrderStatus.textContent = 'Status zamówienia';
footerStoreLocator.textContent = 'Sklepy';
footerTrendingSection.textContent = 'Trendy';
footerTrend1.textContent = 'Sukienki Damskie';
footerTrend2.textContent = 'Sandały Damskie';
footerTrend3.textContent = 'Torebki na Przyjęcia i Wesela';
footerTrend4.textContent = 'Sneakersy Damskie';
footerTrend5.textContent = 'Baleriny Damskie';
footerEventsSection.textContent = 'Wydarzenia specjalne';
footerSpecial1.textContent = 'Back to Work';
footerSpecial2.textContent = '';
footerSpecial3.textContent = '';
footerSpecial4.textContent = '';
footerSpecial5.textContent = '';
footerSale.textContent = 'Special Prices';
footerSale1.textContent = '';
footerSale2.textContent = '';
footerCorporateSection.textContent = 'Firma';
footerCorporate.textContent = 'Firma';
footerCareer.textContent = 'Kariera';
footerFranchising.textContent = 'Franczyza';
footerNewsletter.textContent = 'Newsletter';
footerApp.textContent = 'APP';
// footerPoliciesSection.textContent = 'Polityki';
footerTerms.textContent = 'Ogólne Warunki';
footerPrivacy.textContent = 'Polityka prywatności';
footerCookies.textContent = 'Pliki cookies';
break;
case 'ro':
footerHelpSection.textContent = 'Obțineți ajutor';
footerContacts.textContent = 'Contacte';
footerHelpCenter.textContent = 'Centrul de asistență';
footerOrderStatus.textContent = 'Starea comenzii';
footerStoreLocator.textContent = 'Magazine';
footerTrendingSection.textContent = 'Tendințe';
footerTrend1.textContent = 'Rochii de damă';
footerTrend2.textContent = 'Sandale de damă';
footerTrend3.textContent = 'Genți de petrecere și de nuntă';
footerTrend4.textContent = 'Adidași de damă';
footerTrend5.textContent = 'Balerini de damă';
footerEventsSection.textContent = 'Evenimente speciale';
footerSpecial1.textContent = 'Back to Work';
footerSpecial2.textContent = '';
footerSpecial3.textContent = '';
footerSpecial4.textContent = '';
footerSpecial5.textContent = '';
footerSale.textContent = 'Special Prices';
footerSale1.textContent = '';
footerSale2.textContent = '';
footerCorporateSection.textContent = 'Companie';
footerCorporate.textContent = 'Companie';
footerCareer.textContent = 'Cariere';
footerFranchising.textContent = 'Franciză';
footerNewsletter.textContent = 'Newsletter';
footerApp.textContent = 'APP';
// footerPoliciesSection.textContent = 'Politici';
footerTerms.textContent = 'Termeni și condiții';
footerPrivacy.textContent = 'Politica de confidențialitate';
footerCookies.textContent = 'Politica de cookies';
break;
case 'bg':
footerHelpSection.textContent = 'Вземете помощ';
footerContacts.textContent = 'Контакти';
footerHelpCenter.textContent = 'Център за помощ';
footerOrderStatus.textContent = 'Статус на поръчката';
footerStoreLocator.textContent = 'Магазини';
footerTrendingSection.textContent = 'Тенденции';
footerTrend1.textContent = 'Дамски рокли';
footerTrend2.textContent = 'Дамски сандали';
footerTrend3.textContent = 'Парти и сватбени чанти';
footerTrend4.textContent = 'Дамски маратонки';
footerTrend5.textContent = 'Дамски балерини';
footerEventsSection.textContent = 'Специални събития';
footerSpecial1.textContent = 'Back to Work';
footerSpecial2.textContent = '';
footerSpecial3.textContent = '';
footerSpecial4.textContent = '';
footerSpecial5.textContent = '';
footerSale.textContent = 'Special Prices';
footerSale1.textContent = '';
footerSale2.textContent = '';
footerCorporateSection.textContent = 'Фирма';
footerCorporate.textContent = 'Фирма';
footerCareer.textContent = 'Кариери';
footerFranchising.textContent = 'Франчайзинг';
footerNewsletter.textContent = 'Бюлетин';
footerApp.textContent = 'APP';
// footerPoliciesSection.textContent = 'Политики';
footerTerms.textContent = 'Общи условия';
footerPrivacy.textContent = 'Политика за поверителност';
footerCookies.textContent = 'Политика за бисквитки';
break;
default:
footerHelpSection.textContent = 'Get help';
footerHelpCenter.textContent = 'Help Center';
footerContacts.textContent = 'Contacts';
footerOrderStatus.textContent = 'Track my order';
footerStoreLocator.textContent = 'Stores';
footerTrendingSection.textContent = 'Trending';
footerTrend1.textContent = 'Women\'s Dresses';
footerTrend2.textContent = 'Women\'s Sandals';
footerTrend3.textContent = 'Party & Wedding Bags';
footerTrend4.textContent = 'Women\'s Sneakers';
footerTrend5.textContent = 'Women\'s Ballet Flats';
footerEventsSection.textContent = 'Special events';
footerSpecial1.textContent = 'Back to Work';
footerSpecial2.textContent = '';
footerSpecial3.textContent = '';
footerSpecial4.textContent = '';
footerSpecial5.textContent = '';
footerSale.textContent = 'Special Prices';
footerSale1.textContent = '';
footerSale2.textContent = '';
footerCorporateSection.textContent = 'Corporate';
footerCorporate.textContent = 'Corporate';
footerCareer.textContent = 'Careers';
footerFranchising.textContent = 'Franchising';
footerNewsletter.textContent = 'Newsletter';
footerApp.textContent = 'APP';
// footerPoliciesSection.textContent = 'Policies';
footerTerms.textContent = 'Terms & Conditions';
footerPrivacy.textContent = 'Privacy Policy';
footerCookies.textContent = 'Cookies Policy';
// footerPoliciesCustom01.textContent = 'Incentives';
footerPoliciesCustom02.textContent = 'Electronic complaint book';
footerPoliciesCustom03.textContent = 'Gender Equality';
break;
}
// Se não existir a variável sessionCountryCode, criar a variável a partir de outra já existente (CQuotient.locale.slice(-2))
if (typeof sessionCountryCode === 'undefined') {
var sessionCountryCode = CQuotient.locale.slice(-2);
}
// ------------ LINK CAREERS PARA OS EMIRADOS ------------
if (sessionCountryCode === 'AE' && footerCareer) {
const footerCareerLink = footerCareer.closest('a');
if (footerCareerLink) {
footerCareerLink.href = 'https://www.alshamsiholdings.com/careers/';
footerCareerLink.target = '_blank';
footerCareerLink.rel = 'nofollow noopener noreferrer';
}
}
// ------------ ADICIONAR TITLE DE ACORDO COM O IDIOMA ------------
footerHelpSection.title = footerHelpSection.textContent;
footerHelpCenter.title = footerHelpCenter.textContent;
footerContacts.title = footerContacts.textContent;
footerOrderStatus.title = footerOrderStatus.textContent;
footerStoreLocator.title = footerStoreLocator.textContent;
footerTrendingSection.title = footerTrendingSection.textContent;
footerTrend1.title = footerTrend1.textContent;
footerTrend2.title = footerTrend2.textContent;
footerTrend3.title = footerTrend3.textContent;
footerTrend4.title = footerTrend4.textContent;
footerTrend5.title = footerTrend5.textContent;
footerEventsSection.title = footerEventsSection.textContent;
footerSpecial1.title = footerSpecial1.textContent;
footerSpecial2.title = footerSpecial2.textContent;
footerSpecial3.title = footerSpecial3.textContent;
footerSpecial4.title = footerSpecial4.textContent;
footerSpecial5.title = footerSpecial5.textContent;
footerSpecialAllEvents.textContent = footerEventsSection.textContent;
footerSpecialAllEvents.title = footerEventsSection.title;
footerSale.title = footerSale.textContent;
footerSale1.title = footerSale1.textContent;
footerSale2.title = footerSale2.textContent;
// footerSale3.title = footerSale3.textContent;
// footerSale4.title = footerSale4.textContent;
footerCorporateSection.title = footerCorporateSection.textContent;
footerCorporate.title = footerCorporate.textContent;
footerCareer.title = footerCareer.textContent;
footerFranchising.title = footerFranchising.textContent;
footerNewsletter.title = footerNewsletter.textContent;
footerApp.title = footerApp.textContent;
// footerPoliciesSection.title = footerPoliciesSection.textContent;
footerTerms.title = footerTerms.textContent;
footerPrivacy.title = footerPrivacy.textContent;
footerCookies.title = footerCookies.textContent;
// footerPoliciesCustom01.title = footerPoliciesCustom01.textContent;
footerPoliciesCustom02.title = footerPoliciesCustom02.textContent;
footerPoliciesCustom03.title = footerPoliciesCustom03.textContent;
// ------------ FILTROS DE DISPONIBILIDADE DE LINKS POR PAISES ------------
// Criacao de Variável com os países transacionais
// const countriesTransactional = ['PT', 'ES', 'FR', 'BE', 'LU', 'IT', 'CH', 'GB', 'IE', 'NL', 'HU', 'CZ', 'SK', 'SI', 'LV', 'LT', 'EE', 'PL', 'DE', 'AT', 'AE'];
// Ocultar Links Globais
// footerSale.closest('li').remove();
// Filtro para o Dia da Mãe - Apenas para os países que celebram a data
// if (idCountryCodeStores) {
// const countriesWithMothersDay = ['fr', 'pl', 'se'];
// if (!countriesWithMothersDay.includes(idCountryCodeStores)) {
// footerSpecial2?.closest('li')?.remove();
// footerSpecial3?.closest('li')?.remove();
// }
// }
// Remoção de links sem conteudo
if (footerSpecial1.textContent === '') { footerSpecial1.closest('li').remove(); }
if (footerSpecial2.textContent === '') { footerSpecial2.closest('li').remove(); }
if (footerSpecial3.textContent === '') { footerSpecial3.closest('li').remove(); }
if (footerSpecial4.textContent === '') { footerSpecial4.closest('li').remove(); }
if (footerSpecial5.textContent === '') { footerSpecial5.closest('li').remove(); }
if (footerSale.textContent === '') { footerSale.closest('li').remove(); }
if (footerSale1.textContent === '') { footerSale1.closest('li').remove(); }
if (footerSale2.textContent === '') { footerSale2.closest('li').remove (); }
// Paises nao transacionais
if (CQuotient.siteId === "PAR_World") {
//console.log('O país não está na lista de países transacionais.');
if (footerHelpCenter) { footerHelpCenter.closest('li').remove(); }
// if (footerEventsSection) { footerEventsSection.closest('li').remove(); }
if (footerOrderStatus) { footerOrderStatus.closest('li').remove(); }
if (footerApp) { footerApp.closest('li').remove(); }
// if (footerPoliciesCustom01) { footerPoliciesCustom01.closest('li').remove(); }
if (footerPoliciesCustom02) { footerPoliciesCustom02.closest('li').remove(); }
if (footerPoliciesCustom03) { footerPoliciesCustom03.closest('li').remove(); }
if (footerSale) { footerSale.closest('li').remove(); }
if (footerSale1) { footerSale1.closest('li').remove(); }
if (footerSale2) { footerSale2.closest('li').remove(); }
// if (footerSale3) { footerSale3.closest('li').remove(); }
// if (footerSale4) { footerSale4.closest('li').remove(); }
if (footerSpecial2) { footerSpecial2.closest('li').remove(); }
if (footerSpecial3) { footerSpecial3.closest('li').remove(); }
if (footerSpecial4) { footerSpecial4.closest('li').remove(); }
if (footerSpecial5) { footerSpecial5.closest('li').remove(); }
if (footerSpecialAllEvents) { footerSpecialAllEvents.closest('li').remove(); }
// if (footerTrendingSection) {footerTrendingSection.closest('li').remove();}
// if (footerTrend1) {footerTrend1.closest('li').remove();}
// if (footerTrend2) {footerTrend2.closest('li').remove();}
// if (footerTrend3) {footerTrend3.closest('li').remove();}
// if (footerTrend4) {footerTrend4.closest('li').remove();}
// if (footerTrend5) {footerTrend5.closest('li').remove();}
} else {
// Traduções especificas por pais - casos excepcionais --------------------------------
// Datas de mudança de Saldos / Petit Prix
// const DataSaldosFooterAgora = new Date();
// const dataIncioSoldesFooterFR = new Date('2026-06-23T17:45:00');
// const dataIncioPetitPrixFooterFR = new Date('2026-07-22T00:00:00');
// const dataIncioSoldesFooterLU = new Date('2026-06-23T17:45:00');
// const dataIncioPetitPrixFooterLU = new Date('2026-07-20T00:00:00');
// const dataIncioSoldesFooterBE = new Date('2026-06-30T17:45:00');
// const dataIncioPetitPrixFooterBE = new Date('2026-08-01T00:00:00');
switch (document.documentElement.lang) {
case 'es':
// Tradução específica para o México
if (sessionCountryCode === 'MX') {
footerTrend1.textContent = "Vestidos de Mujer";
footerTrend2.textContent = "Sandalias de Mujer";
footerTrend3.textContent = "Bolsas de Fiesta y Boda";
footerTrend4.textContent = "Tenis de Mujer";
footerTrend5.textContent = "Bailarinas de Mujer";
}
break;
default:
// Tradução específica para o México
if (sessionCountryCode === 'MX') {
footerTrend1.textContent = "Women's Dresses";
footerTrend2.textContent = "Women's Sandals";
footerTrend3.textContent = "Party & Wedding Bags";
footerTrend4.textContent = "Women's Sneakers";
footerTrend5.textContent = "Women's Ballet Flats";
}
break;
}
// Regras AE: ocultação de categorias
if (sessionCountryCode == 'AE') {
//console.log('O país não está na lista de países transacionais.');
if (footerEventsSection) { footerEventsSection.closest('li').remove(); }
if (footerOrderStatus) { footerOrderStatus.closest('li').remove(); }
if (footerApp) { footerApp.closest('li').remove(); }
// if (footerPoliciesCustom01) { footerPoliciesCustom01.closest('li').remove(); }
if (footerPoliciesCustom02) { footerPoliciesCustom02.closest('li').remove(); }
if (footerPoliciesCustom03) { footerPoliciesCustom03.closest('li').remove(); }
if (footerSale) { footerSale.closest('li').remove(); }
if (footerSale1) { footerSale1.closest('li').remove(); }
if (footerSale2) { footerSale2.closest('li').remove(); }
// if (footerSale3) { footerSale3.closest('li').remove(); }
// if (footerSale4) { footerSale4.closest('li').remove(); }
if (footerSpecial2) { footerSpecial2.closest('li').remove(); }
if (footerSpecial3) { footerSpecial3.closest('li').remove(); }
if (footerSpecial4) { footerSpecial4.closest('li').remove(); }
if (footerSpecial5) { footerSpecial5.closest('li').remove(); }
if (footerTrendingSection) { footerTrendingSection.closest('li').remove(); }
if (footerTrend1) { footerTrend1.closest('li').remove(); }
if (footerTrend2) { footerTrend2.closest('li').remove(); }
if (footerTrend3) { footerTrend3.closest('li').remove(); }
if (footerTrend4) { footerTrend4.closest('li').remove(); }
if (footerTrend5) { footerTrend5.closest('li').remove(); }
}
// Remoção de links inuteis para paises com help center
if (footerContacts) { footerContacts.closest('li').remove(); }
// Paises sem Localizador de Lojas
if (sessionCountryCode == 'AT' || sessionCountryCode == 'DE' || sessionCountryCode == 'EE' || sessionCountryCode == 'LT' || sessionCountryCode == 'LV' || sessionCountryCode == 'SI' || sessionCountryCode == 'SK' || sessionCountryCode == 'CZ' || sessionCountryCode == 'SE' || sessionCountryCode == 'FI' || sessionCountryCode == 'DK') {
footerStoreLocator.closest('li').remove();
}
// Paises sem Franchising
if (sessionCountryCode == 'PT' || sessionCountryCode == 'ES' || sessionCountryCode == 'BE' || sessionCountryCode == 'SI' || sessionCountryCode == 'LT' || sessionCountryCode == 'EE' || sessionCountryCode == 'AE') {
footerFranchising.closest('li').remove();
}
// Apenas Portugal tem estes links
if (sessionCountryCode !== 'PT') {
// footerPoliciesCustom01.closest('li').remove();
footerPoliciesCustom02.closest('li').remove();
}
// Apenas Franca tem este link
if (sessionCountryCode !== 'FR') {
footerPoliciesCustom03.closest('li').remove();
}
// Remoção de links inuteis para o Mexico
if (sessionCountryCode === 'MX') {
// if (footerSpecial1) { footerSpecial1.closest('li').remove(); }
if (footerSpecial2) { footerSpecial2.closest('li').remove(); }
// if (footerSpecial3) {footerSpecial3.closest('li').remove();}
if (footerSpecial4) { footerSpecial4.closest('li').remove(); }
if (footerSpecial5) { footerSpecial5.closest('li').remove(); }
}
// IDs diferentes para o Mexico
const iDfooterTrend1 = footerTrend1.closest('a');
const iDfooterTrend2 = footerTrend2.closest('a');
const iDfooterTrend3 = footerTrend3.closest('a');
const iDfooterTrend4 = footerTrend4.closest('a');
const iDfooterTrend5 = footerTrend5.closest('a');
// const iDfooterSpecial1 = footerSpecial1.closest('a');
// const iDfooterSpecial2 = footerSpecial2.closest('a');
const iDfooterSpecial3 = footerSpecial3.closest('a');
// const iDfooterSpecial4 = footerSpecial4.closest('a');
// const iDfooterSpecial5 = footerSpecial5.closest('a');
if (sessionCountryCode === 'MX') {
// IDs de Tendencias
iDfooterTrend1.href = 'https://www.parfois.com/fr/tn/vetements/robes/';
iDfooterTrend1.dataset.category = '88';
iDfooterTrend2.href = 'https://www.parfois.com/fr/tn/chaussures/sandales-plates/';
iDfooterTrend2.dataset.category = '2737';
iDfooterTrend3.href = 'https://www.parfois.com/fr/tn/sacs/sacs-de-soiree/';
iDfooterTrend3.dataset.category = '115';
iDfooterTrend4.href = 'https://www.parfois.com/fr/tn/chaussures/baskets/';
iDfooterTrend4.dataset.category = '80';
iDfooterTrend5.href = 'https://www.parfois.com/fr/tn/chaussures/ballerines/';
iDfooterTrend5.dataset.category = '76';
// IDs de Eventos Especiais
if (iDfooterSpecial3) {
iDfooterSpecial3.href = "https://www.parfois.com/fr/tn/search/?cgid=3402";
iDfooterSpecial3.dataset.category = '3402';
}
}
// IDs de Saldos ------------------------------------------------------------------------------------------------------------------------------------------
if (footerSale && sessionCountryCode === 'RO') {
// Remover Special Prices de RO
footerSale.closest('li').remove();
}
if (footerSale) {
const idSaldos = footerSale.closest('a');
idSaldos.href = 'https://www.parfois.com/fr/tn/special-prices/';
idSaldos.dataset.category = 2919;
// const idSaldosMalas = footerSale1.closest('a');
// const idSaldosRoupa = footerSale2.closest('a');
// // const nowSaldos = new Date();
// //IDs de saldos de acordo com o pais
// if (sessionCountryCode == 'PT') {
// idSaldos.href = 'https://www.parfois.com/fr/tn/sale_pt/';
// idSaldos.dataset.category = 133;
// idSaldosMalas.href = 'https://www.parfois.com/fr/tn/sale_pt/bags/';
// idSaldosMalas.dataset.category = 141;
// idSaldosRoupa.href = 'https://www.parfois.com/fr/tn/sale_pt/clothing/';
// idSaldosRoupa.dataset.category = 145;
// } else if (sessionCountryCode == 'ES') {
// idSaldos.href = 'https://www.parfois.com/fr/tn/sale_es/';
// idSaldos.dataset.category = 319;
// idSaldosMalas.href = 'https://www.parfois.com/fr/tn/sale_es/bags/';
// idSaldosMalas.dataset.category = 364;
// idSaldosRoupa.href = 'https://www.parfois.com/fr/tn/sale_es/clothing/';
// idSaldosRoupa.dataset.category = 368;
// } else if (sessionCountryCode == 'FR') {
// idSaldos.href = 'https://www.parfois.com/fr/tn/petits-prix_fr/';
// idSaldos.dataset.category = 321;
// idSaldosMalas.href = 'https://www.parfois.com/fr/tn/petits-prix_fr/sacs/';
// idSaldosMalas.dataset.category = 380;
// idSaldosRoupa.href = 'https://www.parfois.com/fr/tn/petits-prix_fr/vetements/';
// idSaldosRoupa.dataset.category = 384;
// } else if (sessionCountryCode == 'BE') {
// idSaldos.href = 'https://www.parfois.com/fr/tn/petits-prix_be/';
// idSaldos.dataset.category = 318;
// idSaldosMalas.href = 'https://www.parfois.com/fr/tn/petits-prix_be/sacs/';
// idSaldosMalas.dataset.category = 356;
// idSaldosRoupa.href = 'https://www.parfois.com/fr/tn/petits-prix_be/vetements/';
// idSaldosRoupa.dataset.category = 360;
// } else if (sessionCountryCode == 'IT') {
// idSaldos.href = 'https://www.parfois.com/fr/tn/sale_it/';
// idSaldos.dataset.category = 322;
// idSaldosMalas.href = 'https://www.parfois.com/fr/tn/sale_it/bags/';
// idSaldosMalas.dataset.category = 388;
// idSaldosRoupa.href = 'https://www.parfois.com/fr/tn/search/?cgid=492';
// idSaldosRoupa.dataset.category = 492;
// } else if (sessionCountryCode == 'GB') {
// idSaldos.href = 'https://www.parfois.com/fr/tn/sale_gb/';
// idSaldos.dataset.category = 326;
// idSaldosMalas.href = 'https://www.parfois.com/fr/tn/sale_gb/bags/';
// idSaldosMalas.dataset.category = 420;
// idSaldosRoupa.href = 'https://www.parfois.com/fr/tn/sale_gb/clothing/';
// idSaldosRoupa.dataset.category = 424;
// } else if (sessionCountryCode == 'IE') {
// idSaldos.href = 'https://www.parfois.com/fr/tn/sale_ie/';
// idSaldos.dataset.category = 164;
// idSaldosMalas.href = 'https://www.parfois.com/fr/tn/sale_ie/bags/';
// idSaldosMalas.dataset.category = 167;
// idSaldosRoupa.href = 'https://www.parfois.com/fr/tn/sale_ie/clothing/';
// idSaldosRoupa.dataset.category = 171;
// } else if (sessionCountryCode == 'NL') {
// idSaldos.href = 'https://www.parfois.com/fr/tn/sale_nl/';
// idSaldos.dataset.category = 183;
// idSaldosMalas.href = 'https://www.parfois.com/fr/tn/sale_nl/bags/';
// idSaldosMalas.dataset.category = 269;
// idSaldosRoupa.href = 'https://www.parfois.com/fr/tn/sale_nl/clothing/';
// idSaldosRoupa.dataset.category = 273;
// } else if (sessionCountryCode == 'HU') {
// idSaldos.href = 'https://www.parfois.com/fr/tn/sale_hu/';
// idSaldos.dataset.category = 184;
// idSaldosMalas.href = 'https://www.parfois.com/fr/tn/sale_hu/bags/';
// idSaldosMalas.dataset.category = 277;
// idSaldosRoupa.href = 'https://www.parfois.com/fr/tn/sale_hu/clothing/';
// idSaldosRoupa.dataset.category = 281;
// } else if (sessionCountryCode == 'PL') {
// idSaldos.href = 'https://www.parfois.com/fr/tn/sale_pl/';
// idSaldos.dataset.category = 325;
// idSaldosMalas.href = 'https://www.parfois.com/fr/tn/sale_pl/bags/';
// idSaldosMalas.dataset.category = 412;
// idSaldosRoupa.href = 'https://www.parfois.com/fr/tn/sale_pl/clothing/';
// idSaldosRoupa.dataset.category = 416;
// } else if (sessionCountryCode == 'DE' || sessionCountryCode == 'AT' || sessionCountryCode == 'CZ' || sessionCountryCode == 'SI' || sessionCountryCode == 'SK' || sessionCountryCode == 'LV' || sessionCountryCode == 'LT' || sessionCountryCode == 'EE' || sessionCountryCode == 'DK' || sessionCountryCode == 'FI' || sessionCountryCode == 'SE') {
// idSaldos.href = 'https://www.parfois.com/fr/tn/sale_de/';
// idSaldos.dataset.category = 316;
// idSaldosMalas.href = 'https://www.parfois.com/fr/tn/sale_de/bags/';
// idSaldosMalas.dataset.category = 340;
// idSaldosRoupa.href = 'https://www.parfois.com/fr/tn/sale_de/clothing/';
// idSaldosRoupa.dataset.category = 344;
// } else if (sessionCountryCode == 'CH') {
// idSaldos.href = 'https://www.parfois.com/fr/tn/soldes_ch/';
// idSaldos.dataset.category = 2979;
// idSaldosMalas.href = 'https://www.parfois.com/fr/tn/soldes_ch/sacs/';
// idSaldosMalas.dataset.category = 3022;
// idSaldosRoupa.href = 'https://www.parfois.com/fr/tn/soldes_ch/vetements/';
// idSaldosRoupa.dataset.category = 2987;
// } else if (sessionCountryCode == 'LU') {
// idSaldos.href = 'https://www.parfois.com/fr/tn/petits-prix_lu/';
// idSaldos.dataset.category = 3042;
// idSaldosMalas.href = 'https://www.parfois.com/fr/tn/petits-prix_lu/sacs/';
// idSaldosMalas.dataset.category = 3085;
// idSaldosRoupa.href = 'https://www.parfois.com/fr/tn/petits-prix_lu/vetements/';
// idSaldosRoupa.dataset.category = 3050;
// } else if (sessionCountryCode == 'MX') {
// idSaldos.href = 'https://www.parfois.com/fr/tn/search/?cgid=3151';
// idSaldos.dataset.category = 3151;
// idSaldosMalas.href = 'https://www.parfois.com/fr/tn/search/?cgid=3154';
// idSaldosMalas.dataset.category = 3154;
// idSaldosRoupa.href = 'https://www.parfois.com/fr/tn/search/?cgid=3155';
// idSaldosRoupa.dataset.category = 3155;
// }
// Agendamento Special Prices ------------------------------------------------------------------------------------------------------------------------------------------
// const nowSpecialPrices = new Date();
// const dataInicioSpecialPrices = new Date('2026-03-01T00:00:00');
// if (nowSpecialPrices >= dataInicioSpecialPrices) {
// footerSale.textContent = 'Special Prices';
// idSaldos.href = 'https://www.parfois.com/fr/tn/special-prices/';
// idSaldos.dataset.category = 2919;
// if (footerSale1) { footerSale1.closest('li').remove(); }
// if (footerSale2) { footerSale2.closest('li').remove(); }
// }
// Agendamento FW25 Campagin ------------------------------------------------------------------------------------------------------------------------------------------
// const dataIncioFW25 = new Date('2025-09-29T01:00:00');
// if (nowSaldos <= dataIncioFW25) {
// footerWinterCollection.closest('li').remove();
// } else if (sessionCountryCode === 'MX') {
// footerWinterCollection.closest('li').remove();
// }
}
}
});
</script>
<style>
.submenu-footer li a span {
text-decoration: none;
/* Remove qualquer sublinha padrão */
position: relative;
/* Necessário para posicionar o pseudo-elemento */
display: inline-block;
/* Permite que o pseudo-elemento respeite o tamanho do texto */
text-transform: initial;
}
.submenu-footer li a span::after {
content: '';
position: absolute;
width: 100%;
height: 1px;
display: block;
bottom: 0;
left: 0;
background: #000;
/* Cor da sublinha */
transform: scaleX(0);
transform-origin: right;
/* Origem da transformação à direita */
transition: transform 0.3s ease-in-out;
}
.submenu-footer li a span:hover::after {
transform: scaleX(1);
transform-origin: left;
/* Origem da transformação à esquerda ao passar o mouse */
}
#footer-sale,
#footer-sale-1,
#footer-sale-2,
#footer-sale-upto40,
#footer-sale-generic {
color: #000;
transition: color 0.3s ease-in-out;
/* Adiciona a transição suave */
}
#footer-sale:hover,
#footer-sale-1:hover,
#footer-sale-2:hover,
#footer-sale-upto40:hover,
#footer-sale-generic:hover {
color: #e32261;
}
#footer-sale::after,
#footer-sale-1::after,
#footer-sale-2::after,
#footer-sale-upto40::after,
#footer-sale-generic::after {
content: '';
position: absolute;
width: 100%;
height: 1px;
display: block;
bottom: 0;
left: 0;
background: #e32261 !important;
/* Cor da sublinha */
transform: scaleX(0);
transform-origin: right;
/* Origem da transformação à direita */
transition: transform 0.3s ease-in-out;
}
#footer-sale:hover::after,
#footer-sale-1:hover::after,
#footer-sale-2:hover::after,
#footer-sale-upto40:hover::after,
#footer-sale-generic:hover::after {
transform: scaleX(1);
transform-origin: left;
/* Origem da transformação à esquerda ao passar o mouse */
}
/* Ajuste de padding para os itens do submenu do rodapé */
.submenu-footer .nav-item a span {
margin-right: 2rem !important;
padding-left: 0 !important;
}
@media (max-width: 1800px) {
.submenu-footer .nav-item a span {
margin-right: 1rem !important;
font-size: 0.813rem;
}
}
@media (max-width: 991px) {
.submenu-footer .nav-item a span {
margin-right: 0 !important;
}
}
</style>
<div class="follow-us w-auto p-0">
<span class="par-footer-block-title">Socials</span>
<ul class="footer-social">
<li><a target="_blank" href="https://www.facebook.com/parfois" title="Facebook" rel="noopener noreferrer">
<svg class="par-icon par-icon__icon-facebook" >
<use href="/on/demandware.static/Sites-PAR_World-Site/-/default/dw14c229b5/images/icons/icons.svg#icon-facebook"/>
</svg>
</a>
</li>
<li><a target="_blank" href="https://www.instagram.com/parfois" title="Instagram" rel="noopener noreferrer">
<svg class="par-icon par-icon__icon-instagram" >
<use href="/on/demandware.static/Sites-PAR_World-Site/-/default/dw14c229b5/images/icons/icons.svg#icon-instagram"/>
</svg>
</a>
</li>
<li><a target="_blank" href="https://twitter.com/PARFOIS_" title="Twitter" rel="noopener noreferrer">
<svg class="par-icon par-icon__icon-twitter" >
<use href="/on/demandware.static/Sites-PAR_World-Site/-/default/dw14c229b5/images/icons/icons.svg#icon-twitter"/>
</svg>
</a>
</li>
<li><a target="_blank" href="https://www.youtube.com/user/PARFOISACCESSORIES" title="Youtube" rel="noopener noreferrer">
<svg class="par-icon par-icon__icon-youtube" >
<use href="/on/demandware.static/Sites-PAR_World-Site/-/default/dw14c229b5/images/icons/icons.svg#icon-youtube"/>
</svg>
</a>
</li>
<li><a target="_blank" href="https://www.pinterest.es/parfoisofficial/" title="Pinterest" rel="noopener noreferrer">
<svg class="par-icon par-icon__icon-pinterest" >
<use href="/on/demandware.static/Sites-PAR_World-Site/-/default/dw14c229b5/images/icons/icons.svg#icon-pinterest"/>
</svg>
</a>
</li>
<li><a target="_blank" href="https://www.tiktok.com/@parfoisofficial" title="Tik Tok" rel="noopener noreferrer">
<svg class="par-icon par-icon__icon-tiktok" >
<use href="/on/demandware.static/Sites-PAR_World-Site/-/default/dw14c229b5/images/icons/icons.svg#icon-tiktok"/>
</svg>
</a>
</li>
</ul>
</div>
</isslot>
<div class="secure-payments">
<span class="par-footer-block-title">Paiements sécurisés</span>
<div class="content-asset"><!-- dwMarker="content" dwContentID="b8ffef24ef6e67f9bf17772154" -->
<style>
.cart-page .par-cart--totals-prices .col-4,
.cart-page .par-cart--secure-payments {
text-align: end;
}
.cart-page .par-cart--totals-estimated .grand-total {
font-weight: 500;
}
.cart-page .payment-icons {
justify-content: center;
}
.cart-page .par-cart--secure-payments-title {
text-align: left;
}
.cart-page .sub-total {
font-weight: 400;
}
.cart-page .par-cart--totals-estimated .col-4 {
gap: 8px;
}
@media (min-width: 769px) {
.cart-page .par-cart--totals-title,
.cart-page .par-cart--totals-splitted,
.cart-page .par-cart--totals-estimated,
.cart-page .par-cart--totals .par-coupon-code--add,
.cart-page .par-cart--totals .par-coupon-code--content {
padding: 0 1rem !important;
}
.cart-page .par-cart--secure-payments {
padding: 2.5rem 1rem !important;
}
.cart-page .payment-icons,
.cart-page .par-cart--secure-payments-title {
justify-content: end;
text-align: right;
}
.cart-page .par-cart--totals-estimated .col-4 {
flex-direction: column;
display: flex;
}
}
.payment-icons {
display: flex;
justify-content: start;
gap: 8px 16px;
flex-wrap: wrap;
}
.payment-icon img {
height: 24px;
}
/*
@media (max-width: 1700px) {
.payment-icons {
flex-wrap: wrap;
}
}
*/
</style>
<div class="payment-icons">
<div class="payment-icon" id="bizum">
<img src="https://www.parfois.com/on/demandware.static/-/Library-Sites-ParfoisSharedLibrary/default/dw4b93c2ab/ContentManagement/payment-icons/logo-bizum.svg" alt="Bizum" />
</div>
<div class="payment-icon" id="visa">
<img src="https://www.parfois.com/on/demandware.static/-/Library-Sites-ParfoisSharedLibrary/default/dwd91f8999/ContentManagement/payment-icons/visa.svg" alt="Visa" />
</div>
<div class="payment-icon" id="scalapay">
<img src="https://www.parfois.com/on/demandware.static/-/Library-Sites-ParfoisSharedLibrary/default/dwd199eccc/ContentManagement/payment-icons/scalapay.svg" alt="Scalapay" />
</div>
<div class="payment-icon" id="mastercard">
<img src="https://www.parfois.com/on/demandware.static/-/Library-Sites-ParfoisSharedLibrary/default/dwa3019ba0/ContentManagement/payment-icons/mastercard.svg" alt="Mastercard" />
</div>
<div class="payment-icon" id="maestro">
<img src="https://www.parfois.com/on/demandware.static/-/Library-Sites-ParfoisSharedLibrary/default/dw449c7b4b/ContentManagement/payment-icons/maestro.svg" alt="Maestro" />
</div>
<div class="payment-icon" id="apple_pay">
<img src="https://www.parfois.com/on/demandware.static/-/Library-Sites-ParfoisSharedLibrary/default/dw15734e36/ContentManagement/payment-icons/apple_pay.svg" alt="Apple Pay" />
</div>
<div class="payment-icon" id="google_pay">
<img src="https://www.parfois.com/on/demandware.static/-/Library-Sites-ParfoisSharedLibrary/default/dwd6cce1d1/ContentManagement/payment-icons/google_pay.svg" alt="Google Pay" />
</div>
<div class="payment-icon" id="klarna">
<img src="https://www.parfois.com/on/demandware.static/-/Library-Sites-ParfoisSharedLibrary/default/dw31a0e4ac/ContentManagement/payment-icons/klarna.svg" alt="Klarna" />
</div>
<div class="payment-icon" id="paypal">
<img src="https://www.parfois.com/on/demandware.static/-/Library-Sites-ParfoisSharedLibrary/default/dwc04328f5/ContentManagement/payment-icons/paypal.svg" alt="PayPal" />
</div>
<div class="payment-icon" id="multibanco">
<img src="https://www.parfois.com/on/demandware.static/-/Library-Sites-ParfoisSharedLibrary/default/dwceaf9fcd/ContentManagement/payment-icons/multibanco.svg" alt="Multibanco" />
</div>
<div class="payment-icon" id="mbway">
<img src="https://www.parfois.com/on/demandware.static/-/Library-Sites-ParfoisSharedLibrary/default/dw7a0797b3/ContentManagement/payment-icons/mb_way.svg" alt="MB Way" />
</div>
<div class="payment-icon" id="cart_bancaire">
<img src="https://www.parfois.com/on/demandware.static/-/Library-Sites-ParfoisSharedLibrary/default/dw6240b7e3/ContentManagement/payment-icons/cart_bancaire.svg" alt="Cart Bancaire" />
</div>
<div class="payment-icon" id="sofort">
<img src="https://www.parfois.com/on/demandware.static/-/Library-Sites-ParfoisSharedLibrary/default/dwcc3a346e/ContentManagement/payment-icons/sofort.svg" alt="Sofort" />
</div>
<div class="payment-icon" id="giropay">
<img src="https://www.parfois.com/on/demandware.static/-/Library-Sites-ParfoisSharedLibrary/default/dwebf00420/ContentManagement/payment-icons/giropay.svg" alt="Giropay" />
</div>
<div class="payment-icon" id="bancontact">
<img src="https://www.parfois.com/on/demandware.static/-/Library-Sites-ParfoisSharedLibrary/default/dw3c64d2d6/ContentManagement/payment-icons/bancontact.svg" alt="Bancontact" />
</div>
<div class="payment-icon" id="przelewy24">
<img src="https://www.parfois.com/on/demandware.static/-/Library-Sites-ParfoisSharedLibrary/default/dwffed1bfe/ContentManagement/payment-icons/przelewy24.svg" alt="Przelewy24" />
</div>
<div class="payment-icon" id="ideal">
<img src="https://www.parfois.com/on/demandware.static/-/Library-Sites-ParfoisSharedLibrary/default/dw74d2772a/ContentManagement/payment-icons/ideal.svg" alt="iDEAL" />
</div>
<div class="payment-icon" id="twint">
<img src="https://www.parfois.com/on/demandware.static/-/Library-Sites-ParfoisSharedLibrary/default/dw420fde5c/ContentManagement/payment-icons/twint.svg" alt="Twint" />
</div>
<div class="payment-icon" id="oxxo">
<img src="https://www.parfois.com/on/demandware.static/-/Library-Sites-ParfoisSharedLibrary/default/dwa005c047/ContentManagement/payment-icons/oxxo.svg" alt="Oxxo" />
</div>
<div class="payment-icon" id="blik">
<img src="https://www.parfois.com/on/demandware.static/-/Library-Sites-ParfoisSharedLibrary/default/dw129dbb02/ContentManagement/payment-icons/blik.svg" alt="Blik" />
</div>
<div class="payment-icon" id="spin">
<img src="https://www.parfois.com/on/demandware.static/-/Library-Sites-ParfoisSharedLibrary/default/dw2ebf424c/ContentManagement/payment-icons/spin.svg" alt="Spin by Oxxo" />
</div>
<div class="payment-icon" id="amex">
<img src="https://www.parfois.com/on/demandware.static/-/Library-Sites-ParfoisSharedLibrary/default/dw344045cd/ContentManagement/payment-icons/amex.svg" alt="Amex" />
</div>
<div class="payment-icon" id="samsung_pay">
<img src="https://www.parfois.com/on/demandware.static/-/Library-Sites-ParfoisSharedLibrary/default/dw6c2b14fa/ContentManagement/payment-icons/samsung_pay.svg" alt="Samsung Pay" />
</div>
<br /><br />
</div>
<script>
// Se não existir a variável sessionCountryCode, criar a variável a partir de outra já existente (CQuotient.locale.slice(-2))
if (typeof sessionCountryCode === 'undefined') {
var sessionCountryCode = CQuotient.locale.slice(-2);
}
function updatePaymentIcons(sessionCountryCode) {
const country = sessionCountryCode;
const methodsToKeep = new Set(['visa', 'mastercard', 'maestro', 'google_pay']);
if (!['CH', 'HU', 'SE', 'DK', 'MX', 'AE'].includes(country)) methodsToKeep.add('paypal');
if (!['FR', 'IT', 'CH'].includes(country)) methodsToKeep.add('apple_pay');
// if (country !== 'MX') methodsToKeep.add('google_pay');
if (['AT', 'BE', 'CH', 'CZ', 'DE', 'ES', 'FR', 'GB', 'IE', 'IT', 'NL', 'PL', 'PT', 'FI', 'SE', 'DK', 'RO'].includes(country)) methodsToKeep.add('klarna');
if (country === 'NL') methodsToKeep.add('ideal');
if (country === 'PT') {
methodsToKeep.add('multibanco');
methodsToKeep.add('mbway');
}
if (country === 'IT' || country === 'FR') methodsToKeep.add('scalapay');
if (country === 'BE') methodsToKeep.add('bancontact');
if (country === 'FR') methodsToKeep.add('cart_bancaire');
if (country === 'ES') methodsToKeep.add('bizum');
if (country === 'CH') methodsToKeep.add('twint');
if (country === 'PL') methodsToKeep.add('blik');
if (country === 'PL') methodsToKeep.add('przelewy24');
if (country === 'MX') methodsToKeep.add('spin');
if (country === 'MX' || country === 'CH' || country === 'GB') methodsToKeep.add('amex');
// if (country === 'AE') methodsToKeep.delete('google_pay');
// if (country === 'AE') methodsToKeep.add('samsung_pay');
// console.log('Métodos a manter:', Array.from(methodsToKeep).join(', '));
const allMethods = ['visa', 'mastercard', 'maestro', 'paypal', 'apple_pay', 'google_pay', 'klarna', 'ideal', 'multibanco', 'mbway', 'bancontact', 'bizum', 'twint', 'oxxo', 'blik', 'cart_bancaire', 'sofort', 'giropay', 'przelewy24', 'spin', 'amex', 'samsung_pay', 'scalapay'];
allMethods.forEach((id) => {
const el = document.getElementById(id);
if (el) {
if (!methodsToKeep.has(id)) {
el.remove();
// console.log(`Removido: ${id}`);
} else {
// console.log(`Mantido: ${id}`);
}
}
});
}
function observeAndUpdateIcons() {
if (typeof sessionCountryCode === 'undefined' || !sessionCountryCode) {
console.warn('sessionCountryCode não está definido.');
return;
}
// Primeira execução direta (ex: footer já visível)
updatePaymentIcons(sessionCountryCode);
// Observar mudanças no DOM (ex: cesto dinâmico)
const observer = new MutationObserver((mutations) => {
for (const mutation of mutations) {
if (mutation.type === 'childList') {
const addedNodes = Array.from(mutation.addedNodes);
addedNodes.forEach((node) => {
if (node.nodeType === 1 && node.querySelector('.payment-icons')) {
updatePaymentIcons(sessionCountryCode);
}
});
}
}
});
observer.observe(document.body, {
childList: true,
subtree: true,
});
}
// Iniciar
observeAndUpdateIcons();
</script>
<script>
(function () {
const lipbalmItem = document.querySelector('.par-product-line-item[data-pid="229497FL30M"]');
if (lipbalmItem) {
const percentElement = lipbalmItem.querySelector('.price-percent');
if (percentElement && percentElement.textContent.includes('100')) {
const styleBlock = `
<style id="custom-lipbalm-style">
.custom-promo-text {
margin-bottom: 0;
font-size: 10px;
line-height: 14px;
}
</style>
`;
if (!document.getElementById('custom-lipbalm-style')) {
document.head.insertAdjacentHTML('beforeend', styleBlock);
}
const targetSpan = lipbalmItem.querySelector('.product-line-item .product-line-item-details .line-item-header .line-item-name span');
if (targetSpan) {
const newText = document.createElement('p');
switch (document.documentElement.lang) {
case 'pt':
newText.textContent = 'Oferta especial';
break;
case 'es':
newText.textContent = 'Oferta especial';
break;
case 'ca':
newText.textContent = 'Oferta especial';
break;
case 'fr':
newText.textContent = 'Offre spéciale';
break;
case 'it':
newText.textContent = 'Offerta speciale';
break;
case 'pl':
newText.textContent = 'Oferta specjalna';
break;
case 'de':
newText.textContent = 'Sonderangebot';
break;
case 'ro':
newText.textContent = 'Ofertă specială';
break;
case 'bg':
newText.textContent = 'Специална оферта';
break;
default:
newText.textContent = 'Special offer';
break;
}
newText.className = 'custom-promo-text';
targetSpan.parentNode.insertBefore(newText, targetSpan);
}
lipbalmItem.querySelector('.par-line-item-pricing-info')?.remove();
lipbalmItem.querySelector('.par-item-attributes')?.remove();
lipbalmItem.querySelector('.par-minicart-buttons-actions')?.remove();
const details = lipbalmItem.querySelector('.product-line-item .cart-product-details');
if (details) details.style.alignSelf = 'center';
}
}
})();
</script>
</div> <!-- End content-asset -->
</div>
</div>
<div class="footer-logo">
<div class="content-asset"><!-- dwMarker="content" dwContentID="0f39fcb67f25a7570918e4dd17" -->
<img class="w-100" src="https://www.parfois.com/on/demandware.static/-/Library-Sites-ParfoisSharedLibrary/default/dwe4e013c1/logo.svg" alt="Parfois" title="Parfois" />
</div> <!-- End content-asset -->
</div>
</div>
<div class="container-copyright col-12">
<div class="footer-brand-description par-footer-block par-footer-brand par-footer-footer col-8">
<div class="content-asset"><!-- dwMarker="content" dwContentID="22c02712bb21ba2fbaa181e8ca" -->
Parfois: Boutique en ligne de vêtements, sacs, chaussures, et bijoux pour femme
</div> <!-- End content-asset -->
</div>
<div class="footer-copyright par-footer-block par-footer-footer col-4">
<div class="par-footer-copyright">
<div class="content-asset"><!-- dwMarker="content" dwContentID="b0807e090a4e1f2198ce79238a" -->
<!-- SS 03/09/2026 - Este código deverá estar fixado sempre no topo. Verifica se existe a variável que identifica o país da sessão, e caso não exista, cria a varíavel a partir de outra que existe. Assim evita-se erros na consola -->
<script>
// Se não existir a variável sessionCountryCode, criar a variável a partir de outra já existente (CQuotient.locale.slice(-2))
if (typeof sessionCountryCode === 'undefined') {
var sessionCountryCode = CQuotient.locale.slice(-2);
}
</script>
<!-- DC> 20/07/26 - PDP: padding entre color selector e sku -->
<style>
.product-detail__swatches {
margin-bottom: 12px !important;
}
.product-detail__id {
margin-bottom: 24px;
}
</style>
<!-- RM> 19/06/26 - Solução temporária para compliance da diretiva 2023/2673
Removido a 01/09/2026 a pedido de Catarina Silva SS-->
<!-- <script>
(function () {
const isOrderDetailsLoaded = Array.from(document.scripts).some((s) => s.src.includes('orderDetails.js'));
if (!isOrderDetailsLoaded) return;
const titleEl = document.querySelector('h3.order-return--title');
if (!titleEl) return;
const lang = document.documentElement.lang?.toLowerCase().split('-')[0];
switch (lang) {
case 'pt':
titleEl.textContent = 'Devoluções e Desistências';
break;
case 'es':
titleEl.textContent = 'Devoluciones y Desistimientos';
break;
case 'ca':
titleEl.textContent = 'Devolucions i Desistiment';
break;
case 'fr':
titleEl.textContent = 'Retours et Rétractations';
break;
case 'de':
titleEl.textContent = 'Rücksendungen und Widerruf';
break;
case 'it':
titleEl.textContent = 'Resi e Recesso';
break;
case 'pl':
titleEl.textContent = 'Zwroty i Odstąpienia';
break;
case 'ro':
titleEl.textContent = 'Retururi și Retragere';
break;
case 'bg':
titleEl.textContent = 'Връщания и Отказ';
break;
default:
titleEl.textContent = 'Returns and Withdrawal';
break;
}
})();
</script> -->
<!-- RM> 21/05/26 - esconder STL e double looks no search -->
<script>
(function () {
function hideProductSetsAndPids() {
try {
const currentUrl = window.location.href.toLowerCase();
// Salvaguarda: Não executa em ambientes de staging
if (currentUrl.includes('staging') || currentUrl.includes('stg')) {
return;
}
// Executa apenas se o URL contiver a estrutura ativa de pesquisa
if (currentUrl.includes('search/?q=')) {
if (!document.getElementById('cro-hide-products')) {
var style = document.createElement('style');
style.id = 'cro-hide-products';
style.type = 'text/css';
// Regra 1: Oculta o .par-product pai se o filho for um product set
var ruleSets = '.par-product:has([data-product-set="true"]) { display: none !important; } ';
// Regra 2: Oculta o .par-product pai se o filho tiver data-pid a terminar em -1, -2, -3, -4 ou -5
var rulePids = '.par-product:has([data-pid$="-1"]), .par-product:has([data-pid$="-2"]), .par-product:has([data-pid$="-3"]), .par-product:has([data-pid$="-4"]), .par-product:has([data-pid$="-5"]), .par-product:has([data-pid$="-6"]), .par-product:has([data-pid$="-7"]), .par-product:has([data-pid$="-8"]), .par-product:has([data-pid$="-9"]), .par-product:has([data-pid$="-10"]) { display: none !important; }';
style.innerHTML = ruleSets + rulePids;
document.head.appendChild(style);
}
}
} catch (error) {
console.error('Parfois CRO - Hide Products Error:', error);
}
}
// Injeção imediata para mitigar o flickering no carregamento do SFRA
if (document.readyState === 'loading') {
document.addEventListener('DOMContentLoaded', hideProductSetsAndPids);
} else {
hideProductSetsAndPids();
}
})();
</script>
<!-- RM> 08/04/26 - redirect temporário
<script>
if (window.location.pathname.toLowerCase().includes('pl/special-prices/')) {
window.location.replace('/pl/pl/special-prices_pl/');
}
</script> -->
<!-- RM> 08/01/26 - fix multi-coupons on minicart #09 -->
<style>
.minicart .panel-minicart .par-panel--body .par-minicart-container .par-coupon-code .coupons-and-promos {
flex-direction: column;
}
.minicart .row.leading-lines.shipping-discount {
padding: 0px !important;
}
</style>
<!-- Desativado a pedido de Catarina dia 24-09-2026 -->
<!-- RS> RM > 30/07/25 - Ativação do quick add button na vista 3 / redução de produtos por linha #08 -->
<!-- <style>
#view-3 {
padding: 0;
-ms-grid-columns: (minmax(calc((100% / 4) - 5px), 1fr)) [auto-fill];
grid-template-columns: repeat(auto-fill, minmax(calc((100% / 3) - 5px), 1fr));
grid-gap: 0.25rem;
}
#view-3 .displayQuickView,
#view-3 .js-plp-quick-buy-personalised,
#view-3 .par-product--badge-container {
display: block;
}
#view-3 .add-to-cart {
display: flex;
}
#view-3 .pdpSizesQuickBuy.active {
display: block !important;
}
#view-3 .pdpSizesQuickBuy.active .size-body {
display: flex !important;
justify-content: center;
}
.js_product-buttons .size-header {
display: none;
}
@media (min-width: 992px) {
#view-3 .pdpSizesQuickBuy .add-to-cart {
min-width: fit-content;
}
#view-3 .pdpSizesQuickBuy .size-body {
flex-wrap: wrap;
}
#view-3 {
-ms-grid-columns: (minmax(calc((100% / 12) - 5px), 1fr)) [auto-fill];
grid-template-columns: repeat(auto-fill, minmax(calc((100% / 6) - 5px), 1fr));
grid-gap: 0.125rem;
}
}
</style> -->
<!-- correções store locator #15 -->
<style>
.store-options {
color: #0e7932;
}
#maps-list .card-body {
border-bottom: 1px solid #e6e6e6;
}
</style>
<!-- correções tag new menu #17 -->
<style>
.main-menu .menu-group .navbar-nav > .nav-item > .nav-link span,
.menu-subcategories .navbarSubcategories .nav-link span,
.main-menu .dropdown-menu .dropdown-item .dropdown-link span {
text-transform: capitalize;
font-size: 0.625rem;
font-weight: 500;
letter-spacing: 0.3px;
line-height: 0.625rem;
vertical-align: super;
}
/* correção da margem top do secondary-menu dentro do hamburger menu */
.secondary-menu {
margin-top: 1rem;
}
</style>
<!-- correções favoritos my account #18 -->
<style>
.js_wishlist-container .container {
max-width: none !important;
}
.js_wishlist-container .container #view-2 {
grid-gap: 0 2px !important;
}
.js_wishlist-container .tile-body .pdp-link {
padding-left: 0.3075em;
padding-right: 0.3075em;
}
.js_wishlist-container .container-fluid,
.js_wishlist-container .container {
padding-right: 0px !important;
padding-left: 0px !important;
}
</style>
<!-- correção modal window pagamentos seguros #21 -->
<style>
.payment-icons {
margin-top: 16px;
}
.par-panel--subtitle {
text-transform: none;
}
</style>
<!-- ocultar share das redes sociais na PDP Desktop #23
Removido a pedido de Catarina Silva a 01/09/2026 SS -->
<!-- <style>
@media (min-width: 769px) {
.share-product.mr-3 {
display: none;
}
}
</style> -->
<!-- correção mini-cart comprar mais tarde #25 -->
<style>
@media (max-width: 769px) {
.par-minicart-buttons-actions--left {
margin-bottom: 12px !important;
margin-top: 8px !important;
}
.par-minicart-buttons-actions--right {
gap: 4px !important;
flex-wrap: wrap !important;
}
}
</style>
<!-- estilização do menu hamburger para BF #26 <style>
#sg-navbar-collapse .menu-group .navbar-nav .dropdown-menu-category:first-child {
background-color: #ffed00;
}
.multilevel-dropdown .dropdown-item {
padding: 0 0 0 28px !important;
}
.main-menu .menu-group .navbar-nav > .nav-item > .nav-link {
background-origin: content-box !important;
}
/*
.par-panel__left .par-panel--body .menu-group ul.navbar-nav {
background-color: #ffed00 !important;
padding: 10px 0px
}
.par-panel__left .par-panel--body .menu-group ul.navbar-nav li.nav-item {
margin-bottom: .25rem !important;
margin-top: .25rem !important;
}
.par-panel__left .par-panel--body .menu-group ul.navbar-nav li.nav-item a[data-datalayer-name*="BLACK FRIDAY"] {
font-weight: 600;
}
*/
</style> -->
<!-- Ocultação do footer no carrinho #27 -->
<style>
.par-Cart-Show #footercontent > div.container > div {
display: none;
}
</style>
<style>
/* Disable horizontal scroll on coming soon products #28.2 */
@media (max-width: 769px) {
.js_notifyMe-contactForm input#acceptPolicy {
width: auto !important;
}
}
</style>
<style>
/* Styling Quick Add Button #07 */
.displayQuickView,
.quickAddToCart--circle-add {
opacity: 0.9 !important;
width: 1.6rem !important;
height: 1.6rem !important;
}
.displayQuickView span,
.quickAddToCart span {
font-size: 0.9rem !important;
font-weight: 200 !important;
transform: translate(-48%, -52%) !important;
font-family: 'Work Sans', 'hind siliguri', sans-serif;
}
.pdpSizesQuickBuy .add-to-cart--disabled {
opacity: 1;
}
.pdpSizesQuickBuy .add-to-cart--disabled span:not(.lastUnits-mobile) {
opacity: 0.3;
}
/* Correção - zoom in nas imagens da PDP desktop #03 */
/* @media (min-width: 769px) {
div.preview__main div.slick-slide.slick-current.slick-center img {
width: 100% !important;
height: auto !important;
}
} */
</style>
<style>
/* Search preditivo inline-block / suggestions style fix #02 */
.suggestions .par-product-phrases-suggestions-block:not(.par-suggestions--title) {
display: inline-block;
}
.suggestions .suggestion-option a {
color: #212427;
}
#quickSearchCarousel .carousel-item .col-6.col-lg-3 {
padding-left: 1px;
padding-right: 1px;
}
@media (min-width: 992px) {
.header.header-fix,
.header.header-fix .row:not(.product-line-item-details) {
min-height: 4.0625rem;
}
}
/* ajuste constructor coexistir com falta de topslot na pdp */
@media (min-width: 992px) {
.search-bar--cio .cio-autocomplete .cio-results {
top: auto !important;
padding-top: 12px !important;
}
}
/* Cookiebot elements design #30 */
#CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonCustomize,
#CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelection {
font-family: 'Work Sans', 'hind siliguri', sans-serif;
background-color: #fff;
border-color: #fff;
color: #000000;
}
#CybotCookiebotDialogFooter #CybotCookiebotDialogBodyButtonAccept,
#CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonAccept,
#CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll {
text-transform: uppercase;
}
#CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonCustomize .CybotCookiebotDialogArrow {
display: none;
}
#CybotCookiebotDialog .CybotCookiebotScrollContainer {
border-bottom: 0px solid #ffffff;
padding: 5% 7% 0% 7%;
}
#CybotCookiebotDialogFooter #CybotCookiebotDialogBodyButtons .CybotCookiebotDialogBodyButton:not(:last-of-type),
#CybotCookiebotDialogFooter .CybotCookiebotDialogBodyButton,
#CybotCookiebotDialogFooter .CybotCookiebotDialogBodyButton:not(:first-of-type) {
margin-bottom: 0;
width: 90%;
}
#CybotCookiebotDialogFooter #CybotCookiebotDialogBodyButtonsWrapper {
align-items: center;
flex: 1;
flex-direction: column-reverse;
justify-content: flex-start;
}
#CybotCookiebotDialog *,
#CybotCookiebotDialogBodyUnderlay * {
font-size: 13px;
}
#CybotCookiebotDialogBodyLevelDetailsWrapper,
#CybotCookiebotDialogBodyButtonDetails,
#CybotCookiebotDialogHeader,
#CybotCookiebotDialogNav,
#CybotCookiebotDialogPoweredByText {
display: none !important;
}
#CybotCookiebotDialog {
max-width: 400px;
}
@media screen and (min-width: 601px) {
#CybotCookiebotDialogFooter #CybotCookiebotDialogBodyButtons .CybotCookiebotDialogBodyButton:not(:last-of-type),
#CybotCookiebotDialogFooter .CybotCookiebotDialogBodyButton,
#CybotCookiebotDialogFooter .CybotCookiebotDialogBodyButton:not(:first-of-type) {
margin-bottom: 0 !important;
width: 90% !important;
}
#CybotCookiebotDialogFooter #CybotCookiebotDialogBodyButtonsWrapper {
align-items: center;
flex: 1;
flex-direction: column-reverse;
justify-content: flex-start;
}
#CybotCookiebotDialog {
max-width: 400px;
}
#CybotCookiebotDialogPoweredByText {
margin-top: 1em;
display: none;
}
}
/* Close button on cursor - Modals #04 */
.modal,
.modal-background {
cursor:
url(data:image/svg+xml,%3Csvg%20width%3D%2240%22%20height%3D%2240%22%20viewBox%3D%220%200%2040%2040%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Crect%20width%3D%2240%22%20height%3D%2240%22%20rx%3D%2220%22%20fill%3D%22%23212427%22%2F%3E%3Cpath%20d%3D%22M13%2013L27%2027M13%2027C13.4%2026.6%2022.5%2017.5%2027%2013%22%20stroke%3D%22white%22%20stroke-linecap%3D%22round%22%2F%3E%3C%2Fsvg%3E) 20 20,
pointer;
}
.modal-content {
cursor: default;
}
.suggestions {
cursor: default !important;
}
</style>
<!-- Script para remover elementos de países não transacionais #31
Adicionado BG a lista de paises - Samuel Silva - 27-08-2026 -->
<script>
document.addEventListener('DOMContentLoaded', function () {
// Lista de códigos de país permitidos
var allowedCountryCodes = ['PT', 'ES', 'FR', 'BE', 'IT', 'IE', 'GB', 'NL', 'DE', 'HU', 'AT', 'PL', 'SK', 'CZ', 'LV', 'LU', 'EE', 'LT', 'SI', 'RO', 'CH', 'SE', 'DK', 'FI', 'MX', 'AE', 'BG'];
// Obtém o código do país
var userCountryCode = sessionCountryCode;
// Se AE, oculta .app-download e o item específico do menu
if (userCountryCode === 'AE') {
var style = document.createElement('style');
style.innerHTML = `
.app-download { display: none !important; }
.secondary-menu li.nav-item:last-child { display: none !important; }
`;
document.head.appendChild(style);
}
// Verifica se o código do país está na lista de códigos permitidos
if (!allowedCountryCodes.includes(userCountryCode)) {
var style = document.createElement('style');
style.innerHTML = `
.par-form--header--subtitle { display: none !important; }
.secure-payments { display: none !important; }
.app-download { display: none !important; }
.pdp-buying-guide, .bookmarks { display: none !important; }
`;
document.head.appendChild(style);
}
});
</script>
<!-- Script para colocar botões de copiar para a área de transferência na área privada (encomendas) #06
<script>
function isIOS() {
return /iPad|iPhone|iPod/.test(navigator.userAgent) && !window.MSStream;
}
function isMobile() {
return /Mobi|Android/i.test(navigator.userAgent);
}
function isScriptIncluded() {
return Array.from(document.getElementsByTagName('script')).some((script) => script.src.includes('orderHistory.js'));
}
// Verifica se o script 'orderHistory.js' está incluído e se o dispositivo é mobile
if (isScriptIncluded() && isMobile()) {
// Criação do toast
const toast = document.createElement('div');
toast.id = 'toast';
document.body.appendChild(toast);
// Adicionar estilos para o toast e o ícone de copiar
const styleElement = document.createElement('style');
styleElement.textContent = `
#toast {
visibility: hidden;
min-width: 250px;
margin-left: -125px;
background-color: #7A7A7A;
color: #fff;
text-align: center;
border-radius: 0;
padding: 9px;
position: fixed;
z-index: 1;
left: 50%;
bottom: 48px;
font-size: 15px;
}
#toast.show {
visibility: visible;
-webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
animation: fadein 0.5s, fadeout 0.5s 2.5s;
}
@-webkit-keyframes fadein {
from {bottom: 0; opacity: 0;}
to {bottom: 48px; opacity: 1;}
}
@keyframes fadein {
from {bottom: 0; opacity: 0;}
to {bottom: 48px; opacity: 1;}
}
@-webkit-keyframes fadeout {
from {bottom: 30px; opacity: 1;}
to {bottom: 0; opacity: 0;}
}
@keyframes fadeout {
from {bottom: 30px; opacity: 1;}
to {bottom: 0; opacity: 0;}
}
.copy-icon {
width: 26px;
height: 26px;
cursor: pointer;
vertical-align: middle;
margin-left: 0;
padding: 4px;
}
`;
document.head.appendChild(styleElement);
// Adicionar ícone de copiar ao lado do número da encomenda
const orderCards = document.querySelectorAll('.par-order-history--card');
orderCards.forEach((card) => {
// Encontra o primeiro elemento <strong> dentro do cartão
const orderNumber = card.querySelector('p strong');
if (orderNumber) {
const copyIcon = document.createElement('img');
copyIcon.src = 'https://www.parfois.com/on/demandware.static/-/Library-Sites-ParfoisSharedLibrary/default/dw4e4e30b6/COMPONENTS/Icons/Copy.svg';
copyIcon.alt = 'Copiar';
copyIcon.className = 'copy-icon';
// Adiciona o ícone ao final do elemento <strong>
orderNumber.parentNode.appendChild(copyIcon);
// Adicionar event listener ao ícone de copiar
copyIcon.addEventListener('click', function (event) {
event.stopPropagation(); // Previne o evento de propagação para não ativar o link <a>
event.preventDefault(); // Previne o comportamento padrão do link <a>
const numeroPedido = orderNumber.textContent.trim(); // Pega o número da encomenda
copiarTexto(numeroPedido);
});
}
});
function copiarTexto(numeroPedido) {
// Copiar o número da encomenda para a área de transferência
navigator.clipboard
.writeText(numeroPedido)
.then(function () {
console.log('Texto copiado com sucesso!');
if (isIOS()) {
mostrarToast();
}
})
.catch(function (error) {
console.error('Falha ao copiar texto: ', error);
});
}
function mostrarToast() {
const toast = document.getElementById('toast');
toast.textContent = obterMensagemToast(); // Atualiza o texto do toast com base no idioma
toast.className = 'show';
setTimeout(function () {
toast.className = toast.className.replace('show', '');
}, 3000);
}
function obterMensagemToast() {
const lang = document.documentElement.lang;
const mensagens = {
pt: 'Copiado para a área de transferência',
en: 'Copied to clipboard',
es: 'Copiado al portapapeles',
fr: 'Copié dans le presse-papiers',
it: 'Copiato negli appunti',
pl: 'Skopiowano do schowka',
de: 'In die Zwischenablage kopiert',
};
return mensagens[lang] || mensagens['en']; // Retorna a mensagem para o idioma ou inglês por padrão
}
}
</script>
-->
<!-- Ajustes de estilo nos product sets Removido a 01/09/2026 a pedido de Catarina Silva SS. Posteriormente ativado em 10/09/26 por DC porque se verificou que este fix ainda é necessário -->
<!-- Reajuste feito RM 16-10, testar resultado em produção. -->
<style>
/*@media (max-width: 767px) {
.par-set-product--items {
margin-top: calc(312px - 75px);
}
}*/
@media (min-width: 768px) {
.par-set-product--primary-images {
top: 0 !important;
}
.product-set-detail .primary-images__mobile__slider img,
.product-set-detail .slick-vertical {
height: auto !important;
}
}
/* @media (max-width: 767px) {
.par-set-product--wrap-images {
margin-top: -3.3rem !important;
}
}
.par-set-product--items .set-items {
grid-gap: 2px !important;
} */
@media (min-width: 1200px) {
.par-set-product--grid {
-ms-grid-columns: 32% 66%;
grid-template-columns: 32% 66%;
grid-gap: 2%;
}
}
.slick-slide slick-current slick-active {
width: 100% !important;
}
@media (min-width: 1200px) {
.par-set-product--header {
-ms-grid-columns: 33% auto !important;
grid-template-columns: 33% auto !important;
grid-gap: 0% !important;
margin-top: 1rem;
}
}
@media (min-width: 769px) {
.par-set-product--header {
-ms-grid-columns: 33% auto !important;
grid-template-columns: 33% auto !important;
grid-gap: 0% !important;
margin-top: 1rem;
}
}
</style>
<!-- Footer correction for STL - SS - 10-09-2026 -->
<script>
document.addEventListener('DOMContentLoaded', function () {
var footerCorretionSTL = document.querySelector('.page[data-querystring]');
if (footerCorretionSTL && footerCorretionSTL.getAttribute('data-querystring').indexOf('STL') !== -1) {
var style = document.createElement('style');
style.textContent = `
@media (max-width: 768px) {
footer {
padding-left: 1rem;
padding-right: 1rem;
}
}
`;
document.head.appendChild(style);
}
});
</script>
<!-- No gap nos carrosseis e minicart / Ajustes tiles modal window -->
<script>
if (!document.querySelector('link[href*="cart.css"]')) {
const style = document.createElement('style');
style.textContent = `
.recommender__grid .product-tile .tile-body>:not(.price) {
display: block;
}
.par-carousel .product-tile .tile-body {
padding: .625em 0 1.875em .3075em;
}
.par-carousel-content .par-carousel .par-product {
margin-right: 2px;
}
.par-carousel-content .par-carousel {
padding-left: 0;
margin-left: 2px;
}
#minicart-recommendations-slot .recommender__grid,
.added-product__recommendations .recommender__grid {
grid-column-gap: 2px;
grid-row-gap: 8px;
margin-bottom: 16px;
}
.minicart .recommender .recommender__grid .product,
.added-product__recommendations .recommender__grid .product {
margin-bottom: 0;
}
.added-product ul.par-labels,
.added-product .name-row {
display: none !important;
}
#minicart-recommendations-slot ul.par-labels,
#minicart-recommendations-slot .pdp-link .name-row,
.recommender__grid .pdp-link .color-swatches {
display: none !important;
}
.recommender__grid.recommender-with-prices .product-tile .tile-body .pdp-link .pdp-product--name-container {
display: flex;
}
.added-product .product-tile {
margin-top: 0;
}
`;
document.head.appendChild(style);
}
</script>
<script>
//Remoção do preço dos produtos na Ucrania, USA e South Africa #11
if (window.location.href.includes('/ua/') || window.location.href.includes('/us/') || window.location.href.includes('/za/')) {
const style = document.createElement('style'); // Cria um novo elemento <style>
style.innerHTML = '.price { display: none !important; }'; // Define o CSS para esconder a classe .price
document.head.appendChild(style); // Adiciona o <style> ao <head> do documento
}
</script>
<!-- Remoção Secure Payments #24-->
<style>
footer .secure-payments {
max-width: 25rem;
display: none;
}
</style>
©
<span id="copyright-year"></span>
<script>
document.getElementById('copyright-year').innerText = new Date().getFullYear();
</script>
</div> <!-- End content-asset -->
</div>
</div>
</div>
</footer>
</div>
<div class="par-error-messaging error-messaging">
</div>
<div class="modal-background" data-parent=""></div>
<!--[if lt IE 10]>
<script>//common/scripts.isml</script>
<script defer type="text/javascript" src="/on/demandware.static/Sites-PAR_World-Site/-/fr_TN/v1790316659347/js/main.js"></script>
<script defer type="text/javascript" src="/on/demandware.static/Sites-PAR_World-Site/-/fr_TN/v1790316659347/js/homePage.js"
>
</script>
<![endif]-->
<!-- Marketing Cloud Analytics - cached -->
<script type="text/javascript">
try {
_etmc.push(['setOrgId', "510003629" ]);
} catch (e) { console.error(e); }
function mccEventLoader() {
try {
$( document ).ajaxSuccess(function(event, request, settings, data) {
if (settings.dataTypes.indexOf('json') > -1) {
if (data && '__mccEvents' in data && Array.isArray(data.__mccEvents)) {
window._etmc=window._etmc||[]
data.__mccEvents.forEach(function mccEvent(mccEvent){_etmc.push(mccEvent);});
}
}
});
document.removeEventListener('DOMContentLoaded', mccEventLoader);
} catch (e) { console.error(e); }
};
if (document.readyState === 'complete') {
mccEventLoader();
} else {
document.addEventListener('DOMContentLoaded', mccEventLoader);
}
</script>
<!-- End Marketing Cloud Analytics - cached -->
<!-- Marketing Cloud Analytics - noncached -->
<script type="text/javascript">
try {
_etmc.push(["trackPageView"]);
} catch (e) { console.error(e); }
</script>
<!-- End Marketing Cloud Analytics - noncached -->
<!-- Modal -->
<div class="modal fade" id="policiesModal" tabindex="-1" role="dialog" aria-hidden="true"
data-terms-url="/on/demandware.store/Sites-PAR_World-Site/fr_TN/Page-GetContentAsset?cid=terms-and-conditions-info">
<div class="modal-dialog modal-lg modal-dialog-centered" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body par-modal--body par-modal--policy">
</div>
</div>
</div>
</div>
<!-- Modal -->
<div class="modal fade" id="cookiesModal" tabindex="-1" role="dialog" aria-hidden="true"
data-cookies-url="/on/demandware.store/Sites-PAR_World-Site/fr_TN/Page-GetContentAsset?cid=cookies-policy">
<div class="modal-dialog modal-lg modal-dialog-centered" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body par-modal--body par-modal--policy">
</div>
</div>
</div>
</div>
<!-- Demandware Analytics code 1.0 (body_end-analytics-tracking-asynch.js) -->
<script type="text/javascript">//<!--
/* <![CDATA[ */
function trackPage() {
try{
var trackingUrl = "https://www.parfois.com/on/demandware.store/Sites-PAR_World-Site/fr_TN/__Analytics-Start";
var dwAnalytics = dw.__dwAnalytics.getTracker(trackingUrl);
if (typeof dw.ac == "undefined") {
dwAnalytics.trackPageView();
} else {
dw.ac.setDWAnalytics(dwAnalytics);
}
}catch(err) {};
}
/* ]]> */
// -->
</script>
<script type="text/javascript" src="/on/demandware.static/Sites-PAR_World-Site/-/fr_TN/v1790316659347/internal/jscript/dwanalytics-22.2.js" async="async" onload="trackPage()"></script>
<!-- Demandware Active Data (body_end-active_data.js) -->
<script src="/on/demandware.static/Sites-PAR_World-Site/-/fr_TN/v1790316659347/internal/jscript/dwac-21.7.1.js" type="text/javascript" async="async"></script><!-- CQuotient Activity Tracking (body_end-cquotient.js) -->
<script src="https://cdn.cquotient.com/js/v2/gretel.min.js" type="text/javascript" async="async"></script>
<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"9adc318340d144fe82be694d388ad3c5","spa":2}' crossorigin="anonymous"></script>
</body>
</html>
