✨In this video, I will show you how to build the product page based on the sample page by using PageFly. Our goal today is to build the product page based on Dior website.
🔥 Learn how to effortlessly create a mobile-friendly Shopify product page:
https://youtu.be/Mz_Rq4fHRe0
OUTLINE:
00:00 Intro
00:40 Add custom fonts
01:48 Build product details section
10:50 Build product list
12:46 Check the mobile responsive
13:41 Outro
✅ Custom code to change the accordion header:
#accor {
background: white;
}
✅ Custom code to make product media sticky:
position: sticky;
top: 0;
left: 0;
👉 RELATED VIDEO
Add custom font: http://www.pagef.ly/qj6n
Product list element: http://www.pagef.ly/gf72
Product details: http://www.pagef.ly/x6ng
Accordion element: http://www.pagef.ly/k3qk
👉PAGEFLY VIDEO TUTORIAL:
How to Show Product Details on your PageFly page: http://www.pagef.ly/7qet
How to add pre-made section in PageFly: http://www.pagef.ly/bgtb
Understand Editor Settings in PageFly: http://www.pagef.ly/2haf
Understand Page Structure - Layout Element in PageFly: http://www.pagef.ly/6iuo
👉 PAGEFLY VIDEO PLAYLIST:
PageFly Overview: http://www.pagef.ly/shty
PageFly Pages: http://www.pagef.ly/0lgx
PageFly Elements: http://www.pagef.ly/ki6c
Build complete Shopify pages: http://www.pagef.ly/hlah
------
👉 TRY PAGEFLY FREE: http://pagef.ly/free-install
✅ SUBSCRIBE TO GET NOTIFICATIONS OF OUR NEW VIDEOS: http://www.pagef.ly/su9d
What tutorials do you want us to make? Feel free to drop your inquiry in the comment section below
------
👉 FIND PAGEFLY ON:
Twitter: http://www.pagef.ly/axge
Facebook: http://www.pagef.ly/xflt
Instagram: http://www.pagef.ly/09w4
LinkedIn: http://www.pagef.ly/gw83
------
#shopify #pagefly #productpage #shopifyproductpage #diorpage
Music: bensound.com
