
German: 
Willkommen zurück zu unserer Video-Serie, die Ihnen helfen soll ein Shopify-Onlineshop mit hoher Konvertierungsrate mit PageFly zu erstellen
Und in dem heutigen Video erfahren Sie, wie Sie einen Parallaxeneffekt für Ihre Seiten erzeugen
Gehen Sie zur Registerkarte 'Add element' auf der linken Symbolleiste
Laden Sie eine komplette 'Section' und ziehen Sie diese per Drag & Drop auf die Seite
Jetzt wollen wir ein Bild als Hintergrund festlegen, aber zuerst wählen wir die 'Section'
Gehen Sie zu 'Styling' und scrollen nach unten
Wählen Sie nun unter 'Background Style' 'Parallax'.
Hier ein Bild auswählen, entweder ein neues Bild laden oder aus dem 'Image Manager'

French: 
Bienvenue dans notre série de vidéos pour vous aider
vous créez une boutique Shopify à forte conversion avec PageFly.
Et la vidéo d'aujourd'hui vous apprendra à créer un effet de parallaxe pour vos pages
Donc, la toute première chose que nous voulons faire est de se diriger vers 'Add an element' sur la barre d'outils de gauche
Saisissez une section de remplissage et faites-la glisser sur la page
Maintenant, nous voulons définir une image comme
un arrière-plan, mais nous allons d'abord sélectionner la section
Et nous nous dirigerons vers 'Styling'
et faisons défiler vers le bas
Et puis sous 'Background Style', nous choisirons Parralax
puis à partir d'ici, nous pouvons télécharger notre image

English: 
Welcome back to our video series to help
you create a high converting Shopify store with PageFly.
And today's video you'll learn how to create a parallax effect for your pages
So the very first thing we want to do is head over to the Add element tab on the left toolbar
Grab a fill section and drag and drop it onto the page
Now we want to set an image as
a background but first we'll select the section
And we'll head over to Styling
and scroll down
And then under background style, we will choose parallax
and then from here we can upload our image

Portuguese: 
Bem-vindo de volta à nossa série de vídeos para ajudar
você a criar uma loja Shopify de alta conversão com o PageFly.
E no vídeo de hoje você aprenderá como criar um efeito de paralaxe para suas páginas
Portanto, a primeira coisa que queremos fazer é ir até a guia Adicionar elemento na barra de ferramentas esquerda
Pegue uma seção de preenchimento, arraste e solte-a na página
Agora queremos definir uma imagem como
um plano de fundo, mas primeiro vamos selecionar a seção
Agora vamos para Estilo
e rolamos para baixo
E então, no estilo de plano de fundo, escolheremos “Parallax”
e a partir daqui podemos carregar nossa imagem

English: 
And then just very quickly you will
click on More settings and make sure
the parallax speed is set to Normal.
Obviously you can see that
this background image is just set to a
slither
so what we want to do is add a little bit of padding on both ends.
Let's try 200 on the top and 200 pixels on the bottom
And that should give us a
little bit more room to show the image
Just remember when adding these margin and padding parameters it will affect your device
from a mobile view, but we'll
come back to that later.
For now let's see the effect in real
time by clicking Publish and then Live view
So here we can see the parallax
effect as we scroll down it's quite
subtle but the image in the background
stays fixed as the rest of the page moves
And it's just a really cool design
feature to add to your page.
So as I spoke earlier about the margin and padding being affected from mobile view.

Portuguese: 
E então, muito rapidamente, você
pode clicar em “More Settings” e verificar se
a velocidade da paralaxe está definida como Normal.
Obviamente você pode ver que
esta imagem de fundo é definida como
deslizar
 então o que queremos fazer é adicionar um pouco de preenchimento nas duas extremidades.
Vamos tentar 200 na parte superior e 200 pixels na parte inferior
E isso deve nos dar uma
um pouco mais de espaço para mostrar a imagem
Lembre-se de que ao adicionar esses parâmetros de margem e preenchimento, o dispositivo será afetado
a partir de uma visualização móvel, mas vamos
Volte a isso mais tarde.
Por enquanto, vamos ver o efeito em real
clicando em “Publish” e, em seguida, em “Live View”
Então aqui podemos ver que o efeito de paralaxe
 enquanto rolamos para baixo é bastante
sutil, mas a imagem em segundo plano
permanece fixa enquanto o restante da página se move
E é apenas um design muito legal
para adicionar à sua página.
Então, como falei anteriormente sobre a margem e o preenchimento serem afetados na exibição móvel.

French: 
Et puis très rapidement, vous
cliquez sur 'More settings' et assurez-vous
que la vitesse de parallaxe est réglée sur Normal.
De toute évidence, vous pouvez voir que
cette image de fond est juste définie sur glisser
donc ce que nous voulons faire est d'ajouter un peu de remplissage aux deux extrémités.
Essayons 200 en haut et 200 pixels en bas
Et cela devrait nous donner
un peu plus de place pour montrer l'image
N'oubliez pas qu'en ajoutant ces paramètres de marge et de remplissage, cela affectera votre appareil
à partir d'une vue mobile, mais nous allons
y revenir plus tard.
Pour l'instant, voyons l'effet en temps réel
en cliquant sur 'Publish' puis sur 'Live view'
Nous pouvons donc voir ici l’effet parallaxe
que nous faisons défiler vers le bas, il est tout à fait
subtile mais l'image en arrière-plan
reste fixe lorsque le reste de la page se déplace
Et c'est juste une fonctionnalité de design vraiment cool
à ajouter à votre page.
Donc, comme je l'ai dit plus tôt, la marge et le remplissage sont affectés par la vue mobile.

