Step 1: How to get code Html
__ You can go to this link and copy code Html :
+ Basel Portfolio content: https://codepen.io/TeaThemes/pen/MEEjdx
+ Basel Portfolio excerpt: https://codepen.io/TeaThemes/pen/RLLGmp
Step 2: How to create Portfolio
2.1 Go to Online Store -> Blog post -> Add blog post.
2.2 Fill in Name, Content, Upload Image Author, Blogs, Tag -> Save
2.3 Click to View to see the result:
Step 3: Style for Portfolio Page
3.1 Go to Theme Settings -> Portfolio Pages section.
3.2 The first, you must go to Blog post and choose which you want to use Portfolio Pages
- Handle: Choose Blog for Portfolio
- Portfolio Style
+ Show text on mouse over
+ Hide text on mouse over
+ Bordered style
+ Bordered inverse
+ Text under image
+ Text with background
+ Text with background alternative
- Filter portfolio
+ If you write any the tags on Filter portfolio’ box, the screen only show ones.
+ If you write nothing on Filter portfolio’ box, the screen only will show all of the tags
Step 4: How to use Slider in Portfolio of Basel
+ Go to Setting -> Files
+ Click to Upload files
+ After copy and paste the name of images which you want to show in the slider to code Html as this code
+ Finally, go to Portfolio Page to see the result:
Thank for reading!!