Pages du portfolio Motion - ArtInStack Documentation

La présentation Motion transforme l'URL de votre portfolio public en une galerie cinématique à fenêtre complète — le genre de mouvement soigné que vous voyez sur les sites de photographie haut de gamme — intégrée à ArtInStack, et non collée à partir d'une intégration de conception distincte.

Contrairement à un carrousel marketing générique, les modèles d'animation sont construits autour de votre collection Portfolio : téléchargements réels à partir de Media, l'ordre que vous avez défini sur Media, les légendes et les descriptions de chaque fichier, les chemins facultatifs vers les Pages de détails des photos et les formats d'image qui correspondent à la façon dont vous photographiez (portrait éditorial, paysage large, planches contact carrées, etc.).

La même URL s'applique :

https://your-site.example/portfolio/your-slug

Lorsque la présentation Motion est activée, les visiteurs voient le modèle animé que vous avez choisi au lieu de la grille standard, de la présentation immersive, de la chronologie ou du journal. Configurez les modèles sous Gérer le portfolio → onglet Motion — voir Paramètres de mouvement du portfolio. Les contrôles de mise en page standard dans Paramètres → Page publique ne s'appliquent pas lorsque le mouvement est actif.

Conditions préalables

Pages de portfolio public – Galerie publique et un ensemble slug
Plan d'abonnement comprenant Présentation Motion
Suffisamment d'images pour le modèle que vous choisissez (par exemple, Pipeline rail fonctionne mieux avec au moins cinq photos dans la collection)

En quoi le mouvement diffère des mises en page standard

	Piste standard	Piste Motion
Expérience visiteur	Faites défiler une grille, parcourez une scène et un rail de pouce, explorez une chronologie datée ou lisez un journal d'images sous-titrées.	Une image de héros à la fois avec des transitions chorégraphiées entre les diapositives
Idéal pour	Grands ensembles, densité de relecture, navigation dans les archives	Faits saillants du portfolio, lancements de campagnes, lookbooks, narration axée sur les héros
Tableau de bord	Onglet Paramètres → Page publique	Onglet Motion
Bannière de héros	Bannière de couverture facultative à partir des paramètres Page publique	Même site Chrome ; le mouvement remplit la région de la galerie sous l'en-tête de votre portfolio

Vous pouvez revenir à Standard à tout moment à partir de l'onglet Motion sans modifier le mode slug ou confidentialité.

Familles de modèles Motion

Les modèles sont regroupés selon la façon dont les images se déplacent : choisissez-en un par collection.

Carrousel de chemin

Carrousels 3D linéaires avec profondeur, aperçus latéraux et navigation conviviale au clavier. Idéal lorsque vous souhaitez une sensation classique « image en vedette et travail d’accompagnement ».

Modèle	Caractère
Carrousel d'axes	Chemin horizontal : l'image centrale est nette, les images latérales pivotent légèrement en profondeur
Carrousel 3D	Pile droite : les voisins regardent derrière le toboggan actif
Carrousel à roues	Balayage incurvé : les images se déplacent le long d'un arc comme un mur de galerie rotatif

Ajustement photographique : moments forts du mariage, sélections éditoriales, histoires de marque multi-images où l'orientation se mélange mais le cadre central doit ressembler à une impression sur un mur.

Cadre de héros partagé : Axis, Carrousel 3D et Wheel utilisent la même taille de cadre de diapositive active pour le rapport hauteur/largeur et la fenêtre d'affichage que vous avez choisis. Basculer entre eux réorganise les aperçus latéraux, la profondeur et l’arc – l’impression du héros ne saute pas plus grande ou plus petite.

Point de vue de la roue	Caractère
Dehors	Bord convexe – la glissière centrale est la plus grande ; les voisins se courbent comme un mur de galerie
À l'intérieur	Bol concave – vous regardez dans le ring; bord extérieur les toboggans sont les plus grands et le centre est plus profond dans la rotonde

Dans les larges fenêtres d'affichage en mode paysage, Inside peut resserrer la géométrie de l'anneau afin que les diapositives extérieures restent à l'intérieur de la scène : la taille du cadre du héros reste la même.

Projecteur d'arche

Les images sont placées le long d'un arc incurvé ; la photographie active peut rester sur le chemin ou se détacher du projecteur central pour un article de style magazine avec de la place pour le titre et la description dans une colonne latérale à côté du cadre. Les descriptions longues faites défiler à l'intérieur de cette colonne — la hauteur de la galerie reste liée au canevas de l'image, pas au nombre de mots.

Ajustement photographique : séries d'œuvres d'art, décors de style exposition et collections dans lesquels une image à la fois doit sembler intentionnelle, et non un diaporama rapide.

Rail de pipeline

Des bandes de vignettes étroites se compressent à côté du cadre, puis l'image active s'étend dans le héros à mesure que les visiteurs se déplacent dans l'ensemble. Fonctionne bien pour les formats portrait et paysage lorsque vous souhaitez un mouvement continu « la feuille contact devient imprimée ».

Pipeline Rail n’est pas destiné à montrer toutes les œuvres de la même manière. Il présente une image de héros et un train visible d'œuvres de soutien. Les grandes collections se poursuivent via la navigation (flèches, pas à pas, balayage) plutôt que d'étendre le train indéfiniment.

