Thank you for purchasing Theme JV Safari.
Before going to the Theme detail, we would like to introduce three main conceipts: What is the Position?, What is the Shortcode ? And What is the Module?
- Module : We provide you 10 basic modules to show some different functions such as: Instagram, Link List (included 5 samples ), Latest Posts ( Included 5 samples), Information, Simple Products ( Included 5 samples), Content ( Being used to display texts in types of Tabs or Accordion), Progressbar, Piechart, Counter, Newsletter. Thus, you will have more than +20 modules in total, Module will be loaded within Shortcode and Gird part of Footer. Configure Module
- Shortcode : We provide you 20 Basic Shortcodes to show the major functions for Homepage and About Us page, for instance: Group Products ( Included 5 samples ), Product Tabs, Featured collections, Logo Partner, Team, Pricing Table, Portfolio Slider, Portfolio Special, Banner, Service 1, Service 2, About Us 1 , About Us 2, Testimonials, Latest Posts, Purchase, Counter, Grid 1 ( load Module), Grid 2 ( load Module), Custom text. Moreover, you can easily load Module in Shortcode. As a consequence, there are more than + 20 Shortcodes for you to utilize in your theme. Configure Shortcode
- Position : The main task of Position is load 1 Shortcode to present content in block content. In addition, you can adjust neccessary parameter for 1 block content like : Full content, Class Suffix, Heading, Description, Text color, Heaing color, Background color, Background image, Parallax and the Overlay with blurred effect. Configure Position
- Summary: Once clearly knowing how we do and then managing theme yourself, you will realize our method is extremely perfect.
Installation Safari Theme is easy and quick.
If you already had the Shopify site and want to apply the theme to your site, follow the instruction below:
1. In your backoffice go to: YOUR STORE > THEME:
2. In your backoffice go to: YOUR STORE > THEME . At Unpublished themes section:
The current version is 1.0, we will make an effort to give you some examples about how to update those versions below:( EX : version 1.0 to 1.3 )
To update theme, please follow some steps below:
- Download theme file to your computer
- Extract theme
- Go to download package from TF -> Content -> Update theme (There are many folders in this package up to the quantity of versions.)
- Choosing 1 folder which suitable with your current theme. EX : jv-Safari v1.0 to v1.3
- Then copy all things in it.
- Pase it into your current theme at Step 2
- Zip theme
- Upload theme your store
Note : Please copy these files which you have customized before to private place, then backup your site before updating.
We provide 6 header styles for theme. Firstly, you will choose header style default for theme, then please go to Homepage and choose header for homepage.
2. Header Content
4. Login and register
YOUR STORE > Settings > Checkout .
1. Structure Navigation
1. About me
2. Banner AD
4. Blog search
11. Simple products
3. Custom text
4. Feature custom 1
5. Feature custom 2
6. Featured collections
7. Grid 1
8. Grid 2
10. Latest posts
12. Lookbook collections
16. Products 1
17. Products 2
18. Products 3
20. Tab custom
21. Tab product
24. Why choose us
1. Base Param
Autoplay : If the value is empty, autoplay mode will be disable. In milliseconde (ms). Ex 6000
Pause On Hover : When hovering to slideshow it will top autoplay
Select Effect : Choosing effect when changing item slideshow
Show Pagination ? :Show Pagination
Show Navigation : Show Navigation
Slideshow Height : Fix height Slideshow
2. Base Video MP4
Control : Check - show control bar
Muted : Check - use sound
Loop :Check - loop item
Preload : Check - preload item
Fix height 100% : For Video can be shown Full Slideshow, no need to check this Param. You video will be displayed upto different size. So if users need to view Control bar, they will have to check here.
3. Item Slideshow
Firstly, we offer to you many options for slideshow: Youtube , Mp4, Soundcloud, Text.
We've checked and managed priority orders if you enter all options at the same time : 1. Youtube, 2. Mp4, 3. Soundcloud, 4. Text. In addition, on MP4 option, you can use text part as well.
- Access to Youtube and copy Link of any Video. EX : https://www.youtube.com/watch?v=iZpq8FjJr2E
- Then you just need to take ID behind equal sign. = It stands at the end of line. EX : iZpq8FjJr2E
- The last step, please copy ID code and Paste it into Youtube box in admin.
- Accessing to Soundcloud and listening any song.
- Then press on button Share > tab Embed > Copying iframe in boxCode and preview
- EX : <iframe width="100%" height="450" scrolling="no" frameborder="no" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/253784004&auto_play=false&hide_related=false&show_comments=true&show_user=true&show_reposts=false&visual=true"> </iframe>
- Then you just need to Copy ID after the word tracks/ in attribute SRC . EX : 253784004
- Finally, please copy ID above and paste it into box Soundcloud in admin.
We provide 10 different positions on Home Page. The main duty of each Position is loading 1 Shortcode to demonstrate the content on block content. What's more, you can edit the neccessary parameter for 1 block content, for instance : Full content, Class Suffix, Heading, Description, Text color, Heaing color, Background color, Background image, Parallax the Overlay with blurred effect. Configure Position
Currenly, in version 1.0 - We provide clients 6 Homepages, Homepage 1 is set as theme's default
To change Homepage on theme, please follow these instructions below:
- Open download package from ThemeForest
- Access to folder Content -> Presets Homepage -> Homepage 02
- Open file settings_data.json ( Notepad )
- Your Store -> Online Store -> Theme -> ... -> Edit HTML/CSS
- Search text settings_data
- open file settings_data.json ( Admin )
- Copy all texts in file at Step 3 then paste it into file admin atStep 6
- Show Collections : Check - Will show all Collections item
- Show product in Collections : Check - Will show all Collections together with product
- Number of products to display : The quantity of displayed products.
- Select Column : The number of columns which product can be shown on 1 row.
- Product image size : Choosing product thumbnail size.
- Use Masonry layout : Check - layout will be displayed as type of Masonry, if remove "check" -> Then site will display column as Css type.
- Collection Sidebar : There are 3 options for choosing such as: Left Sidebar, Right Sidebar, No Sidebar
Futhermore, you can edit Layout Sidebar for each Collection as you want.
On 1 item product at Collection page, you can turn on/ off all of their attributes : View, Addtocart, Wishlist, Title, Hotdeal, Rating, Desc
The Hotdeal function can be managed at tab Hotdeal, you can select product and set day/ time for them.
- Detail Sidebar : There are 3 options for choosing such as: Left Sidebar, Right Sidebar, No Sidebar
- Product image gallery style (product details view) : Choosing style to display all product images.
- Show quantity selector : Show input to enter the quantity of purchasing product when addtocart
- Show related products : Show related products
- Enable product reviews : For using this function, you need to install free App which is called Product Reviews, then you will use comment and rating
- Enable sharing : Using to share product link through social networks.
- Theme Safari chúng tôi cung cấp cho bạn sidebar Left và sidebar Right
- Bạn có thể dễ dàng load những module khác nhau vào sidebar và cho phép show ở bất cứ page nào bạn thích
- Trên page bạn cũng có thể dễ dàng cho phép xuất hiện sidebar left hoặc right hoặc no sidebar
- Bạn cũng có thể dễ dàng thay đổi width cho từng sidebar
- Những page chúng tôi làm bao gồm có : collection - collection.list - product - blog - article.
- Number of posts to display : Editing the displayed posts
- Select column : Choosing the quantity of column
- Posts thumbnail size : Choosing size cho Thumbnail
- Blog Sidebar : Choosing 1 of 3 option to display Sidebar
- Use Masonry layout :Check - Using this function when you choosev the number of column above (from 2 to 6). At that time, layout will display as Masonry type.
1. Blog Layout
In addition, you can edit Layout Masonry for each Blog which you want.
2. Blog Sidebar
3. Post Video
Please watch video on Video or Youtube
- Video -> Share -> Embed -> Copy Iframe< /li>
- EX : <iframe src="https://player.vimeo.com/video/136689216?api=1" allowfullscreen=""></iframe>
- Posts detail -> Excerpt -> <> -> Paste Iframe
PageAbout Us we provide 5 Positions, the management is the same with Homepage
Once again thank you for purchasing one of our Theme.