Download the PHP package zusamarehan/tourify without Composer
On this page you can find all versions of the php package zusamarehan/tourify. It is possible to download/install these versions without Composer. Possible dependencies are resolved automatically.
Download zusamarehan/tourify
More information about zusamarehan/tourify
Files in zusamarehan/tourify
Package tourify
Short Description A Package for adding Tour/Help to your Laravel Projects.
License MIT
Informations about the package tourify
laravel-tourify
A Laravel Package for adding Tour/Help to your Laravel Projects.
This is a simple package which helps the developers to add Tours for pages in your Products.
For example: To define or explain the use of any component in your UI like a Button/Tab.
The package gives the developers a rich UI to create/edit/remove/update Tour for a Route defined in your application.
This package includes:
- Migration - To keep track of which view uses which Tour file
- Assets File - Used for UI for the Tours
-
views/Controller/Model - For Tour CRUD Operations
The package makes use of https://github.com/LinkedInAttic/hopscotch to display the tour.
Installation
Add the ServiceProvider to the providers array in config/app.php
NOTE: The providers makes use of App\Providers\RouteServiceProvider::class
and hence it needs to be added after Application Service Providers.
Then you will need to publish few assets using the below command
Once the public is successful you need to import a stylesheet and js file in your master/layout file like so,
<link rel="stylesheet" href="{{ asset('/vendor/zusamarehan/tourify/css/hopscotch.css') }}">
<script rel="stylesheet" src="{{ asset('/vendor/zusamarehan/tourify/js/hopscotch.js') }}"></script>
Also, run migrations as well.
Usage
Available endpoints are
/productTour/create
- For creating new Tours
/productTour/list
- For listing the created Tours to modify/delete
Once installation is successfull head to /productTour/create
it will bring up the available routes names specified in your web.php
file.
You can select the name and click on add Tour. Here you need to specify which div ID you need to target or show help/tour. Having ID is mandatory in your component.
Once you are satisfied with your tour data you can save it. It will create a file in your storage. You shouldn't be editing it or deleting it manually.
The last step is to add a custom blade directive in your view at the end of the file just add
to be able to recogize by the package to run tour on page load.
NOTE
- For adding tours to your pages, names routes are required.
- To be able to target UI Components, an ID is required to be able to recogize by the package.
- Table data and files created by the package shouldn't be deleted by developers manually.