|
'
// ([2])-->[SI-LINDER-PARTNER-2][OSC][SubTaskDescription]::BEGIN
. tep_image(
// ([5])-->BEGIN[SI-LINDER-PARTNER-2][OSC][SubTaskDescription]::END
// ([1])-->BEGIN[VTAB-TEAM-LINDER-PARTNER-1][OSC][SubTaskDescription]::END
DIR_WS_DESIGN . '_BerenButtonHamburgerPlaneteCercle.svg',
'logo',
// ([5])-->[SI-LINDER-PARTNER-2][OSC][SubTaskDescription]::BEGIN
'',
'',
// ([5])-->[SI-LINDER-PARTNER-2][OSC][SubTaskDescription]::END
'class="size-img responsiveButton _berenIconeUtilisateurHoveredCraftedEffect" uk-toggle="target: #offcanvas-nav"'
)
// ([2])-->[SI-LINDER-PARTNER-2][OSC][SubTaskDescription]::END
. '' ;
if (LPOSC_SALES_ENABLED == "True"){
$logo_path = DIR_WS_DESIGN . '_logo_soldes.svg';
}
else {
$logo_path = DIR_WS_DESIGN . '_logo.svg';
}
echo
''
// ([2])-->[SI-LINDER-PARTNER-2][OSC][SubTaskDescription]::BEGIN
. tep_image(
// ([5])-->BEGIN[SI-LINDER-PARTNER-2][OSC][SubTaskDescription]::END
// ([1])-->BEGIN[VTAB-TEAM-LINDER-PARTNER-1][OSC][SubTaskDescription]::END
$logo_path,
'logo',
// ([5])-->[SI-LINDER-PARTNER-2][OSC][SubTaskDescription]::BEGIN
'',
'',
// ([5])-->[SI-LINDER-PARTNER-2][OSC][SubTaskDescription]::END
'class="size-logo-lp"'
)
// ([2])-->[SI-LINDER-PARTNER-2][OSC][SubTaskDescription]::END
. '';
?>
BEGIN[SI-LINDER-PARTNER-2][OSC][SubTaskDescription]::END ?>
>
|
[SI-LINDER-PARTNER-2][OSC][SubTaskDescription]::END ?>
[SI-LINDER-PARTNER-2][OSC][SubTaskDescription]::END
/*
[SI-LINDER-PARTNER-2][OSC][SubTaskDescription]::BEGIN
// CODETAG[USING_CARTINFOS] ?>
count_contents() > 0)
{
$headerInclude__ephemereal['stringProductsInstances'] = sizeof($cart->get_products());
if (tep_session_is_registered('customer_id')) {
if ($is_partner == true OR is_pro_customer() == true) {
$headerInclude__ephemereal['stringCartTotalPrice'] = ''
// prix hors-taxe (ht):
. ''
. str_replace(
'EUR',
'€',
$currencies->format($cart->show_total( 'HT', $is_partner, $coeff_partner)) . ' ' . 'HT'
)
. '';
} else {
$headerInclude__ephemereal['stringCartTotalPrice'] = ''
// prix hors-taxe (ht):
. ''
. str_replace(
'EUR',
'€',
$currencies->format($cart->show_total( 'TTC',$is_partner,$coeff_partner )) . ' ' . 'TTC'
)
. '';
}
} else {
$headerInclude__ephemereal['stringCartTotalPrice'] = ''
// prix toutes-taxes-comprises (ttc):
. ''
. str_replace(
'EUR',
'€',
$currencies->format($cart->show_total( 'TTC',$is_partner,$coeff_partner )) . ' ' . 'TTC'
)
. '';
}
?>
1) { ?>
produits:
produit:
[SI-LINDER-PARTNER-2][OSC][SubTaskDescription]::END ?>
[SI-LINDER-PARTNER-2][OSC][SubTaskDescription]::BEGIN ?>
[SI-LINDER-PARTNER-2][OSC][SubTaskDescription]::END ?>
[SI-LINDER-PARTNER-2][OSC][SubTaskDescription]::BEGIN
/* [SHOPPING_CART_IS_ALSO_HERE] */
// ([9])-->BEGIN[SI-LINDER-PARTNER-2][OSC][SubTaskDescription]::END ?>
[SI-LINDER-PARTNER-2][OSC][SubTaskDescription]::BEGIN
if ($cart->count_contents() > 0) { ?>
[SI-LINDER-PARTNER-2][OSC][SubTaskDescription]::END
} ?>
[SI-LINDER-PARTNER-2][OSC][SubTaskDescription]::BEGIN ?>
shopping_cart
[SI-LINDER-PARTNER-2][OSC][SubTaskDescription]::END ?>
[SI-LINDER-PARTNER-2][OSC][SubTaskDescription]::BEGIN
/* [PREVIEWING_SHOPPING_CART_IS_TRIGGERED_HERE] */ ?>
Pré-visualisation du panier
[SI-LINDER-PARTNER-2][OSC][SubTaskDescription]::BEGIN $cart_contents_string = ''; if ($cart->count_contents() > 0) { $cart_contents_string = ' '
// ([11])-->BEGIN[SI-LINDER-PARTNER-2][OSC][SubTaskDescription]::END
// ([5])-->BEGIN[VTAB-TEAM-LINDER-PARTNER-1][OSC][SubTaskDescription]::END
. ' ';
// ([6])-->[SI-LINDER-PARTNER-2][OSC][SubTaskDescription]::END
?>
'
. '|'
// ([11])-->[SI-LINDER-PARTNER-2][OSC][SubTaskDescription]::BEGIN
// prix hors-taxe (ht):
. ''
. str_replace(
'EUR',
'€',
$currencies->format($cart->show_total( 'HT', $is_partner, $coeff_partner)) . ' ' . 'HT'
)
. ''
// ([11])-->[SI-LINDER-PARTNER-2][OSC][SubTaskDescription]::END
. '/'
// prix toutes-taxes-comprises (ttc):
. ''
. str_replace(
'EUR',
'€',
$currencies->format($cart->show_total( 'TTC',$is_partner,$coeff_partner )) . ' ' . 'TTC'
)
// ([10])-->BEGIN[SI-LINDER-PARTNER-2][OSC][SubTaskDescription]::END
. ''
. ' '
. ' |
[VTAB-TEAM-LINDER-PARTNER-1][OSC][SubTaskDescription]::BEGIN ?>
[VTAB-TEAM-LINDER-PARTNER-1][OSC][SubTaskDescription]::END ?> [SI-LINDER-PARTNER-2][OSC][SubTaskDescription]::END /* | ), pour que Safari ne pose pas de problèmes, (alors que tout les autres navigateurs n'ont pas besoin de ça) cela mène à la création d'une div spécialement pour permettre la reconnaissance de la valeur space-between sur Safari, marche aussi sur les autres navigateurs - 4/ étape suggérée par Bérengère: nous devons éviter que OSCommerce depuis sa fonction PHP de génération d'images HTML, à savoir, tep_image(), ne gère le redimensionnement des icones, (ceci est à contrôler, car, ce n'est pas le fonctionnement attendu par cette fonction PHP appartenant à OSCommerce), mais cela est important pour éviter de forcer le redimensionnement pour l'annuler ou le contrôler depuis le responsive initialement, la taille était de 80x80 - 5/ nous devons éviter que OSCommerce depuis sa fonction PHP de génération d'images HTML, à savoir, tep_image(), ne gère le balisage alt des icones, (ceci est à contrôler, car, ce n'est pas le fonctionnement attendu par cette fonction PHP appartenant à OSCommerce), mais cela est important pour éviter d'afficher un texte de balisage inutile au survol initialement, la valeur était un texte de remplacement au survol (sous forme d'étiquette navigateur) } */ // ([1])-->[VTAB-TEAM-LINDER-PARTNER-1][OSC][SubTaskDescription]::BEGIN ?> |
[VTAB-TEAM-LINDER-PARTNER-1][OSC][SubTaskDescription]::BEGIN ?>
[VTAB-TEAM-LINDER-PARTNER-1][OSC][SubTaskDescription]::BEGIN
echo
''
. tep_image(
DIR_WS_DESIGN . '_berenIconeAccesPro.svg',
// ([5])-->BEGIN[VTAB-TEAM-LINDER-PARTNER-1][OSC][SubTaskDescription]::END
'',
// ([4])-->[VTAB-TEAM-LINDER-PARTNER-1][OSC][SubTaskDescription]::BEGIN
'',
'',
// ([4])-->[VTAB-TEAM-LINDER-PARTNER-1][OSC][SubTaskDescription]::END
'class="position_acces_pro _berenIconeUtilisateurHoveredCraftedEffect _berenIconeAccesPro"'
)
. '';
// ([2])-->[VTAB-TEAM-LINDER-PARTNER-1][OSC][SubTaskDescription]::BEGIN
echo
''
. tep_image(
DIR_WS_DESIGN . '_berenIconeAccesPros.svg',
// ([5])-->BEGIN[VTAB-TEAM-LINDER-PARTNER-1][OSC][SubTaskDescription]::END
'',
// ([4])-->[VTAB-TEAM-LINDER-PARTNER-1][OSC][SubTaskDescription]::BEGIN
'',
'',
// ([4])-->[VTAB-TEAM-LINDER-PARTNER-1][OSC][SubTaskDescription]::END
'class="size-img _berenIconeUtilisateurHoveredCraftedEffect _berenIconeAccesPros"'
)
. '';
echo
''
. tep_image(
DIR_WS_DESIGN . '_berenIconeTel.svg',
// ([5])-->BEGIN[VTAB-TEAM-LINDER-PARTNER-1][OSC][SubTaskDescription]::END
'',
// ([4])-->[VTAB-TEAM-LINDER-PARTNER-1][OSC][SubTaskDescription]::BEGIN
'',
'',
// ([4])-->[VTAB-TEAM-LINDER-PARTNER-1][OSC][SubTaskDescription]::END
'class="size-img _berenIconeUtilisateurHoveredCraftedEffect _berenIconeTel" uk-tooltip="title: 03 69 57 64 36; pos: bottom;"'
)
. '';
echo
''
. tep_image(
DIR_WS_DESIGN . '_berenIconeContact.svg',
// ([5])-->BEGIN[VTAB-TEAM-LINDER-PARTNER-1][OSC][SubTaskDescription]::END
'',
// ([4])-->[VTAB-TEAM-LINDER-PARTNER-1][OSC][SubTaskDescription]::BEGIN
'',
'',
// ([4])-->[VTAB-TEAM-LINDER-PARTNER-1][OSC][SubTaskDescription]::END
'class="size-img _berenIconeUtilisateurHoveredCraftedEffect _berenIconeContact"'
)
. '';
echo
''
. tep_image(
DIR_WS_DESIGN . '_berenIconeFacebook.svg',
// ([5])-->BEGIN[VTAB-TEAM-LINDER-PARTNER-1][OSC][SubTaskDescription]::END
'',
// ([4])-->[VTAB-TEAM-LINDER-PARTNER-1][OSC][SubTaskDescription]::BEGIN
'',
'',
// ([4])-->[VTAB-TEAM-LINDER-PARTNER-1][OSC][SubTaskDescription]::END
'class="size-img _berenIconeUtilisateurHoveredCraftedEffect _berenIconeFacebook"'
)
. '';
echo
''
. tep_image(
DIR_WS_DESIGN . '_berenIconePanier.svg',
// ([5])-->BEGIN[VTAB-TEAM-LINDER-PARTNER-1][OSC][SubTaskDescription]::END
'',
// ([4])-->[VTAB-TEAM-LINDER-PARTNER-1][OSC][SubTaskDescription]::BEGIN
'',
'',
// ([4])-->[VTAB-TEAM-LINDER-PARTNER-1][OSC][SubTaskDescription]::END
'class="size-img _berenIconeUtilisateurHoveredCraftedEffect"'
)
. '';
echo
''
. tep_image(
DIR_WS_DESIGN . '_berenIconeUtilisateur.svg',
// ([5])-->BEGIN[VTAB-TEAM-LINDER-PARTNER-1][OSC][SubTaskDescription]::END
'',
// ([4])-->[VTAB-TEAM-LINDER-PARTNER-1][OSC][SubTaskDescription]::BEGIN
'',
'',
// ([4])-->[VTAB-TEAM-LINDER-PARTNER-1][OSC][SubTaskDescription]::END
'class="size-img _berenIconeUtilisateurHoveredCraftedEffect"'
)
. '';
// ([2])-->[VTAB-TEAM-LINDER-PARTNER-1][OSC][SubTaskDescription]::END
?>
[VTAB-TEAM-LINDER-PARTNER-1][OSC][SubTaskDescription]::END ?>
|
[VTAB-TEAM-LINDER-PARTNER-1][OSC][SubTaskDescription]::END
/*
||||||
| .. | pour créer une nouvelle cellule dans le tableau - 4/ nous localisons désormais ici le fil d'arianne à l'origine, il était situé ailleur (voir CODETAG[BREADCRUMB_BAR_WAS_INITIALLY_HERE]) - 5/ désormais dans la nouvelle version de 2022, on va déplacer le système de traduction Google Translate Element Gadget ici à l'origine, il était situé ailleur (voir CODETAG[GOOGLE_TRANSLATE_ELEMENT_GADGET_WAS_INITIALLY_HERE]) autrement, rien n'a été changé ici, mais, il est important de préciser cela: (voir le fichier /includes/footer.php, tag: [GOOGLE_TRANSLATE_ELEMENT_GADGET_ON_MATERIAL_DESIGN_ICONS_BUGFIX_HERE]) car dans le fichier pré-cité.. .. ... il s'agit d'une réparation d'une énorme bêtise de Google Translate Element gadget.. suite à ce problème: https://github.com/google/material-design-lite/issues/1721 "Goggle translate destroying material-icons tags" en effet: ça bousille entièrement les icones Material Design Icons pourtant, Google Translate Element gadget et Google Material Design Icons sont tout deux des produits.. Google.. : mais ils ne sont pas d'accord voici une explication plus concise du problème (en anglais), par l'auteur du post-initial du problème: * Sorry if I'm not doing this correctly, but I just joined GitHub to submit this issue! * * I'm using MDL for the first time on a new site and discovered some major problems when users use google translate to translate the page. * Google translate replaces any text with it's translated version and surrounds it with double tags. * * First I thought the font tags where the problem, * then I realized it's translating the icon label withing the tag, * so MDL now has no idea which icon you want and it seems like the tags additionally mess with the layout. * * I'm working around the problem by adding the class "notranslate" to the tags which does seem to work, * but it doesn't fix the problem for the "hamburger" drawer icon since that is injected by the JS. * Is there a way to work around this so it's fixed out of the box for MDL? * * Seems like a big issue and unfortunate if the answer is that everyone has to had class="notranslate" to every tag. * * Also, any ideas on how to fix the hamburger icon? un collaborateur de Google Material Design Icons est au courant de ce souci, voici sa réponse: cf: https://github.com/google/material-design-lite/issues/1721#issuecomment-167230926 * Commit 04beffa solves the menu icon being translated by using the codepoint. * * Either using notranslate with ligatures or the codepoints solves the problem, at least with icons. * * For other Translate issues... Probably best to wait for 2.x when we refactor loads of stuff including layout. * * We can clearly see layout and possibly grid are completely screwed in translate, but for no *apparent reason. * * Rather than spend time debugging this now we should do testing ahead of releasing 2.x to make sure it works better in these cases. * * Marking this as a 2.x milestone thing as a reminder. sauf que.. ça n'a jamais été fixé.. depuis 2015... 5 ans pu--.. et toujours pas de patch de Google pour ce souci complètement idiot où Google Translate Element gadget s'entête à traduire les noms de codes des icones Material Design Icons... bref, j'ai donc mis au point mon propre patch.. c'est très simple: j'associe une fois la page chargée à chaque élément du DOM qui possèdent une classe material-icons une seconde classe: notranslate, et cela, à l'aide d'un code Javascript et d'une boucle! (car utiliser les Code Points, aurait été une plaie, dans le sens où j'aurait du reprendre chacun des fichiers 1 par 1 et donner un nom différent à l'icone en correspondance avec son Code Point code-points material design icons: https://github.com/google/material-design-icons/blob/master/iconfont/codepoints) l'effet est réussi: toutes les icone Material Design Icons sont alors préservées, car chaque élément qui possède une classe material-icons sont en réalité des icones Material Design Icons contre-coup: ça peut faire ramer la page si il y a plus de 10000 icones, mais.. on en est à milles lieues! */ ?> [VTAB-TEAM-LINDER-PARTNER-1][OSC][SubTaskDescription]::BEGIN ?> [VTAB-TEAM-LINDER-PARTNER-1][OSC][SubTaskDescription]::BEGIN ?>||||||||||
[VTAB-TEAM-LINDER-PARTNER-1][OSC][AddClassDescription(headerNavigation)]:{" permet de cibler cet élément depuis une règle CSS "}
|
[VTAB-TEAM-LINDER-PARTNER-1][OSC][SubTaskDescription]::END ?>
contenant l'icone du téléphone
on prévoit un gestionnaire en évènement Javascript pur de double-tap, afin que quand l'on tappe deux fois sur l'icone du téléphone, on soit invité à appeller le numéro!
- 3/ on prévoit qu'au clic sur l'icone de Contact (message), on soit alors redirigé vers la page de contact.
}
*/
?>
[SI-LINDER-PARTNER-2][OSC][SubTaskDescription]::BEGIN
/* [CONTACT_MENU_IS_ALSO_HERE] */ ?>
[SI-LINDER-PARTNER-2][OSC][SubTaskDescription]::END ?>
[SI-LINDER-PARTNER-2][OSC][MultiTaskDescriptions]
************************************************************************
*/
?>
[SI-LINDER-PARTNER-2][OSC][MultiTaskDescriptions]:{
- 1/ ATTENTION
- avant octobre 2020, le client, aimait l'emplacement de cet élément en responsive ou en non-responsive
- depuis octobre 2020, le client, finalement aimerait que le diaporama (slideshow) en responsive apparaisse au-dessus du menu des catégories
dans le nouveau design, fichier: /index.php (voir CODETAG[ORIGINAL_SLIDESHOW_IS_LOCATED_HERE])
donc pour l'explication, il faudra vous reférer là-bas, car ici, on ne fera que reprendre le code introduit dans l'autre fichier
ceci est une mesure pour forcer le diaporama à s'afficher en responsive au-dessus des catégories, suite à une demande tardive du client..
si une seule modification est à faire au diaporama dans /index.php, faites la modification identique ici aussi
- 2/ toutefois,
- ATTENTION - n'oubliez pas qu'ici: pour le nom de l'élément
qui contient le diaporama on utilise:
le diaporama et sa structure
NOTE - C'est la seule différence avec le diaporama du fichier /index.php
- 3/ ATTENTION
// [EXPORT_CATEGORIES_MENU_INTO_AN_EXTERNAL_OVERLAY_WITH_UI_KIT__THE_HIDEUSELESS_MAINRESPONSIVESLIDESHOW]
- avant octobre 2020, le client, aimait l'affichage de cet élément
- depuis octobre 2020, le client, finalement préfère un autre affichage (plus d'informations dessous)
suite à la modification effectuée sur le menu des catégories (encore lui, oui!) (voir CODETAG[EXPORT_CATEGORIES_MENU_INTO_AN_EXTERNAL_OVERLAY_WITH_UI_KIT__THE_OVERLAY])
ici, comme on ne se sert plus des flèches spéciales d'auto-scroll (voir CODETAG[USE_TARGET_ID_FOR_AUTO_SCROLL_MECHANISM] dans /includes/boxes/categories.php)
on va juste se servir de la même méthode que la nouvelle variable de vérification ($__phpVar__isChoosenCategoryAlreadyCSSOverride) afin de définir si l'on a déjà choisi une catégorie ou non
- si oui, on masquera en responsive cet élément (div) grâce au ciblage de la nouvelle classe qu'on va lui donner dans ce cas et ce cas uniquement
- si non, on ne fera rien de plus
toutefois, évidemment, nous avons nullifiée cette variable $__phpVar__isChoosenCategoryAlreadyCSSOverride, donc, on ne se servira pas d'elle, mais d'une conditionnelle PHP
}
*/
?>
[SI-LINDER-PARTNER-2][OSC][SubTaskDescription]::BEGIN ?>
BEGIN[SI-LINDER-PARTNER-2][OSC][SubTaskDescription]::END ?>
BEGIN[SI-LINDER-PARTNER-2][OSC][SubTaskDescription]::END ?>
[SI-LINDER-PARTNER-2][OSC][SubTaskDescription]::END ?>
[SI-LINDER-PARTNER-2][OSC][MultiTaskDescriptions]
************************************************************************/
?>
[VTAB-TEAM-LINDER-PARTNER-1][OSC][MultiTaskDescriptions]:{
// [VTAB_1_SUB_HEADER_BEFORE_PAGER_TABLE]
- 1/ on va ajouter un nouvel élément au travers d'une toute nouvelle structure HTML qui va simuler un décalage entre le header et le pager (la page),
pour y insérer un sous-entête ..
.. sans cela, notre pager serait situé sous le header ..
.. par ailleurs, placer cet élément dans le header évite de modifier chacune des pages .php du site, sinon, cela serait vite archaïque !!
- 2/ on utilise désormais une fonction faite-maison pour récupérer et afficher le slogan du site au lieu d'un texte en dur
}
*/
?>
[VTAB-TEAM-LINDER-PARTNER-1][OSC][SubTaskDescription]::BEGIN ?>
[VTAB-TEAM-LINDER-PARTNER-1][OSC][SubTaskDescription]::END ?>
[SI-LINDER-PARTNER-2][OSC][MultiTaskDescriptions]
************************************************************************
*/
?>
[VTAB-TEAM-LINDER-PARTNER-1][OSC][MultiTaskDescriptions]:{
- 1/ on va ajouter un nouvel élément au travers d'une toute nouvelle structure HTML qui va ajouter un encart de zone entre le diaporama et le sous-entête ajouté ailleurs
(voir CODETAG[[VTAB_1_SUB_HEADER_BEFORE_PAGER_TABLE]]
pour y insérer un autre sous-entête ..
.. sans cela, notre pager serait situé sous le header ..
.. par ailleurs, placer cet élément dans le header évite de modifier chacune des pages .php du site, sinon, cela serait vite archaïque !!
- 2/ à noter que ce texte ne doit pas apparaître sur d'autres pages que l'index ET qu'il ne doit pas apparaître en cas de listing de catégories ou de produits
donc, pas en cas de catégories sélectionnées (cPath_array == empty)
- 3/ on utilise désormais une fonction faite-maison pour récupérer et afficher le slogan du site au lieu d'un texte en dur
}
*/
?>
[VTAB-TEAM-LINDER-PARTNER-1][OSC][SubTaskDescription]::BEGIN ?>
[VTAB-TEAM-LINDER-PARTNER-1][OSC][SubTaskDescription]::BEGIN ?>
[VTAB-TEAM-LINDER-PARTNER-1][OSC][SubTaskDescription]::BEGIN ?>
[VTAB-TEAM-LINDER-PARTNER-1][OSC][SubTaskDescription]::END ?>
[VTAB-TEAM-LINDER-PARTNER-1][OSC][SubTaskDescription]::END ?>
[SI-LINDER-PARTNER-2][OSC][MultiTaskDescriptions]
************************************************************************
*/
?>
[VTAB-TEAM-LINDER-PARTNER-1][OSC][MultiTaskDescriptions]:{
// [VTAB_1_DIAPORAMA]
- 1/ dans la nouvelle version du design, on a souhaité avoir un système de diaporama bien précis en responsive,
les chemins des vignettes du diaporama sont les mêmes que ceux employés dans le système de 6 vignettes (voir CODETAG[VTAB_1_MODULE_VTAB_SIXTHEMELINKS] fichier: '/includes/modules/vtab_sixthemelinks.php')
mais il peut servir aussi en hors responsive, c'est pour cela qu'il n'a pas été étiquetté comme responsive
de plus, il est important de spécifier que la structure ne doit pas s'afficher en cas qu'une catégorie de produits est sélectionnée
sa charte graphique a été définie par Aurore de l'équipe VTAB
il sera sous forme de cartes empilées (effet via un fichier SVG créé par Bérengère de l'équipe VTAB)
il y a beaucoup de code dans ce diaporama, il a été développé par Tempérance de l'équipe VTAB/Saphyra Interactive
il y a deux choses importantes à considérer:
a) il se sépare en 3 éléments :
a.a) le code CSS de mise en page
a.b) le code HTML/PHP de structure et de dynamisme de chargements des diapositives dans le code
a.c) le code JAVASCRIPT de l'interaction du l'utilisateur et du navigateur avec le diaporama
b) il ne se sert absolument pas d'UIKit cette fois
puis finalement, le nom des classes CSS et le nom des éléments est volontairement en Français, pour bien disssocier d'un diaporama (slideshow basique) et de ceux du site gérés par UIKit
- 2/ ici se trouve la structure CSS que l'on inclue depuis différents fichiers CSS externes créés à cet effet
- 3/ ici se trouve la structure HTML qui construit le diaporama et le PHP qui se charge de dynamiser le diaporama actuel
on ajoute une classe précise spéciale: --weHaveChosenCategory
si on est dans une catégorie de produits au lieu de la page d'accueil
- 4/ ici se trouve la structure JAVASCRIPT qui permet autant à l'utiliateur qu'au navigateur d'intéragir avec le diaporama
- 5/ on vide éventuellement les variables PHP utilisées ici dans le but de purger la mémoire du serveur et de libérer par extension la mémoire
- 6/ initialement l'on voulait un effet d'empilement de cartes, on utilisait initialement une structure en background-image pour le fond de la diapositive (fond qui était en réalité un SVG d'empilement de cartes),
désormais, au vu de la non-compatibilité entres les différentes résolutions, nous avons décidé de nous en séparer, au profit d'une seule et unique image (![]()
) qui contiendra tout en un, et pré-assemblée cela signifie donc : (l'empilement de carte + la vignette, le tout pré-assemblé dans un logiciel graphique) = la diapositive
pour le nom des vignettes: initiallement le nom des fichiers de vignettes était appelée 'vignetteX.png', désormais cela sera sensiblement différent et sera alors 'carte_vignetteX.png'
(voir CODETAG[VTAB_1_OSC_DIAPORAMA_HOME_PAGE_NEW_MECHANISM_VALUE])
l'ancienne structure a été mise en commentaire pour un usage éventuel futur lors d'une version à venir du site
(voir CODETAG[VTAB_1_OSC_DIAPORAMA_HOME_PAGE_NEW_MECHANISM_STRUCTURE])
- 7/ à noter que le diaporama ne doit pas apparaître sur d'autres pages que l'index ET qu'il ne doit pas apparaître en cas de listing de catégories ou de produits
donc, pas en cas de catégories sélectionnées (cPath_array == empty)
}
*/
?>
[VTAB-TEAM-LINDER-PARTNER-1][OSC][SubTaskDescription]::BEGIN ?>
[VTAB-TEAM-LINDER-PARTNER-1][OSC][SubTaskDescription]::BEGIN ?>
[VTAB-TEAM-LINDER-PARTNER-1][OSC][SubTaskDescription]::BEGIN ?>
[VTAB-TEAM-LINDER-PARTNER-1][OSC][SubTaskDescription]::END ?>
[VTAB-TEAM-LINDER-PARTNER-1][OSC][SubTaskDescription]::BEGIN ?>
[VTAB-TEAM-LINDER-PARTNER-1][OSC][SubTaskDescription]::END ?>
BEGIN[VTAB-TEAM-LINDER-PARTNER-1][OSC][SubTaskDescription]::END ?>
[VTAB-TEAM-LINDER-PARTNER-1][OSC][SubTaskDescription]::BEGIN ?>
[VTAB-TEAM-LINDER-PARTNER-1][OSC][SubTaskDescription]::END ?>
[VTAB-TEAM-LINDER-PARTNER-1][OSC][SubTaskDescription]::END ?>
[VTAB-TEAM-LINDER-PARTNER-1][OSC][SubTaskDescription]::END ?>
[VTAB-TEAM-LINDER-PARTNER-1][OSC][MultiTaskDescriptions]
************************************************************************/
?>
[VTAB-TEAM-LINDER-PARTNER-1][OSC][SimpleTaskDescription]:{" on ajoute une div dans laquelle on insère une classe afin de permettre au corps de la page, situé en dessous du header, d'être toujours visible à la suite du header et non en caché car ce dernier est en position "fixed", mais il y a aussi un cas spécial où on sera dans une catégorie ou en cours de visualisation d'une catégorie, depuis la page de l'index, donc on gère ce cas spécifique "} ?>
BEGIN[SI-LINDER-PARTNER-2][OSC][SubTaskDescription]::END ?>
id="doubleTap--contactMenuLocationInResponsive--Container__iconContainerForBlockPhoneIcon">
phone_in_talk
[SI-LINDER-PARTNER-2][OSC][SubTaskDescription]::BEGIN ?>
[SI-LINDER-PARTNER-2][OSC][SubTaskDescription]::END ?>
mail_outline
le diaporama et sa structure
ET NON:
BEGIN[VTAB-TEAM-LINDER-PARTNER-1][OSC][SubTaskDescription]::END
echo vtab_tep_get_slogan();
?>
person
Accès PRO
[VTAB-TEAM-LINDER-PARTNER-1][OSC][SubTaskDescription]::END ?>
| ', '', 'ù'), htmlspecialchars(urldecode($HTTP_GET_VARS['error_message']))); ?> |
| ', '', 'ù'), htmlspecialchars($HTTP_GET_VARS['info_message'])); ?> |