JaroslawZielinski / TorahVerse-M2

Magento2 module providing Torah verses/quotes text sliders both for backend (by default) and for frontend.
https://github.com/JaroslawZielinski/TorahVerse-M2
MIT License
1 stars 1 forks source link
bible bible-quote bible-verse bible-verses magento2 quotes text-slider torah verse vertical-scrolling

TorahVerse-M2

Magento2 module providing Torah verses/quotes text sliders both for backend (by default) and for frontend.

The length of available space is measured during slider display. Next the number of words for row division is calculated. The first shown rows are presented. If the number of rows exceeds threshold set in configuration, the verse is being scrolled vertically.

Thanks to above the widget is Responsive Web Designed and can be shown on various types of devices.

It is worth mentioning that this module uses library Torah, which is an API client with a caching (SQLite) option. This simple PHP library calls the Bible Info service and can store the response in cache (21 translations available). If you would like to learn more, please see the link...

"Buy Me A Coffee"

How to install

in packagist

cd YourProject
composer require jaroslawzielinski/torahverse-m2

How to Uninstall

excecute in shell the following command (one step before removing the module):

bin/magento torahverse:module:uninstall

in order to restore all database changes

Text Slider Features

Types

Backend part (Admin Panel Slider) is only for magento2 users/supporters but not for customers.

Frontend part is available for magento2 customers in two types. First Type (Homepage Slider) is available only on Homepage in 5 placements (Magento2 container name in layout):

There is another frontend type available (Custom Sliders): You may place wherever you want, and as many as you wish. To configure your slider just add it here to the list (name it by 'code' that use only letters (a-z or A-Z), numbers (0-9) or underscore (_) and the first character should be a letter.)

You can insert the slider whatever place you want in Your Shop in Admin Panel [Main Menu -> CONTENT -> Elements -> Pages/Blocks/Widgets] as Torah Verse Custom Slider widget (just add code there - f.e. _tv_slider01, and configure the slider in TorahVerse Configuration part -> Custom Sliders).

Modes

Randomized Auto play infinity loop (by default)

In this mode items positions are random in item array and they are presented one by one in infinite loop. You can pause an element just by moving mouse cursor over it (the cursor will change to ).

Ordered Auto play infinity loop

In this mode items positions in item array are the same as in the admin panel grid. Verses go first, the quotes go after from given group. The rest is similar to mode above.

Random view - static

Only one random verse/quote is displayed per page view. When verse/quote has vertical scroll feature enabled it is scrolled only once. If you would like it to be scrolled again you must hover mouse on it in pause mode and wait. It will be scrolled as many times as it will be in pause mode.

Backend

First steps

Log in to Admin panel

You can see the slider at the top of the screen.

Enable Menu

Save and clear cache See the Torah Verse menu on the left bar.

See the available grids

Groups

Groups grid Possible operations: Add New Group, Delete, Edit

Notice: You can not modify/delete Default Group. Groups grid

Groups/Verses

Verses grid Possible operations: Add New Verse, Delete, Group Assign, Edit Verses grid

Groups/Quotes

Quotes grid Possible operations: Add New Quote, Delete, Group Assign, Edit Quotes grid

Configuration - Torah Verse

General Settings

Enable

Enable module / Disable module and disable menu.

Menu enabled

Enables/disables menu in the left bar (and access to the grids)

Sweep time

Time value in milliseconds between slides (horizontal swipe)

Is vertical sweep possible

Enables feature for vertical scroll (it is triggered when text exceeds 'Number of shown rows')

Vertical Sweep time

Time value in milliseconds between changing current shown row (during vertical scroll)

Is group colours enable

Enables box with group title and group colour

Html Template for Verse Slider Frame

Provides html template for user tweaks. Available keys are listed in comment.

after clicking it will be opened in new tab (notice little square put next to the link) as a front page:

Groups grid

Frontend

Example uses

Groups grid

Pause mode (cursor changes, and background)

Groups grid Notice: You can configure it in Background Hover Colour, Custom Styles configuration options.

Group Colours enabled

Groups grid

See also