Athkar Plugin

Brief: this plugin enables you to add Athkar to your website and display them uniquely in a slider or side list. The plugin contains numerous number of Athkar texts as well. 

Firstly: Adding sections and Athkar: 

Dimofinf has provided the plugin with hundreds of different categories of Athkar such as day and night Athkar, traveling, etc. To import these default Athkar, follow the below path: 

Plugins> Athkar> Athkar> Import Default Athkar: 

The below template will showup: 

-Delete old Data: activate this option to delete all old data existed before the importing process. 

-Import Default Athkar: activate this feature to import the default Athkar (this is the main option to import). 

-Add Tashkil to default Athkar: if you want characters to be displayed with Tashkil, activate this option. 

Press (Import) to start importing the default Athkar. 

Adding New Section: 

Section are designed to categorized Athkar into groups such as day and night Athkar, Wudu Athkar, etc., 

To add a new section, follow the below: 

From the control panel> select plugins>Athkar> sections> then add section as the picture below:

The below template will show up: 

-Section Name: enter the section name such as (day and night Athkar). 

-Description: add a description to the section that it shown when the category name is passed. 

-Enable counting: activate this feature and a counter is shown to display the number of saying the Athkar. 

-Can add to slider block: activate this option to display the section Athkar in a slider. 

-Can add to side block: the Athkar is shown in the side list if this option is activated. 

-Enable popup: a small window includes Athkar of this group will be popped up at the bottom of the screen. 

-Popup Time: set the time when the pop up is displayed. 

-Status: this option is used to hide or show this section on the website. 

To edit the sections, follow the below: 

From the control panel> select plugins>Athkar> sections> then sections as the picture below:

The Athkar section will show up as below: 

-Counting, slider, slide bar, and status: the sign √ refers to that this feature is activated in this section, and the sign  × means that this feature is deactivated. 

-Action: the first icon is for editing and the second for deleting. 

-Actions list: this option enables you to tackle one action for various sections by one click; press (select all) or select the required groups and choose the required action, then press (Submit): 

Adding Athkar: 

Follow the below steps to add Athkar to the created groups: 

From the control panel> select plugins>Athkar> Athkar> then Add new as the picture below:

The below template will show up: 

-Sections: choose the section you want to add zike to. 

-Details: enter the Zikr text.

-Can add to slider block: the Zikr is shown a slider if you activate this option. 

-Can add to side block: the Zikr is shown a side block if you activate this option. 

-Status: this option is used to hide or show this Zikr on the website. 

Press (Submit) to add an event, or (Reset) to re enter a new data.

To list or edit the Athkar, follow the below: 

From the control panel> select plugins>Athkar> Athkar> then Athkar as the picture below:

The below picture will show up: 

- Slider, slide bar, and status: the sign √ refers to that this feature is activated in this Zikr, and the sign  × means that this feature is deactivated.

-Action: the first icon is for editing and the second for deleting.

-Actions list: this option enables you to tackle one action for various sections by one click; press (select all) or select the required Zikr texts and choose the required action, then press (Submit): 

The plugin displaying method on the website: 

The block (events plus) can be added to any location on the website using the default layout, for more details, click here 

Secondly: Settings: 

1-Log In to the control panel

2-From the setting list, select (Plugins settings) as the below picture: 

3-A list will show up, choose (Athkar settings) as shown below: 

The below setting options will show up: 

Firstly: Athkar Settings: 

-Enable/Disable counting option: if you activate this option, a counter will show up beside the Zikr. and the counter has two buttons; one to continue counting and the other is to start from (0).

-Show Athkar on main menu: activate this option to show the icon (Athkar) in the list existed on the top of the website. 

-Enable/Disable notifications: to activate or deactivate the notification of the Athkar times. 

Secondly: Sidebar options: 

-Enable/Disable Sidebar: if this option is activated, the sidebar of the plugin will be displayed in the left or right to the website page. 

-Sidebar Status Open/Close: if you choose (close), you will need to press (Athkar) button, so the sidebar is displayed. 

-Sidebar Position: set the sidebar location whether to be right or left to the page. 

-Sidebar Count: set the number of displayed Athker in the sidebar. 

-Sidebar Height & width: to manage the sidebar size. 

-Sidebar Order: to order the Athkar displaying method in the sidebar whether it is (random, as per last entry one, as per section, etc.,) 

Thirdly: Slider Settings: 

The slider is added using the default layout. 

-Height: to manage the slider height. 

-Count: set the number Athkar texts displayed in the slider. 

-Background Type: choose the background if it is only a colour or an image. 

-Background Color: if you choose (Colour) in the previous option, this one will show up to set the colour of the background. 

-Text Color: set the Zikr text colour. 

-Font Size: set the Zikr text size.  

-Speed: manage the speed of moving to the next Zikr in the slider. 

-Order: to order the Zikr displaying method in the slider whether it is (random, as per last entry one, as per section, etc.,) 

Note: Dimofinf provides various default images to be used as a background, and to add a new one, follow the below: 

From the control panel> select plugins>Athkar> Backgrounds> then Add background as the picture below:

The below template to add a background will show up: 

Upload the image by pressing (choose file) then (Submit), all images are uploaded are included in the below path: 

Plugins> Athkar> Backgrounds> Backgrounds, and the uploaded images are shown as below: 

You can edit or delete the mage using the Actions list. 

In the (Background Image) , you will find the uploaded images which you set as a background. 

Press (Edit Settings) to save.