- Details
Get the codes[~member style="2" shadow="0px 0px 0px #eeeeee" icon_1="icon:check" icon_1_color="#FFFFFF" icon_1_title="Title icon 1" icon_1_url="https://www.google.com" icon_2="icon:thumbs-o-up" icon_2_color="#FFFFFF" icon_2_title="Titile icon 2" icon_2_url="https://www.google.com" icon_3="icon:tags" icon_3_color="#FFFFFF" icon_3_title="Title icon 3" icon_3_url="https://www.google.com" icon_4="icon:book" icon_4_color="#FFFFFF" icon_4_title="Title icon 4" icon_4_url="https://www.google.com" icon_5="icon:facebook-square" icon_5_color="#FFFFFF" icon_5_title="Title icon 5" icon_5_url="https://www.google.com" icon_6="icon:phone-square" icon_6_color="#FFFFFF" icon_6_title="Title icon 6" icon_6_url="https://www.google.com" display_icon_title="yes"]Type here some info about this user[/member]
Get the codes[~member style="5" shadow="0px 0px 0px #eeeeee" icon_1="icon:check" icon_1_color="#333333" icon_1_title="Title icon 1" icon_1_url="https://www.google.com" icon_2="icon:thumbs-o-up" icon_2_color="#333333" icon_2_title="Titile icon 2" icon_2_url="https://www.google.com" icon_3="icon:tags" icon_3_color="#333333" icon_3_title="Title icon 3" icon_3_url="https://www.google.com" icon_4="icon:book" icon_4_color="#333333" icon_4_title="Title icon 4" icon_4_url="https://www.google.com" icon_5="icon:facebook-square" icon_5_color="#333333" icon_5_title="Title icon 5" icon_5_url="https://www.google.com" icon_6="icon:phone-square" icon_6_color="#333333" icon_6_title="Title icon 6" icon_6_url="https://www.google.com" display_icon_title="yes" width="150px"]Type here some info about this user[/member]
Get the codes[~member style="1" shadow="0px 0px 0px #eeeeee" icon_1="icon:check" icon_1_color="#333333" icon_1_title="Title icon 1" icon_1_url="https://www.google.com" icon_2="icon:thumbs-o-up" icon_2_color="#333333" icon_2_title="Titile icon 2" icon_2_url="https://www.google.com" icon_3="icon:tags" icon_3_color="#333333" icon_3_title="Title icon 3" icon_3_url="https://www.google.com" icon_4="icon:book" icon_4_color="#333333" icon_4_title="Title icon 4" icon_4_url="https://www.google.com" icon_5="icon:facebook-square" icon_5_color="#333333" icon_5_title="Title icon 5" icon_5_url="https://www.google.com" icon_6="icon:phone-square" icon_6_color="#333333" icon_6_title="Title icon 6" icon_6_url="https://www.google.com" display_icon_title="yes" width="150px"]Type here some info about this user[/member]
Get the codes[~member style="2" shadow="0px 0px 0px #eeeeee" icon_1="icon:check" icon_1_color="#ffffff" icon_1_title="Title icon 1" icon_1_url="https://www.google.com" icon_2="icon:thumbs-o-up" icon_2_color="#ffffff" icon_2_title="Titile icon 2" icon_2_url="https://www.google.com" icon_3="icon:tags" icon_3_color="#ffffff" icon_3_title="Title icon 3" icon_3_url="https://www.google.com" icon_4="icon:book" icon_4_color="#ffffff" icon_4_title="Title icon 4" icon_4_url="https://www.google.com" icon_5="icon:facebook-square" icon_5_color="#ffffff" icon_5_title="Title icon 5" icon_5_url="https://www.google.com" icon_6="icon:phone-square" icon_6_color="#ffffff" icon_6_title="Title icon 6" icon_6_url="https://www.google.com" display_icon_title="yes" width="150px"]Type here some info about this user[/member]
Get the codes[~member style="3" shadow="0px 0px 0px #eeeeee" icon_1="icon:check" icon_1_color="#333333" icon_1_title="Title icon 1" icon_1_url="https://www.google.com" icon_2="icon:thumbs-o-up" icon_2_color="#333333" icon_2_title="Titile icon 2" icon_2_url="https://www.google.com" icon_3="icon:tags" icon_3_color="#333333" icon_3_title="Title icon 3" icon_3_url="https://www.google.com" icon_4="icon:book" icon_4_color="#333333" icon_4_title="Title icon 4" icon_4_url="https://www.google.com" icon_5="icon:facebook-square" icon_5_color="#333333" icon_5_title="Title icon 5" icon_5_url="https://www.google.com" icon_6="icon:phone-square" icon_6_color="#333333" icon_6_title="Title icon 6" icon_6_url="https://www.google.com" display_icon_title="yes" width="150px"]Type here some info about this user[/member]
Get the codes[~member style="4" shadow="0px 0px 0px #eeeeee" icon_1="icon:check" icon_1_color="#333333" icon_1_title="Title icon 1" icon_1_url="https://www.google.com" icon_2="icon:thumbs-o-up" icon_2_color="#333333" icon_2_title="Titile icon 2" icon_2_url="https://www.google.com" icon_3="icon:tags" icon_3_color="#333333" icon_3_title="Title icon 3" icon_3_url="https://www.google.com" icon_4="icon:book" icon_4_color="#333333" icon_4_title="Title icon 4" icon_4_url="https://www.google.com" icon_5="icon:facebook-square" icon_5_color="#333333" icon_5_title="Title icon 5" icon_5_url="https://www.google.com" icon_6="icon:phone-square" icon_6_color="#333333" icon_6_title="Title icon 6" icon_6_url="https://www.google.com" display_icon_title="yes" width="150px"]Type here some info about this user[/member]
| Shortcode | Attributes | Example code |
|---|---|---|
| User profile This widget displays a customizable user profile card |
Style -
style Possible values: Style 1, Style 2, Style 3, Style 4, Style 5, Style 6, Style 7, Style 8, Default value: Style 1 Background -
background Possible values: #RGB and rgba() colors Default value: #ffffff Color -
color Possible values: #RGB and rgba() colors Default value: #333333 Border -
border Possible values: CSS supported border! Default value: 1px solid #CCCCCC Shadow -
shadow Possible values: CSS supporte shadow! Default value: 0 0 0 #eeeeee Border radius -
radius Possible values: Any Custom Value Default value: 0px Alignment -
text_align Possible values: Left, Center, Right, Default value: Left User photo -
photo Possible values: Url From Meida! Default value: http://joomla40dev/plugins/system/jshortcodes/images/sample/member.svg Name -
name Possible values: Any Custom Value Default value: John Doe Role -
role Possible values: Any Custom Value Default value: Designer Icon 1 -
icon_1 Possible values: icon: music, icon: envelope full list Icon 1 color -
icon_1_color Possible values: #RGB and rgba() colors Default value: #444444 Icon 1 title -
icon_1_title Possible values: Any Custom Value Icon 1 URL -
icon_1_url Possible values: Any Custom Value Icon 2 -
icon_2 Possible values: icon: music, icon: envelope full list Icon 2 color -
icon_2_color Possible values: #RGB and rgba() colors Default value: #444444 Icon 2 title -
icon_2_title Possible values: Any Custom Value Icon 2 URL -
icon_2_url Possible values: Any Custom Value Icon 3 -
icon_3 Possible values: icon: music, icon: envelope full list Icon 3 color -
icon_3_color Possible values: #RGB and rgba() colors Default value: #444444 Icon 3 title -
icon_3_title Possible values: Any Custom Value Icon 3 URL -
icon_3_url Possible values: Any Custom Value Icon 4 -
icon_4 Possible values: icon: music, icon: envelope full list Icon 4 color -
icon_4_color Possible values: #RGB and rgba() colors Default value: #444444 Icon 4 title -
icon_4_title Possible values: Any Custom Value Icon 4 URL -
icon_4_url Possible values: Any Custom Value Icon 5 -
icon_5 Possible values: icon: music, icon: envelope full list Icon 5 color -
icon_5_color Possible values: #RGB and rgba() colors Default value: #444444 Icon 5 title -
icon_5_title Possible values: Any Custom Value Icon 5 URL -
icon_5_url Possible values: Any Custom Value Icon 6 -
icon_6 Possible values: icon: music, icon: envelope full list Icon 6 color -
icon_6_color Possible values: #RGB and rgba() colors Default value: #444444 Icon 6 title -
icon_6_title Possible values: Any Custom Value Icon 6 URL -
icon_6_url Possible values: Any Custom Value Display icon title -
display_icon_title Possible values: yes, no Default value: no Icon column width -
width Possible values: Any Custom Value Default value: 120px URL -
url Possible values: Any Custom Value Class -
class Possible values: Any Custom Value 'View on scroll' effect -
scroll_reveal Possible values: Any Custom Value Content -
content Possible values:Any Content Value Default value: Type here some info about this user |
[~member style="1" background="#ffffff" color="#333333" border="1px solid #CCCCCC" shadow="0px 1px 2px #eee" radius="0px" text_align="left" photo="http://joomla40dev/plugins/system/jshortcodes/images/sample/member.svg" name="John Doe" role="Designer" icon_1="" icon_1_color="#444444" icon_1_title="" icon_1_url="" icon_2="" icon_2_color="#444444" icon_2_title="" icon_2_url="" icon_3="" icon_3_color="#444444" icon_3_title="" icon_3_url="" icon_4="" icon_4_color="#444444" icon_4_title="" icon_4_url="" icon_5="" icon_5_color="#444444" icon_5_title="" icon_5_url="" icon_6="" icon_6_color="#444444" icon_6_title="" icon_6_url="" display_icon_title="no" width="120px" url="" class="" scroll_reveal=""]Type here some info about this user[/member]
|
- Details
Get the codes[~livicon size="60" loop="yes" parent="yes" url="https://storejextensions.org"]
Get the codes[~livicon icon="gear" size="60" loop="yes" parent="yes" iteration="2" url="https://storejextensions.org" border="4px solid #444444" radius="15px"]
Get the codes[~livicon icon="hand-up" size="60" background_color="#3556a0" color="#ffffff" hover_color="#e5e5e5" loop="yes" parent="yes" iteration="2" url="https://storejextensions.org" border="10px double #1b1b7a" radius="15px"]
| Shortcode | Attributes | Example code |
|---|---|---|
| Live Icon This widget displays an animated vector icons |
Icon -
icon Possible values: at, balloons, bank, bomb, calculator, folders, ice-cream, medkit, paper-plane, wine, address-book, adjust, alarm, albums, align-center, align-justify, align-left, align-right, anchor, android, angle-double-down, angle-double-left, angle-double-right, angle-double-up, angle-down, angle-left, angle-right, angle-up, angle-wide-down, angle-wide-left, angle-wide-right, angle-wide-up, apple, apple-logo, archive-add, archive-extract, arrow-circle-down, arrow-circle-left, arrow-circle-right, arrow-circle-up, arrow-down, arrow-left, arrow-right, arrow-up, asterisk, balance, ban, barchart, barcode, battery, beer, bell, bing, biohazard, bitbucket, blogger, bluetooth, bold, bolt, bookmark, bootstrap, briefcase, brightness-down, brightness-up, brush, bug, calendar, camcoder, camera, camera-alt, car, caret-down, caret-left, caret-right, caret-up, cellphone, certificate, check, check-circle, check-circle-alt, checked-off, checked-on, chevron-down, chevron-left, chevron-right, chevron-up, chrome, circle, circle-alt, clapboard, clip, clock, cloud, cloud-bolts, cloud-down, cloud-rain, cloud-snow, cloud-sun, cloud-up, code, collapse-down, collapse-up, columns, comment, comments, compass, concrete5, connect, credit-card, crop, css3, dashboard, desktop, deviantart, disconnect, doc-landscape, doc-portrait, download, download-alt, dribbble, drop, dropbox, edit, exchange, expand-left, expand-right, external-link, eye-close, eye-open, eyedropper, facebook, facebook-alt, file-export, file-import, film, filter, fire, firefox, flag, flickr, flickr-alt, folder-add, folder-flag, folder-lock, folder-new, folder-open, folder-remove, font, gear, gears, ghost, gift, github, github-alt, glass, globe, google-plus, google-plus-alt, hammer, hand-down, hand-left, hand-right, hand-up, heart, heart-alt, help, home, html5, ie, image, inbox, inbox-empty, inbox-in, inbox-out, indent-left, indent-right, info, instagram, ios, italic, jquery, key, lab, laptop, leaf, legal, linechart, link, linkedin, linkedin-alt, list, list-ol, list-ul, livicon, location, lock, magic, magic-alt, magnet, mail, mail-alt, map, medal, message-add, message-flag, message-in, message-lock, message-new, message-out, message-remove, microphone, minus, minus-alt, money, moon, more, morph-c-o, morph-c-s, morph-c-t-down, morph-c-t-left, morph-c-t-right, morph-c-t-up, morph-o-c, morph-o-s, morph-o-t-down, morph-o-t-left, morph-o-t-right, morph-o-t-up, morph-s-c, morph-s-o, morph-s-t-down, morph-s-t-left, morph-s-t-right, morph-s-t-up, morph-t-down-c, morph-t-down-o, morph-t-down-s, morph-t-left-c, morph-t-left-o, morph-t-left-s, morph-t-right-c, morph-t-right-o, morph-t-right-s, morph-t-up-c, morph-t-up-o, morph-t-up-s, move, music, myspace, new-window, notebook, opera, pacman, paypal, pen, pencil, phone, piechart, piggybank, pin-off, pin-on, pinterest, pinterest-alt, plane-down, plane-up, playlist, plus, plus-alt, presentation, printer, qrcode, question, quote-left, quote-right, raphael, recycled, reddit, redo, refresh, remove, remove-alt, remove-circle, resize-big, resize-big-alt, resize-horizontal, resize-horizontal-alt, resize-small, resize-small-alt, resize-vertical, resize-vertical-alt, responsive, responsive-menu, retweet, rocket, rotate-left, rotate-right, rss, safari, sandglass, save, scissors, screen-full, screen-full-alt, screen-small, screen-small-alt, screenshot, search, servers, settings, share, shield, shopping-cart, shopping-cart-in, shopping-cart-out, shuffle, sign-in, sign-out, signal, sitemap, sky-dish, skype, sort, sort-down, sort-up, soundcloud, speaker, spinner-five, spinner-four, spinner-one, spinner-seven, spinner-six, spinner-three, spinner-two, star-empty, star-full, star-half, stopwatch, striked, stumbleupon, stumbleupon-alt, sun, table, tablet, tag, tags, tasks, text-decrease, text-height, text-increase, text-size, text-width, thermo-down, thermo-up, thumbnails-big, thumbnails-small, thumbs-down, thumbs-up, timer, trash, tree, trophy, truck, tumblr, twitter, twitter-alt, umbrella, underline, undo, unlink, unlock, upload, upload-alt, user, user-add, user-ban, user-flag, user-remove, users, users-add, users-ban, users-remove, vector-circle, vector-curve, vector-line, vector-polygon, vector-square, video-backward, video-eject, video-fast-backward, video-fast-forward, video-forward, video-pause, video-play, video-play-alt, video-step-backward, video-step-forward, video-stop, vimeo, vk, warning, warning-alt, webcam, wifi, wifi-alt, windows, windows8, wordpress, wordpress-alt, wrench, xing, yahoo, youtube, zoom-in, zoom-out, Default value: heart Icon size -
size Possible values: 4 - 256 Default value: 32 Background -
background_color Possible values: #RGB and rgba() colors Default value: #eeeeee Icon color -
color Possible values: #RGB and rgba() colors Default value: #666666 Hover color -
hover_color Possible values: #RGB and rgba() colors Default value: #000000 Event type -
event_type Possible values: Show/Hide on mouse hover, Show/Hide on mouse click, Default value: Show/Hide on mouse hover Animation -
animate Possible values: yes, no Default value: yes Loop -
loop Possible values: yes, no Default value: no Parent -
parent Possible values: yes, no Default value: no Duration -
duration Possible values: 0.2 - 5 Default value: 0.6 Iteration -
iteration Possible values: 1 - 5 Default value: 1 URL -
url Possible values: Any Custom Value Target -
target Possible values: Self, Blank, Default value: Self Border -
border Possible values: CSS supported border! Default value: 0px solid #444444 Border radius -
radius Possible values: Any Custom Value Default value: 3px Padding -
padding Possible values: Any Custom Value Default value: 15px Margin -
margin Possible values: Any Custom Value Class -
class Possible values: Any Custom Value 'View on scroll' effect -
scroll_reveal Possible values: Any Custom Value |
[~livicon icon="heart" size="32" background_color="#eeeeee" color="#666666" hover_color="#000000" event_type="hover" animate="yes" loop="no" parent="no" duration="0.6" iteration="1" url="" target="self" border="1px solid #444444" radius="3px" padding="15px" margin="" class="" scroll_reveal=""]
|
- Details
- List item
- List item
- List item
Get the codes
[~listitem]
...
[/listitem]
- List item
- List item
- List item
Get the codes
[~listitem icon="icon:heart" icon_color="#3e539e"]
...
[/listitem]
List item- List item
- List item
Get the codes
[~listitem icon="images/46715.png" icon_color="#3e539e"]
...
[/listitem]
| Shortcode | Attributes | Example code |
|---|---|---|
| List This widget displays an unordered list of items |
Icon -
icon Possible values: icon: music, icon: envelope full list Default value: icon: star Icon color -
icon_color Possible values: #RGB and rgba() colors Default value: #333333 Class -
class Possible values: Any Custom Value 'View on scroll' effect -
scroll_reveal Possible values: Any Custom Value Content -
content Possible values:Any Content Value Default value:
|
[~listitem icon="icon: star" icon_color="#333333" class="" scroll_reveal=""]
|
- Details
Get the codes[~joint_button left_btn_icon="icon: heart" right_btn_url="https://storejextensions.org" right_btn_icon="icon: check"]
Get the codes[~joint_button left_btn_icon="icon:heart" right_btn_url="https://storejextensions.org" right_btn_bg="#1d56ab" right_btn_hover_bg="#3f75c7" right_btn_icon="icon:check" width="600px" radius="50px"]
Get the codes[~joint_button left_btn_text="100" left_btn_bg="#1b6dbf" left_btn_hover_bg="#3f91e3" left_btn_icon="icon:euro" right_btn_text="120" right_btn_url="https://storejextensions.org" right_btn_bg="#389826" right_btn_hover_bg="#5fd549" right_btn_icon="icon:dollar" width="300px" align="left" radius="10px"]
Get the codes[~joint_button left_btn_text="100" left_btn_bg="#7b7774" left_btn_hover_bg="#d3d3d3" left_btn_icon="icon:euro" right_btn_text="120" right_btn_url="https://storejextensions.org" right_btn_bg="#1e8c28" right_btn_hover_bg="#20d130" right_btn_icon="icon:dollar" width="300px" align="right" radius="10px"]
| Shortcode | Attributes | Example code |
|---|---|---|
| Graphical button This widget displays a customizable graphical button |
Left button text -
left_btn_text Possible values: Any Custom Value Default value: Get Support URL -
left_btn_url Possible values: Any Custom Value Default value: # Target -
left_btn_target Possible values: Self, Blank, Default value: Blank Left button background -
left_btn_bg Possible values: #RGB and rgba() colors Default value: #666666 Hover background -
left_btn_hover_bg Possible values: #RGB and rgba() colors Default value: #4d4d4d Color -
left_btn_color Possible values: #RGB and rgba() colors Default value: #ffffff Left button icon -
left_btn_icon Possible values: icon: music, icon: envelope full list Middle text -
middle_txt Possible values: Any Custom Value Default value: Or Right button text -
right_btn_text Possible values: Any Custom Value Default value: View Details URL -
right_btn_url Possible values: Any Custom Value Default value: # Target -
right_btn_target Possible values: Self, Blank, Default value: Blank Right button background -
right_btn_bg Possible values: #RGB and rgba() colors Default value: #f57c00 Hover background -
right_btn_hover_bg Possible values: #RGB and rgba() colors Default value: #fa8d1d Color -
right_btn_color Possible values: #RGB and rgba() colors Default value: #ffffff Right button icon -
right_btn_icon Possible values: icon: music, icon: envelope full list Width -
width Possible values: Any Custom Value Default value: 450px Alignment -
align Possible values: Left, Right, Center, Default value: Center Border radius -
radius Possible values: Any Custom Value Default value: 3px Class -
class Possible values: Any Custom Value 'View on scroll' effect -
scroll_reveal Possible values: Any Custom Value |
[~joint_button left_btn_text="Get Support" left_btn_url="#" left_btn_target="blank" left_btn_bg="#666666" left_btn_hover_bg="#4d4d4d" left_btn_color="#ffffff" left_btn_icon="" middle_txt="Or" right_btn_text="View Details" right_btn_url="#" right_btn_target="blank" right_btn_bg="#f57c00" right_btn_hover_bg="#fa8d1d" right_btn_color="#ffffff" right_btn_icon="" width="450px" align="center" radius="3px" class="" scroll_reveal=""]
|
- Details
Get the codes[~image_zoom image="images/jshortcodes.png" zoom_size="200, 200" width="460"]
Get the codes[~image_zoom image="images/jshortcodes.png" type="inner" zoom_size="200, 200" width="460"]
Get the codes[~image_zoom image="images/jshortcodes.png" type="follow" zoom_size="200, 200" width="460"]
| Shortcode | Attributes | Example code |
|---|---|---|
| Image Zoom This widget displays a zoomable image |
Image -
image Possible values: Url From Meida! Default value: https://dummyimage.com/400x300 Type -
type Possible values: Standard, Inner, Follow, Default value: Standard Smooth moves -
smooth_move Possible values: yes, no Default value: yes Preload -
preload Possible values: yes, no Default value: yes Zoom size -
zoom_size Possible values: Any Custom Value Default value: 120,80 Offset -
offset Possible values: Any Custom Value Default value: 10,0 Position -
position Possible values: Right, Left, Default value: Right Description -
description Possible values: Any Custom Value Max image width -
width Possible values: 10 - 1600 Default value: 0 Class -
class Possible values: Any Custom Value 'View on scroll' effect -
scroll_reveal Possible values: Any Custom Value |
[~image_zoom image="https://dummyimage.com/400x300" type="standard" smooth_move="yes" preload="yes" zoom_size="120,80" offset="10,0" position="right" description="" width="0" class="" scroll_reveal=""]
|