German: 
Wählen Sie nun 'More Settings' und stellen Sie sicher
die Parallaxengeschwindigkeit auf Normal eingestellt ist.
Sie können sehen, dass
dieses Hintergrundbild gerade auf ein 'slither' eingestellt ist
Wir müssen jetzt oben und unten etwas 'padding' einfügen
Versuchen wir 200 Pixel oben und 200 Pixel unten
Und das gibt uns etwas mehr Raum um das Bild zu zeigen
Denken Sie aber daran, wenn Sie diese 'Padding' Paramenterhinzufügen, wird dies auf
einer mobilen Ansicht ebenfalls genutzt, darauf kommen wir später zurück.
Lassen Sie uns die Wirkung erst einmal in der Realität sehen.
Seite 'Publish' und dann auf 'Live view' klicken.
Hier sehen wir also den Parallax Effekt, wenn wir nach unten scrollen, ist es ziemlich
subtil, aber das Bild im Hintergrund
bleibt fixiert, während sich der Rest der Seite bewegt
Es ist eine wirklich coole Funktion, die Sie zu Ihrer Seite hinzufügen können.
Wie ich vorhin erwähnt habe wird dadurch auch die Mobile Version verändert.

German: 
Wir können sehen, dass sich das Bild nicht bedeutend verändert.
Nehmen wir weniger 'Padding' indem wir entweder
eine niedrigere Zahl angeben oder ganz auf Null setzen
So sieht es deutlich besser auf 'Mobile' oder einem anderen smarten Gerät aus
Um die Änderungen in Echtzeit zu sehen, bitte 'Publish',
Klicken Sie auf die 'Live view'
und dann können wir von hier aus
mit der rechten Maustaste auf die Seite gehen, um dann
Zwischen den möglichen Geräten hin und her zu schalten. So kann man sehen wie es auf mobilen Geräten aussehen wird.
Und Sie können auch in der Ansicht von Tablets sehen
und dann natürlich auch auf einem Laptop oder einem Desktop kontrollieren
Und so schaffen Sie den coolen
Parallaxeneffekt mit PageFly.

English: 
We can see this image is not taking up
quite a significant portion of the mobile view
So what we want to do is click on it and then just remove a little bit of this padding
We can either change it to a lower number or set it to zero
So it looks more pleasing to the
eye when viewed on a phone or another smart device
And once again to view this
in real time we will publish it,
click Live view
and then from here we can
right click on the page and head over to inspect,
and then toggling between
devices you can see exactly how it looks on mobile.
And you can drag it across to
see it from a tablet standpoint
and then of course on a laptop or a desktop
And that is how you create a cool
parallax effect with PageFly.

French: 
On voit que cette image ne reprend pas
une partie assez importante de la vue mobile
Donc, ce que nous voulons faire est de cliquer dessus, puis de retirer un peu de ce remplissage
Nous pouvons soit le changer en un nombre inférieur, soit le mettre à zéro
pour qu’Il soit plus agréable à la
œil lorsqu'il est vu sur un téléphone ou un autre appareil
Et encore une fois pour voir cela
en temps réel nous le publierons,
cliquez sur 'Live view'
puis à partir d'ici, nous pouvons
faites un clic droit sur la page et dirigez-vous pour inspecter
puis basculer entre
les appareils, vous pouvez voir exactement à quoi il ressemble sur mobile.
Et vous pouvez le faire glisser vers
voir du point de vue de la tablette
puis bien sûr sur un ordinateur portable ou un ordinateur de bureau
Et c'est comme ça qu'on crée un cool
effet de parallaxe avec PageFly.

Portuguese: 
Podemos ver que esta imagem não está ocupando
uma parte bastante significativa da visualização para celular
Então, o que queremos fazer é clicar nele e remover apenas um pouco desse preenchimento
Podemos alterá-lo para um número menor ou configurá-lo para zer
Por isso, parece mais agradável para o
olho quando visto em um telefone ou outro dispositivo inteligente
E mais uma vez para ver isso
em tempo real, vamos publicá-lo,
clicamos em “Live View”
e então daqui podemos
clicar com o botão direito na página e ir para inspecionar,
e depois alternar entre
dispositivos, você pode ver exatamente como fica no celular.
E você pode arrastá-lo para
vê-lo do ponto de vista do tablet
e, claro, em um laptop ou desktop
E é assim que você cria um ambiente legal
efeito de paralaxe com o PageFly.

Portuguese: 
E isso é tudo para o vídeo de hoje. Não esqueça que você pode nos contatar em nossa linha de suporte 24 horas
no painel do PageFly

French: 
Et c'est tout pour la vidéo d'aujourd'hui. N'oubliez pas que vous pouvez nous joindre sur notre ligne d'assistance 24h / 24
dans le tableau de bord PageFly

German: 
Vergessen Sie nicht, dass Sie uns auf unserer 24/7
Hotline innerhalb des PageFly-Dashboards erreichen können.

English: 
And that's all for today's video. Don't forget you can reach us on our 24 hour support line
within the PageFly dashboard