Durée de la scène	Idéal pour
Serré	Collections plus petites — le rail reste à l'intérieur d'une largeur contenue ; jusqu'à 20 pack de bandes à côté du héros
Large	Collections plus grandes : utilise toute la largeur du contenu de la galerie ; jusqu'à 40 pack de bandes à côté du héros

L'expansion du héros et la diminution du pack se comportent de la même manière dans les deux modes ; stage span modifie le canevas horizontal et le nombre de vignettes pouvant figurer dans le train visible à la fois. Configurez Stage span et Rail side dans l'onglet Motion — voir Paramètres de mouvement du portfolio.

Ajustement photographique : lookbooks, points forts de la livraison aux clients et portfolios avec des légendes plus longues sous chaque image.

Conçu pour les photographes, pas pour les widgets génériques

Les modèles Motion partagent des comportements adaptés aux flux de travail du portfolio :

Cliquez pour faire la mise au point, puis allez plus loin : le premier clic fait avancer une image ; un deuxième clic (ou confirmation du clavier) peut ouvrir votre Page de détails de la photo lorsqu'elle est activée, avec un transfert visuel fluide à partir de la diapositive active.
Légendes et descriptions : le titre, la légende et le texte de description plus long de Media peuvent apparaître sur la scène ou à côté, selon le modèle (voir Paramètres de mouvement du portfolio — Placement des métadonnées).
Contrôle du rapport hauteur/largeur : définit le cadre héros pour les modèles de carrousel de chemin (carré, portrait, paysage, large ou automatique). Le même rapport permet de conserver la même taille à la diapositive active lorsque vous basculez entre Axis, Carrousel 3D et Wheel.
** Profondeur de champ sur les aperçus ** : les images latérales peuvent s'adoucir comme des voisins flous tandis que le héros reste net (modèles de carrousel de chemin).
Vidéo dans l'ensemble — le comportement dépend du contenu de la collection :
- Photos et vidéos mixtes : chaque vidéo montre une affiche et un badge de jeu sur scène ; la lecture s'ouvre dans la lightbox lorsque tel est votre comportement de clic (les vidéos n'utilisent pas de pages de détails de photos).
- Collection vidéo uniquement : lorsqu'un clip est la diapositive active, il est lu en ligne sur la scène (lecture automatique en sourdine avec commandes) ; les diapositives inactives restent sur l'affiche jusqu'à ce qu'elles soient focalisées.
Accessibilité : les visiteurs qui préfèrent un mouvement réduit voient une grille statique propre au lieu d'une animation.
Commerce et lightbox — Paramètres de la lightbox du portfolio et les options de page photo activées Paramètres régissent toujours le comportement de superposition et de PDP lorsque vous les connectez en mouvement Comportement de clic.

Ce que les visiteurs peuvent faire

Interactions	Comportement
Contrôles fléchés	Précédent et suivant lorsqu'il est activé
Points pas à pas	Accédez à une diapositive ; la progression facultative est maintenue lorsque la lecture automatique est activée
Faites glisser	Touchez glisser sur les téléphones
Molette de défilement	Avance horizontale sur le bureau lorsqu'elle est activée
Clavier	Touches fléchées, Début, Fin, Entrée sur la diapositive sélectionnée
Lecture automatique	Avance temporisée en option ; s'arrête lors du survol, de la mise au point ou lorsque l'onglet est masqué

Étapes de mise en œuvre

Confirmez Galerie publique et slug — Pages de portfolio publiques.
Ouvrez Portfolio → votre collection → Gérer le portfolio → onglet Motion.
Activez la présentation Motion.
Choisissez une famille de modèles et un modèle, puis définissez l'Intensité, les proportions et le comportement des clics (détails dans Paramètres de mouvement du portfolio.
Enregistrez, puis utilisez Aperçu depuis le hub de portfolio pour ouvrir l'URL d'aperçu signée.
Testez sur téléphone et ordinateur de bureau ; activez Pages de détails de la photo si les clics doivent ouvrir les options EXIF et d'impression complètes.

Ce que voient vos visiteurs

Une galerie plein écran de marque sur votre domaine : transitions cinématiques entre vos fichiers réels, sous-titres facultatifs et navigation qui respecte leurs préférences d'appareil et de mouvement. Le mode de confidentialité (public, non répertorié, mot de passe) se comporte de la même manière qu'un portfolio public standard.

Vérification de votre configuration

Le plan comprend le mouvement ; La bascule de présentation Motion est activée.
L'aperçu et le live /portfolio/{slug} affichent le modèle animé, pas la grille standard.
Les légendes ou les descriptions s'affichent lorsque l'affichage des métadonnées n'est pas masqué.
Le comportement du clic correspond à l'intention (page photo, lightbox ou focus uniquement).
Collections vidéo uniquement : le clip actif est lu sur scène ; Ensembles mixtes : les vidéos s'ouvrent dans la lightbox (ou affichent l'affiche jusqu'à ce qu'elles soient ciblées).
L’aperçu en mouvement réduit (paramètre système) montre le repli statique.