Open Job Positions

Add product details page

Back to Videos

Steps

1. Press the + button on the bottom of the pages navigator
2. Press `Select` blank page
3. Press `Insert`
4. Add 2 rectangles by double-clicking on `add`
5. Move one rectangle and increase the size
6. Click on the body of the page
7. Select `Function`
8. Press `Add data function`
9. Select payever products dropdown menu
10. Select Product details
11. Select the rectangle
12. Press `Function`
13. Press `Add context field`
14. Select `Image Url`
15. Select the second rectangle
16. Press `Function`
17. Press `Add context field`
18. Select `Title`
19. Shape the rectangle as where you want to be the title
20. Modify the text size
21. Press `Insert`
22. Select `Text`
23. Move the text in the place you want to see the price
24. Click on the Text shape
25. Press `Function`
26. Press `Add context field`
27. Press `Price and currency`
28. Go to the front page
29. Click on the table
30. Select `Link`
31. Select `Page`
32. Go to the blank page
33. Press `Page` on the right side menu
34. Check the page link
35. Go back to the front page
36. Click on the table
37. Click on page link and select the link of the blank page
38. Publish the website

Hints

Parent element should have product details function while child elements should have context fields

© payever. All rights reserved.

English (United Kingdom)