Loversy – Wedding Photography Vue JS Template

We hope you will enjoy it!

If you have any questions that are beyond the scope of this documentation, please feel free to contact us via our Support System and our support team will be glad to help you out.

• Documentation Created: April 2021
• View Changelog

• You can find all files in “app” folder
• In “app” folder you will see “public” and “src” folders
• “public” folder contain all ready to use files which required for project latest build
• SASS, images, fonts, icons files you can find in “assets” folder
• SASS files you can find in “src/assets/sass”
• Fonts you can find in “src/assets/fonts” folder
• The design of blocks can be found in “src/blocks”
• The design of components can be found in “src/components”
• The design of pages can be found in “src/views”
• The content data of pages, blocks or components can be found in “src/data”
• You can find all UI elements in “src/views/ui” folder or in “src/blocks/ui” folder

• Vue JS platform
• Vuex integration
• Vue JS Ajax forms
• Vue JS API configuration prepared with Axios
• No jQuery dependency
• Professional and creative design
• Free Google fonts
• Clean typography
• Vector icons
• Bootstrap framework
• Fully responsive pages
• SASS
• W3C validated code
• Clean & Well-documented code
• SEO friendly code
• Easy to customize
• Easy to find the files name, folder, layers, groups
• All files are well commented
• UI included
• Professional support
• Lifetime updates

• Vue JS ( https://vuejs.org )
• Vuex ( https://vuex.vuejs.org )
• Bootstrap 4 ( https://getbootstrap.com )
• Animate.css ( https://daneden.github.io/animate.css )
• ImagesLoaded ( https://imagesloaded.desandro.com )
• Isotope ( https://isotope.metafizzy.co )
• Swiper ( https://swiperjs.com )
• Swiperbox ( https://fslightbox.com )
• Google Maps API ( https://developers.google.com/maps/documentation )
• PrismJs ( https://prismjs.com )
• Custom
• Ant many more ( Etc. Vue Router, Vue Scrollto… )

• Playfair Display ( https://fonts.google.com/specimen/Playfair+Display )
• Lato ( https://fonts.google.com/specimen/Lato )

• Font awesome ( https://fontawesome.com/cheatsheet?from=io )
• Custom

• Unsplash ( https://unsplash.com )
• Freepik ( https://www.freepik.com )

Please note: All images are just used for preview purpose only and not included in the final purchase files.

If you want to edit some SASS, JS files, the best way to use sources in “src” folder. You need “node.js” already installed.

1. Open “cmd” and go to the projects folder
2. Run “npm i” to install all project dependencies
3. Run “npm run serve” to run local server and start watching changes

How to work with design

• Find “src” folder which includes all “Vue JS” files

How to edit content

• Content of specific blocks can be edited in “data” folder. The data is in “JSON” format

How to edit SASS

• To change SASS open “src/assets/sass” folder
• “style.scss” – main file which import all files
• Blocks files you can find in “blocks” folder
• Components files you can find in “components” folder
• Content files you can find in “content” folder
• Layout files you can find in “layout” folder
• Utilities files you can find in “utilities” folder
• You can change colors, padding of global components in “_variables.scss” file. File is well documented
• You can change fonts globally in “_font.scss” file. File is well documented
• You can change font-size, line-height and all of typography parameters in “content/_typography.scss”. File is well documented
• Some of the default Bootstrap variables are rewritten in “_bootstrap-style-rewrite.scss”. Your own values can be defined. File is well documented

Watch “src/views/ui” file to see how you can change buttons’ color, sizes etc.

How to build a project

• Run “npm run build” to build a production version of the website which will be in “dist” folder

If you have any questions or need customization, please contact us via our Support System. We will help you as soon as possible!

Support Link: https://store.adveits.com/my-account/tickets/