KOPERASI AL-NAJAH | KOSMAS MALAYSIA
Najah Alert Box
Najah Behance Feed
Najah Content Switcher
Najah Dual Heading
Najah Facebook Feed
Najah Facebook Review
Najah Fancy Text
Najah Flip Box
Najah Google Review
Najah Icon Box
Najah Image Button
Najah Image Comparison
Najah Image Layers
Najah Image Seperator
Najah Instagram Feed
Najah Magic Section
Najah Messenger Chat
Najah Modal Box
Najah Preview Windows
Najah Pricing Table
Najah Progress Bar
Najah Social Counter
Najah Vertical Scroll
Najah Video Box
Call To action
Table Of Contents
Table Of Contents
Custom Add To Cart
WL Product Tab
WL Add Banner
WL : Special Day Offer
WL : Image Marker
WL : Universal Product Layout
WL : Category List
WL : Brand Logo
WL : Customer Review
WL : Product Archive layout ( Default )
WL : Product Title
WL : Related Product
WL : Add To Cart
WL : Product Additional Information
WL : Product Data Tabs
WL : Product Description
WL : Product Short Description
WL : Product Price
WL : Product Rating
WL : Product Reviews
WL : Product Image
WL : Product Video Gallery
WL : Product Upsell
WL : Product Stock
WL : Product Meta
WL : Call For Price
WL : Suggest Price
WL : QR Code
WL : Product Curvy
WL : Product Image Accordion
WL : Product Accordion
Active Product Filters
Filter Products By Attributes
Filter Products By Price
Product Tag Cloud
Recent Viewed Products
Products By Rating
Recents Products Reviews
Filters Products By Rating
The Inner Section widget use is to create nested columns within a section. This way you can create complex layouts.
Step 1 : Drag an Inner Section Widget to your column
Step 2 : As a default, you will get a section with two columns
Step 3 : You can add or remove columns by right-click the columns handle icon
Step 4 : You can drag and drop the Inner Section widget to any column on your page, but it cannot be used within another Inner Section.
Step 5 : Now you can style the Inner Section in the same way you would style a Section.
Set the Advanced options that are applicable to this widget
The Heading Widget allows you to create stylish title headings.
Images play a vital role in web design, so you will most likely use the Image Widget a lot while designing your website. Let’s go over all of the settings you can control for this widget.
The Text Editor widget is a TinyMCE WYSIWYG editor that behaves just like the classic WordPress visual editor. You can enter rich text, images, and even WordPress shortcodes.
Drop Cap (only visible if Drop Cap was set to On in the Content tab)
Is a set that was given with certain amount of product/service for a certain amount of price.
Step 1 : Click on “Symbol +” at column Add Content
Step 2 : Put all infomation at
* This feature is similar to catalog, but design will be more simple and nice, only cons is it cannot be categorized by assign to different categories.
Users can send relevant information through your company.
Step 1 : Click on “fields” all put information at (Fields are grouped in two sections, Formatting elements & Input elements)
Step 2 : Let’s check below how each fieldwork :
Step 3 : Click on “Setting Colums” put In Recipient emails field (you can enter multiple recipients, separate e-mails with a coma)
Step 4 : Setting at the “Result” (Under Results, you can see the answers of the users)
*Note: the history is only available for logged-in users and when the option is enabled, all submissions made when the setting is off are not saved in the user history, however they are saved in the admin results tab & sent by e-mail when configured
Allows you to insert picture through Picasa, Instagram, Flickr or upload it yourself.
Step 1 : Click on “+” Symbol at ADD CONTENT
Step 2 : Click on “Instagram”, “Flickr” or ” My Image”. But we recommended “Insert via My Images”
(Option 1) Insert via Instagram
(Option 2) Insert via flickr
(Option 3) Insert via My Images
Step 3 : Insert Gallery Name (For example your event tittle, etc..)
Step 4 : Click on “Send your pictures”
Step 5 : Click on “Browse” ( to upload photos from your computer. You can upload several photos in the same time, just select from one folder all the photos you want to upload. It’s not compulsory, but you can enter a title and a description for all your photos)
Step 6 : Click on “Save” to save your gallery (Note be taken, one gallery is not advised to have more than 15 photos. And each photo should not be too high pixel, it will caused the loading speed of the images in App takes longer)
*Best each image pixel not more than 800.
You can type anthing such as information about your bussiness or website link.
Step 1 : Click on “Text” (We will create the first section, which is dealing with golf. To do this, click on “Text”. A new text document appears and you can write your article in it)
Step 2 : Click on “Image” (Creating a photo gallery is as easy as realizing a text section. To do that, click on and then on “Add pictures”)
Step 3 : Click on “Video” (The creation of a video section is as easy as the creation of text sections and picture sections)
Podcast: Enter your video podcast address ( .xml format) in the appropriate field. Then click on the video you want to integrate to the info page. Then click on “Save”.
My video: Thus, to include a video, you have to write the URL address of your video in “Video URL”. Once you have written the URL address of your video, you can write a little description of it and add a loading picture.
Note: Google Drive links are not supported.
Step 4 : Click on “Address” (Have many section at Address, you can input :
Label : Put any name to refer address (for example company name, staff name, etc…)
Latitude and Longitude : To give easy to search
Phone Number : Put contact number to customer direct contact
Display Phone : Can choose able or unable contact number
Website : Just put link website
Display Website, Address, Location Button : Just tick if you want display
Step 5 : Click on “Button” (In button have 3 option to put the information)
Step to Use Button Phone :
Step to Use Link :
Step to Use Email :
Step 6 : Click on “Attachment” (file to direct upload)(exampe pdf file, png file, jpeg file)
Step 7 : Click on “Slider” (can add many picture to make a slider)
Step 8 : Click on “Cover” (big picture like web banner at website)
Step 9 : Click on ” </> Source Code” (Need to insert code to function)
Step 10 : After done input info at all, click on “Save”
*If you dont want put all info just skip a step
Allows you to add a link within your app.
Step 1 : Write the name of your link in “Label”(Put url address in “URL“)
You can create as many links as you want, you just have to do this process again.
This feature allows you(only admin) to create a news page with a photo and comments from users. It works like a news wall, users are able to find all the posts you wrote on it.
Step 1 : Click on “+” at “ADD CONTENT”
Step 2 :
Insert info at :