Livemesh SiteOrigin Widgets - Version 1.4.9

Version Description

  • Fixed - The top and bottom padding attributes for rows were not taking effect with 2.5.x version of page builder
  • Updated - The top and bottom padding attributes for rows deprecated. Pls use native padding settings of page builder which now provides more fine grained padding controls.
  • Updated - We have moved; all URLs now point to our new site https://www.livemeshthemes.com
  • Added - Hebrew translation files - thanks Ahrale!
Download this release

Release Info

Developer livemesh
Plugin Icon 128x128 Livemesh SiteOrigin Widgets
Version 1.4.9
Comparing to
See all releases

Code changes from version 1.4.8 to 1.4.9

Files changed (27) hide show
  1. admin/views/documentation.php +103 -94
  2. admin/views/premium-upgrade.php +32 -32
  3. admin/views/settings.php +9 -9
  4. includes/class-lsow-setup.php +19 -19
  5. includes/widgets/lsow-accordion-widget/lsow-accordion-widget.php +1 -1
  6. includes/widgets/lsow-button-widget/lsow-button-widget.php +1 -1
  7. includes/widgets/lsow-carousel-widget/lsow-carousel-widget.php +1 -1
  8. includes/widgets/lsow-clients-widget/lsow-clients-widget.php +1 -1
  9. includes/widgets/lsow-heading-widget/lsow-heading-widget.php +1 -1
  10. includes/widgets/lsow-hero-image-widget/lsow-hero-image-widget.php +1 -1
  11. includes/widgets/lsow-icon-list-widget/lsow-icon-list-widget.php +1 -1
  12. includes/widgets/lsow-odometers-widget/lsow-odometers-widget.php +1 -1
  13. includes/widgets/lsow-piecharts-widget/lsow-piecharts-widget.php +1 -1
  14. includes/widgets/lsow-portfolio-widget/lsow-portfolio-widget.php +1 -1
  15. includes/widgets/lsow-portfolio-widget/tpl/default.php +1 -1
  16. includes/widgets/lsow-posts-carousel-widget/lsow-posts-carousel-widget.php +1 -1
  17. includes/widgets/lsow-pricing-table-widget/lsow-pricing-table-widget.php +1 -1
  18. includes/widgets/lsow-services-widget/lsow-services-widget.php +1 -1
  19. includes/widgets/lsow-stats-bar-widget/lsow-stats-bar-widget.php +1 -1
  20. includes/widgets/lsow-tabs-widget/lsow-tabs-widget.php +1 -1
  21. includes/widgets/lsow-team-members-widget/lsow-team-members-widget.php +1 -1
  22. includes/widgets/lsow-testimonials-slider-widget/lsow-testimonials-slider-widget.php +1 -1
  23. includes/widgets/lsow-testimonials-widget/lsow-testimonials-widget.php +1 -1
  24. languages/he_IL.mo +0 -0
  25. languages/he_IL.po +1956 -0
  26. livemesh-so-widgets.php +6 -6
  27. readme.txt +29 -23
admin/views/documentation.php CHANGED
@@ -28,7 +28,7 @@ else {
28
29
<div class="intro-wrap">
30
31
- <img class="plugin-image" src="http://portfoliotheme.org/wp-content/uploads/plugin-doc/livemesh-widgets/plugin-screenshot.jpg" alt="Livemesh SiteOrigin Widgets">
32
33
<div class="intro">
34
<h3><?php printf(__('Getting started with %1$s v%2$s', 'livemesh-so-widgets'), $plugin['Name'], $plugin['Version']); ?></h3>
@@ -131,7 +131,7 @@ else {
131
The portfolio examples of Livemesh Grid widget is built using custom post type registered by
132
this plugin.
133
</li>
134
- <li>Optionally, if you have <a href="http://portfoliotheme.org/products/livemesh-siteorigin-widgets-pro/" title="Livemesh SiteOrigin Widgets Pro" target="_blank">premium version</a> of the plugin installed, you can import the sample data
135
that replicates the demo site for you by importing the
136
file sample-data.xml file located in the plugin directory. The import option is available under
137
<strong> <a href="<?php echo admin_url() . 'import.php'; ?>"
@@ -147,7 +147,7 @@ else {
147
<p>Below is a list of recommended plugins to install that will help you get the most out of this plugin.
148
Although many of these plugins are optional, we recommend that you install these popular plugins if
149
you plan to install the demo data and get most out of this plugin. The demo site and the sample data
150
- provided with the <a href="http://portfoliotheme.org/products/livemesh-siteorigin-widgets-pro/" title="Livemesh SiteOrigin Widgets Pro" target="_blank">premium version</a> of the plugin utilizes all of these plugins including the
151
SiteOrigin Page Builder and the Portfolio Post type plugin.</p>
152
<p>These plugins are also listed in the Plugins tab of this help file under Livemesh Widgets →
153
Documentation, and you can install the plugins directly from there.</p>
@@ -179,7 +179,7 @@ else {
179
<hr>
180
<h3 id="demo-data">Installing Demo Data<a class="back-to-top" href="#panel"><span
181
class="dashicons dashicons-arrow-up-alt2"></span> Back to top</a></h3>
182
- <p>If you have <a href="http://portfoliotheme.org/products/livemesh-siteorigin-widgets-pro/" title="Livemesh SiteOrigin Widgets Pro" target="_blank">premium version</a> of the plugin installed, you can install the demo data to replicate the
183
plugin demo site to get a head start on building your site. Installing demo data reduces the
184
learning curve associated with trying out the powerful widgets part of this plugin.</p>
185
<p>The sample data imports the pages part of the demo site. Once you are done with playing around the
@@ -214,7 +214,7 @@ else {
214
<li>Once the Livemesh SiteOrigin Widgets plugin is activated, you should see a menu item <strong> <a href="<?php echo admin_url() . 'admin.php?page=livemesh_so_widgets'; ?>"
215
target="_blank"><?php echo __('Livemesh Widgets', 'livemesh-so-widgets') ?></a></strong> in WordPress admin with three sections - Settings, Documentation and <strong> <a href="<?php echo admin_url() . 'admin.php?page=livemesh_so_widgets_pro_upgrade'; ?>"
216
target="_blank"><?php echo __('Upgrade to Pro', 'livemesh-so-widgets') ?></a></strong>.
217
- <p><img class="alignnone size-large" src="http://portfoliotheme.org/wp-content/uploads/plugin-doc/livemesh-widgets/plugin-settings.png" alt="SiteOrigin Widgets Settings"></p>
218
219
<p><strong> <a href="<?php echo admin_url() . 'admin.php?page=livemesh_so_widgets'; ?>"
220
target="_blank"><?php echo __('Livemesh Widgets→Settings', 'livemesh-so-widgets') ?></a></strong> - The settings screen for the plugin is self-documenting with minimal
@@ -235,27 +235,27 @@ else {
235
<p>To look for widgets defined by
236
the Livemesh SiteOrigin Widgets plugin, search for widgets starting with name Livemesh in the
237
SiteOrigin Widgets Bundle screen.</p>
238
- <p><img class="alignnone size-large" src="http://portfoliotheme.org/wp-content/uploads/plugin-doc/livemesh-widgets/livemesh-widgets2.jpg" alt="SiteOrigin Page Builder Widgets"></p>
239
</li>
240
241
<li>Once a SiteOrigin widget is activated (or auto activated), the widgets are available in
242
<strong><a href="<?php echo admin_url() . 'widgets.php'; ?>"
243
target="_blank"><?php echo __('Appearance→Widgets', 'livemesh-so-widgets') ?></a></strong> screen for drag and drop into widgetized areas defined by the theme
244
activated on your site.
245
- <p><img class="alignnone size-large" src="http://portfoliotheme.org/wp-content/uploads/plugin-doc/livemesh-widgets/livemesh-widgets.jpg" alt="Sidebar Widgets from SiteOrigin"></p>
246
</li>
247
248
<li>The activated widgets also become available for drag and drop in the SiteOrigin Page builder. In
249
the Page edit window, click on the <strong>'Page Builder'</strong> tab to bring up the page builder controls on
250
the page edit screen.
251
- <p><img class="alignnone size-large" src="http://portfoliotheme.org/wp-content/uploads/plugin-doc/livemesh-widgets/page-builder-screen.png" alt="SiteOrigin Page Builder Screen"></p>
252
</li>
253
254
<li>To add a Livemesh widget, just click on the <strong>'Add Widget'</strong> button to bring up the 'Add New Widget'
255
popup screen of the page builder. The plugin widgets are grouped under <strong>'Livemesh SiteOrigin
256
Widgets'</strong> tab on the left. Click on a widget listed on the right closes the popup and adds the
257
widget to the page builder.
258
- <p><img class="alignnone size-large" src="http://portfoliotheme.org/wp-content/uploads/plugin-doc/livemesh-widgets/livemesh-widgets3.jpg" alt="Page Builder Widgets from SiteOrigin"></p>
259
</li>
260
261
<li>Hovering over the widget added to the page builder, you can view the Edit link. Clicking the
@@ -268,13 +268,13 @@ else {
268
269
<p>Click on the <strong>'Done'</strong> button once the required data is provided for the widget and you are done
270
with previewing.</p>
271
- <p><img class="alignnone size-large" src="http://portfoliotheme.org/wp-content/uploads/plugin-doc/livemesh-widgets/widget-edit-screen.png" alt="SiteOrigin Widget Edit Window"></p>
272
273
</li>
274
275
<li>After you hit the <strong>Update</strong> or <strong>Publish</strong> button on the page,the widget is then ready for viewing on
276
the frontend page.
277
- <p><img class="alignnone size-large" src="http://portfoliotheme.org/wp-content/uploads/plugin-doc/livemesh-widgets/widget-rendered.png" alt="SiteOrigin Widget Rendered"></p>
278
279
</li>
280
@@ -286,7 +286,7 @@ else {
286
287
<hr>
288
<h3 id="heading-widget">Heading Widget<a class="back-to-top" href="#panel"> Back to top</a></h3>
289
- <p><img class="alignnone size-large" src="http://portfoliotheme.org/wp-content/uploads/plugin-doc/livemesh-widgets/heading-widget2.png" alt="Heading Widget Rendered"></p>
290
291
<p>The heading widget is perhaps the most frequently used widget on a page since it displays a heading
292
at the top of a section.</p>
@@ -298,20 +298,20 @@ else {
298
allow you to input a subtitle which is usually displayed on top of the main heading title.</p>
299
<p>You can choose to align the heading left, right or center with center being the default
300
alignment.</p>
301
- <p>The <a href="http://portfoliotheme.org/products/livemesh-siteorigin-widgets-pro/" title="Livemesh SiteOrigin Widgets Pro" target="_blank">premium version</a> of the plugin allows selection of a custom font for the heading title. You may
302
choose one of 500+ custom fonts hosted in the Google Fonts library. By default, the heading font
303
used by the theme is used for main heading title.</p>
304
305
- <p><img class="alignnone size-large" src="http://portfoliotheme.org/wp-content/uploads/plugin-doc/livemesh-widgets/heading-widget-edit.png" alt="Heading Widget Edit Window"></p>
306
307
<hr>
308
<h3 id="services-widget">Services Widget<a class="back-to-top" href="#panel"> Back to top</a></h3>
309
- <p><img class="alignnone size-large" src="http://portfoliotheme.org/wp-content/uploads/plugin-doc/livemesh-widgets/services-widget2.png" alt="Services Widget"></p>
310
311
<p>Many agencies, freelancers, corporates, products/apps require capturing the services provided by the
312
agency or the features of a product. The services widget is designed to help users capture these
313
services or features in a multi-column grid.</p>
314
- <p>The widget supports about 3 different styles (with 2 additional styles in <a href="http://portfoliotheme.org/products/livemesh-siteorigin-widgets-pro/" title="Livemesh SiteOrigin Widgets Pro" target="_blank">premium version</a> of the
315
plugin) and each of these styles can be customized further by choosing the type of icon desired to
316
represent the service – a font icon or an custom image icon. While the choice of font icons is huge
317
in number and perhaps sufficient for most common services, the icon images can help present the
@@ -319,9 +319,9 @@ else {
319
<p>Each of the service requires you to input a title for the service/feature and a short description of
320
the service offered or the product feature. Additionally, each service allows you to enter a font
321
icon or an icon image file to represent that service.</p>
322
- <p>The <a href="http://portfoliotheme.org/products/livemesh-siteorigin-widgets-pro/" title="Livemesh SiteOrigin Widgets Pro" target="_blank">premium version</a> of the plugin allows you specify a custom font size, font color and and hover
323
color for the font icon along with providing two additional styles of services/features.</p>
324
- <p><img class="alignnone size-large" src="http://portfoliotheme.org/wp-content/uploads/plugin-doc/livemesh-widgets/services-widget-edit.png" alt="Services Widget Edit Window"></p>
325
326
<p>Services widget supports the following options –</p>
327
<ul>
@@ -336,29 +336,29 @@ else {
336
337
<hr>
338
<h3 id="team-members">Team Members<a class="back-to-top" href="#panel"> Back to top</a></h3>
339
- <p><img class="alignnone size-large" src="http://portfoliotheme.org/wp-content/uploads/plugin-doc/livemesh-widgets/team-member2.jpg" alt="Team Members Widget"></p>
340
341
<p>This widget provides an easy way to capture the team members of your organization or an agency. The
342
details captured include team member name, position, a short description and the email plus social
343
profile of the individual team members.</p>
344
- <p>Two different styles are provided with more styles planned in the <a href="http://portfoliotheme.org/products/livemesh-siteorigin-widgets-pro/" title="Livemesh SiteOrigin Widgets Pro" target="_blank">premium version</a> of the plugin. Most
345
of the styles display the team members in a multi-column grid. The option to specify the number of
346
columns is provided that helps to control the number of team members displayed per row of the team
347
members.</p>
348
- <p><img class="alignnone size-large" src="http://portfoliotheme.org/wp-content/uploads/plugin-doc/livemesh-widgets/team-members-edit.png" alt="Team Members Widget Edit Window"></p>
349
350
<hr>
351
<h3 id="statistics-widgets">Statistics Widgets<a class="back-to-top" href="#panel"> Back to top</a></h3>
352
- <p><img class="alignnone size-large" src="http://portfoliotheme.org/wp-content/uploads/plugin-doc/livemesh-widgets/statsbars-piecharts.png" alt="Statistics Widgets"></p>
353
354
<p>The plugin features a number of widgets that help display statistical information in the form of
355
- odometers, piecharts and stats bars. The <a href="http://portfoliotheme.org/products/livemesh-siteorigin-widgets-pro/" title="Livemesh SiteOrigin Widgets Pro" target="_blank">premium version</a> of the plugin also includes a countdown
356
widget that displays a countdown timer for planned events such as product launches or website going
357
live.</p>
358
<p>Most of these widgets are designed to animate the display of the statistical information or numbers
359
when the users scroll down to the section containing the widget.</p>
360
<p><strong>Odometers</strong></p>
361
- <p><img class="alignnone size-large" src="http://portfoliotheme.org/wp-content/uploads/plugin-doc/livemesh-widgets/odometers2.png" alt="Odometer Widget"></p>
362
363
<p>This widget displays one or more animated odometer statistics in a multi-column grid. This number
364
statistic requires a start and an end value with a title and icon providing the information about
@@ -366,10 +366,10 @@ else {
366
gained.</p>
367
<p>The widget animates from the start value to the end value when the user scrolls down to the section.
368
You can control the number of such odometers displayed per row.</p>
369
- <p><img class="alignnone size-large" src="http://portfoliotheme.org/wp-content/uploads/plugin-doc/livemesh-widgets/odometers-edit.png" alt="Odometer Edit Window"></p>
370
371
<p><strong>Stats Bars</strong></p>
372
- <p><img class="alignnone size-large" src="http://portfoliotheme.org/wp-content/uploads/plugin-doc/livemesh-widgets/statsbars-piecharts.png" alt="Stats Bar Piechart Widgets"></p>
373
374
<p>Stats Bars capture percentage statistics like coverage area, skills gained, survey findings, usage
375
statistics etc. that typically require bar charts to represent them. Each statistical item requires
@@ -377,27 +377,27 @@ else {
377
multiple or single color with the help of color choice available with each value input.</p>
378
<p>The widget animates from the zero to the percentage value set for the item when the user scrolls down
379
to the section containing the widget. The bars are placed one below the other horizontally.</p>
380
- <p><img class="alignnone size-large" src="http://portfoliotheme.org/wp-content/uploads/plugin-doc/livemesh-widgets/stats-bars-edit.png" alt="Stats Bar Widget Edit Window"></p>
381
382
<p><strong>Piecharts</strong></p>
383
<p>Piecharts provide an alternative way to display percentage stats. When the users scrolls down and the
384
chart becomes visible, the widget animates from zero to percentage value provided for the statistic.
385
A bar of user chosen color moves along a track to display the percentage information. An option to
386
specify the number of charts displayed per row is provided.</p>
387
- <p><img class="alignnone size-large" src="http://portfoliotheme.org/wp-content/uploads/plugin-doc/livemesh-widgets/piecharts-edit.png" alt="Piechart Widget Edit Window"></p>
388
389
<p><strong>Countdown&nbsp; - <span class="pro-feature">Pro!</span></strong></p>
390
- <p><img class="alignnone size-large" src="http://portfoliotheme.org/wp-content/uploads/plugin-doc/livemesh-widgets/countdown.png" alt="Countdown Widget"></p>
391
392
<p>This widget displays a countdown timer for an end date and time specified by the user. This is like a
393
clock ticking to signal the arrival of an event planned for a future date. The user just provides
394
the end date time, a label for the event and widget displays the time remaining in days, hours,
395
minutes and seconds, with the timer updated every second on the page.</p>
396
- <p><img class="alignnone size-large" src="http://portfoliotheme.org/wp-content/uploads/plugin-doc/livemesh-widgets/countdown-edit.png" alt="Countdown Widget Edit Window"></p>
397
398
<hr>
399
<h3 id="testimonials-widgets">Testimonials Widgets<a class="back-to-top" href="#panel"> Back to top</a></h3>
400
- <p><img class="alignnone size-large" src="http://portfoliotheme.org/wp-content/uploads/plugin-doc/livemesh-widgets/testimonials.png" alt="Testimonials Widget"></p>
401
402
<p>The plugin features two widgets for capturing testimonials received for your product or business or
403
services. Most agencies, corporates, small businesses, freelancers and products/apps require
@@ -411,21 +411,21 @@ else {
411
user having the option to specify the number of items per row. This is useful if you need a large
412
number of testimonials to be visible instantly when the user scrolls down to view the testimonials
413
section.</p>
414
- <p><img class="alignnone size-large" src="http://portfoliotheme.org/wp-content/uploads/plugin-doc/livemesh-widgets/testimonials-edit.png" alt="Testimonials Widget Edit Window"></p>
415
416
<p><strong>Testimonials Slider</strong></p>
417
- <p><img class="alignnone size-large" src="http://portfoliotheme.org/wp-content/uploads/plugin-doc/livemesh-widgets/testimonials2.png" alt="Testimonials Slider Widget"></p>
418
<p>The <strong>testimonials slider widget</strong> is useful for display of endorsements/recommendations
419
with large amount of text for each testimonial. The slider displays the testimonials as a slideshow
420
with multiple widget options provided to control/customize this slideshow – options like speed of
421
switching, speed of animation, whether to pause the slideshow on hover, controls needed for manual
422
navigation by the user etc. The slider is completely responsive and touch swipe controls available
423
for easy navigation on smartphones/tablets.</p>
424
- <p><img class="alignnone size-large" src="http://portfoliotheme.org/wp-content/uploads/plugin-doc/livemesh-widgets/testimonials-slider-edit.png" alt="Testimonials Slider Edit Window"></p>
425
426
<hr>
427
<h3 id="posts-carousel">Posts Carousel<a class="back-to-top" href="#panel"> Back to top</a></h3>
428
- <p><img class="alignnone size-large" src="http://portfoliotheme.org/wp-content/uploads/plugin-doc/livemesh-widgets/posts-carousel.jpg" alt="Post Carousel Widget"></p>
429
430
<p>The responsive carousel helps display posts or any custom post types like your portfolio entries with
431
controls available for easy navigation of the items displayed. The widget features a Posts Query
@@ -433,7 +433,7 @@ else {
433
control what gets displayed and in what order with an additional field available to provide query
434
arguments explained in the <a href="https://codex.wordpress.org/Class_Reference/WP_Query">codex
435
page</a>.</p>
436
- <p><img class="alignnone size-large" src="http://portfoliotheme.org/wp-content/uploads/plugin-doc/livemesh-widgets/posts-carousel-edit3.png" alt="Post Carousel Build Query Tool"></p>
437
438
<p>The Posts Query tool has the following options for filtering posts –</p>
439
<ol>
@@ -469,7 +469,7 @@ else {
469
specified in the above fields.
470
</li>
471
</ol>
472
- <p><img class="alignnone size-large" src="http://portfoliotheme.org/wp-content/uploads/plugin-doc/livemesh-widgets/posts-carousel-edit.png" alt="Post Carousel Edit Window"></p>
473
474
<p>The posts carousel has numerous other options to control the display of posts or custom post types.
475
Some of these are –</p>
@@ -492,7 +492,7 @@ else {
492
to display info” will be used for display taxonomy information.
493
</li>
494
</ul>
495
- <p><img class="alignnone size-large" src="http://portfoliotheme.org/wp-content/uploads/plugin-doc/livemesh-widgets/posts-carousel-edit2.png" alt="Post Carousel Widget Settings"></p>
496
497
<p><strong>Carousel Settings</strong> – This section has options that control how the carousel is
498
displayed. Options include autoplay speed, gutter value between post items in various resolutions,
@@ -525,19 +525,19 @@ else {
525
526
<hr>
527
<h3 id="carousel-widget">Carousel<a class="back-to-top" href="#panel"> Back to top</a></h3>
528
- <p><img class="alignnone size-large" src="http://portfoliotheme.org/wp-content/uploads/plugin-doc/livemesh-widgets/generic-carousel.jpg" alt="Generic Carousel Widget"></p>
529
530
<p>Livemesh Carousel is a generic carousel of custom HTML content of your choice. Possibilities are endless – image
531
carousels with textual content describing the images, video carousels, event carousels with link to
532
the events, a carousel of team of volunteers, a collection of books sold on Amazon etc.</p>
533
- <p><img class="alignnone size-large" src="http://portfoliotheme.org/wp-content/uploads/plugin-doc/livemesh-widgets/livemesh-carousel-edit.png" alt="Generic Carousel Widget Edit Window"></p>
534
535
<p>If you need a carousel of custom content HTML of your choice, this widget helps achieve the same. For
536
the HTML content, you will need to provide your own custom CSS under Settings for the carousel.
537
While posts carousel helps you display carousel items derived from posts or custom post types, this
538
widget lets you display any well-formed HTML content as items in a carousel. You may use the
539
WordPress visual editor to construct the required content. </p>
540
- <p><img class="alignnone size-large" src="http://portfoliotheme.org/wp-content/uploads/plugin-doc/livemesh-widgets/livemesh-carousel-edit2.png" alt="Generic Carousel Settings Window"></p>
541
542
<p>The section ‘Carousel Settings’ has options that control how the carousel is displayed. Options
543
include autoplay speed, gutter value between post items in various resolutions, navigation controls
@@ -545,31 +545,31 @@ else {
545
items etc. The carousel settings are explained in the help section above for Posts Carousel.</p>
546
<hr>
547
<h3 id="grid-widget">Livemesh Grid<a class="back-to-top" href="#panel"> Back to top</a></h3>
548
- <p><img class="alignnone size-large" src="http://portfoliotheme.org/wp-content/uploads/plugin-doc/livemesh-widgets/livemesh-grid.jpg" alt="Livemesh Grid Widget"></p>
549
550
<p>Perhaps the most popular and most important of all widgets part of all widgets part of this plugin,
551
Livemesh Grid helps you build a multi-column grid of posts or custom post types. The posts displayed
552
are filterable by taxonomy terms.</p>
553
554
- <p><img class="alignnone size-large" src="http://portfoliotheme.org/wp-content/uploads/plugin-doc/livemesh-widgets/livemesh-grid2.jpg" alt="Livemesh Grid Widget"></p>
555
<p>Using the Grid widget, you can construct a portfolio of your work/services/products. We recommend you
556
use the popular plugin – <a title="Portfolio Post Type Plugin"
557
href="https://wordpress.org/plugins/portfolio-post-type/">https://wordpress.org/plugins/portfolio-post-type/</a>
558
for building a collection of portfolio entries. Once the portfolio entries are in place, make sure
559
you select Portfolio Post type under Post Type entry in Build Tools window as explained below.</p>
560
561
- <p><img class="alignnone size-large" src="http://portfoliotheme.org/wp-content/uploads/plugin-doc/livemesh-widgets/livemesh-grid-pagination.jpg" alt="Livemesh Grid Pagination"></p>
562
- <p>The <a href="http://portfoliotheme.org/products/livemesh-siteorigin-widgets-pro/" title="Livemesh SiteOrigin Widgets Pro" target="_blank">premium version</a> of the plugin has support for pagination, lazy load with load more button and
563
lightbox option for images. The additional posts are loaded via AJAX when the user navigates through
564
the pages populated or when the user hits the Load More button.</p>
565
566
- <p><img class="alignnone size-large" src="http://portfoliotheme.org/wp-content/uploads/plugin-doc/livemesh-widgets/livemesh-grid-loadmore.jpg" alt="Livemesh Grid AJAX Load More"></p>
567
568
<p>The widget features a Posts Query window to help choose posts or custom posts to display. This
569
powerful tool has number of fields to control what gets displayed and in what order with an
570
additional field available to provide query arguments explained in the <a
571
href="https://codex.wordpress.org/Class_Reference/WP_Query">codex page</a>.</p>
572
- <p><img class="alignnone size-large" src="http://portfoliotheme.org/wp-content/uploads/plugin-doc/livemesh-widgets/build-posts-query-tool.jpg" alt="Build Post Query Tool"></p>
573
574
<p>The Posts Query tool has the following options for filtering posts –</p>
575
<ol>
@@ -609,7 +609,7 @@ else {
609
specified in the above fields.
610
</li>
611
</ol>
612
- <p><img class="alignnone size-large" src="http://portfoliotheme.org/wp-content/uploads/plugin-doc/livemesh-widgets/livemesh-grid-edit1.jpg" alt="Livemesh Grid Edit Window"></p>
613
614
<p>The grid widget has numerous other options to control the display of posts or custom post types. Some
615
of these are –</p>
@@ -667,12 +667,12 @@ else {
667
668
<hr>
669
<h3 id="clients-widget">Clients<a class="back-to-top" href="#panel"> Back to top</a></h3>
670
- <p><img class="alignnone size-large" src="http://portfoliotheme.org/wp-content/uploads/plugin-doc/livemesh-widgets/clients-widget.jpg" alt="Clients Widget Edit Window"></p>
671
672
<p>Whether you are freelancer or run a small business, agency or represent a big corporate house, you
673
have a list of clients that you have worked with. This widget lets you create a list of these
674
clients with banner images representing these clients.</p>
675
- <p><img class="alignnone size-large" src="http://portfoliotheme.org/wp-content/uploads/plugin-doc/livemesh-widgets/clients-edit.jpg" alt="Clients Widget Edit Window"></p>
676
677
<p>For each of the client, you provide a client name, a banner image for the client and a URL for their
678
website. The client name is shown on user hovering over the banner image and title text is
@@ -682,12 +682,12 @@ else {
682
683
<hr>
684
<h3 id="pricing-table">Pricing Table<a class="back-to-top" href="#panel"> Back to top</a></h3>
685
- <p><img class="alignnone size-large" src="http://portfoliotheme.org/wp-content/uploads/plugin-doc/livemesh-widgets/pricing-plan.png" alt="Pricing Plan Widget"></p>
686
687
<p>The pricing plans offered by your business can be captured with pricing plan widget. The pricing
688
plans are displayed in a multi-column grid.</p>
689
- <p><img class="alignnone size-large" src="http://portfoliotheme.org/wp-content/uploads/plugin-doc/livemesh-widgets/pricing-plan-edit.jpg" alt="Pricing Plan Edit Window"></p>
690
- <p><img class="alignnone size-large" src="http://portfoliotheme.org/wp-content/uploads/plugin-doc/livemesh-widgets/pricing-plan-edit2.jpg" alt="Pricing Plan Edit Window"></p>
691
692
<p>For each of the pricing plan, provide the following information –</p>
693
<ul>
@@ -721,14 +721,14 @@ else {
721
722
<hr>
723
<h3 id="button-widget">Buttons<a class="back-to-top" href="#panel"> Back to top</a></h3>
724
- <p><img class="alignnone size-large" src="http://portfoliotheme.org/wp-content/uploads/plugin-doc/livemesh-widgets/buttons.png" alt="Buttons Widget"></p>
725
- <p><img class="alignnone size-large" src="http://portfoliotheme.org/wp-content/uploads/plugin-doc/livemesh-widgets/buttons2.png" alt="Buttons Widget"></p>
726
727
<p>The plugin lets you create buttons of multiple colors that you would use in your site. The supported
728
colors are Orange, Blue, Teal, Cyan, Green, Pink, Black, Red, Transparent and Semi Transparent (for
729
dark backgrounds). You can choose a custom color and custom hover color too for the button to create
730
a button of your chosen color.</p>
731
- <p><img class="alignnone size-large" src="http://portfoliotheme.org/wp-content/uploads/plugin-doc/livemesh-widgets/button-edit.jpg" alt="Button Widget Edit Window"></p>
732
733
<p>You may choose to create a button of Default color which is the color derived from the Theme Color
734
set in the plugin options.</p>
@@ -738,19 +738,19 @@ else {
738
image.</p>
739
<p>The widget options are mostly self-explanatory and you can view a live preview of the buttons <a
740
title="Livemesh SiteOrigin Button Widget Demo"
741
- href="http://portfoliotheme.org/siteorigin-widgets/icon-lists-buttons/">here</a>.</p>
742
743
744
<hr>
745
<h3 id="icon-list">Icon List<a class="back-to-top" href="#panel"> Back to top</a></h3>
746
- <p><img class="alignnone size-large" src="http://portfoliotheme.org/wp-content/uploads/plugin-doc/livemesh-widgets/icon-lists.png" alt="Icon Lists Widget"></p>
747
748
<p>The icon list widget is extremely useful for creating a list of icons with optional links to sites or
749
pages that the icons represent. Examples include social media profiles, icon lists representing
750
payment options or download platforms or a quick summary of services.</p>
751
<p>Each of the icons part of a list have a title, optional target URL and the icon itself can be a font
752
icon or an custom image. The title for the icon is displayed as a tooltip on mouse hover.</p>
753
- <p><img class="alignnone size-large" src="http://portfoliotheme.org/wp-content/uploads/plugin-doc/livemesh-widgets/icon-list-edit.jpg" alt="Icon Lists Widget Edit Window"></p>
754
755
<p>Following options are available –</p>
756
<ul>
@@ -769,13 +769,13 @@ else {
769
770
<hr>
771
<h3 id="hero-header">Hero Header<a class="back-to-top" href="#panel"> Back to top</a></h3>
772
- <p><img class="alignnone size-large" src="http://portfoliotheme.org/wp-content/uploads/plugin-doc/livemesh-widgets/hero-header.jpg" alt="Hero Header Widget"></p>
773
774
<p>Hero Headers are popular way to drive across a message, market your products or work, create a call
775
to action for the user etc. Hero headers are often used at the top of a page. With the Hero Image
776
widget, you can display hero header content with option to set HTML5/YouTube video or parallax image
777
background.</p>
778
- <p><img class="alignnone size-large" src="http://portfoliotheme.org/wp-content/uploads/plugin-doc/livemesh-widgets/hero-header-edit.jpg" alt="Hero Header Widget Edit Window"></p>
779
780
<p>The options include –</p>
781
<p>Header Type – The widget provides option of a built-in standard header content and a custom one where
@@ -814,7 +814,7 @@ else {
814
provided above. Will be embedded inline with the page.
815
</li>
816
</ul>
817
- <p><img class="alignnone size-large" src="http://portfoliotheme.org/wp-content/uploads/plugin-doc/livemesh-widgets/hero-header-edit2.jpg" alt="Hero Header Widget Edit Window"></p>
818
<p>Further options for Hero Image include –</p>
819
<ul>
820
<li><strong>URL for Pointer Down</strong> – This option is used for the hero header displayed at the
@@ -842,14 +842,14 @@ else {
842
843
<hr>
844
<h3 id="tabs-accordions">Tabs and Accordions<a class="back-to-top" href="#panel"> Back to top</a></h3>
845
- <p><img class="alignnone size-large" src="http://portfoliotheme.org/wp-content/uploads/plugin-doc/livemesh-widgets/tab-widget.jpg" alt="Tabs Widgets"></p>
846
847
<p>A large of finely designed styles are supported by tabs function of the plugin. Tabs can be of two
848
types – vertical and regular horizontal style tabs. </p>
849
- <p><img class="alignnone size-large" src="http://portfoliotheme.org/wp-content/uploads/plugin-doc/livemesh-widgets/tabs-widget2.jpg" alt="Tabs Widgets"></p>
850
<p>There are a total of 10 tab styles to choose
851
from. There is simply no another plugin or theme that supports so many elegant styles for tabs.</p>
852
- <p><img class="alignnone size-large" src="http://portfoliotheme.org/wp-content/uploads/plugin-doc/livemesh-widgets/tabs-edit.jpg" alt="Tabs Widget Edit Window"></p>
853
854
<p>Tabs required two attributes – a tab title and tab content. For styles that support icons, choice of
855
displaying a font icon or an icon image along with the tab title is supported.</p>
@@ -857,24 +857,24 @@ else {
857
mobile mode. The tabs are designed to work well in all device resolutions without sacrificing
858
usability.</p>
859
<p><strong>Accordions</strong></p>
860
- <p><img class="alignnone size-large" src="http://portfoliotheme.org/wp-content/uploads/plugin-doc/livemesh-widgets/accordions.png" alt="Accordion Widget"></p>
861
862
<p>Accordions support panels that are collapsed by default. The panels can be opened by clicking on
863
panel title bar.</p>
864
- <p><img class="alignnone size-large" src="http://portfoliotheme.org/wp-content/uploads/plugin-doc/livemesh-widgets/accordion-edit.jpg" alt="Accordion Widget Edit Window"></p>
865
866
<p>Each of the panels part of an accordion require the user to input a tab title and tab content.</p>
867
<p>Option to allow multiple panels to be open is provided.</p>
868
869
<hr>
870
<h3 id="image-slider">Image Slider – <span class="pro-feature">Pro!</span><a class="back-to-top" href="#panel"> Back to top</a></h3>
871
- <p><img class="alignnone size-large" src="http://portfoliotheme.org/wp-content/uploads/plugin-doc/livemesh-widgets/image-slider-flex.jpg" alt="Image Slider Widget"></p>
872
873
<p>The image slider lets you create a responsive slider of images with a multiple options to customize
874
the function and presentation of the slider. The slider can be used anywhere on a page and can also
875
function as the main slider of the page displayed at the top of the page. The slider supports
876
multitude of options but for most users, the default options provided should suffice.</p>
877
- <p><img class="alignnone size-large" src="http://portfoliotheme.org/wp-content/uploads/plugin-doc/livemesh-widgets/image-slider-edit.jpg" alt="Image Slider Widget Edit Window"></p>
878
879
<ul>
880
<li><strong>Class</strong> – Set a unique CSS class for the slider. (optional). This lets you
@@ -886,12 +886,12 @@ else {
886
<li><strong>Flex Slider</strong> – Perhaps the most popular of all and actively maintained by the
887
open source community. Provides features like touch navigation, thumbnail navigation and many
888
options to customize the slider.
889
- <p><img class="alignnone size-large" src="http://portfoliotheme.org/wp-content/uploads/plugin-doc/livemesh-widgets/image-slider-flex.jpg" alt="Image Flex Slider Widget"></p>
890
</li>
891
<li><strong>Nivo Slider</strong> – Has been a very popular slider for many years now and loved by
892
many for number of beautiful transition effects that is supports.
893
894
- <p><img class="alignnone size-large" src="http://portfoliotheme.org/wp-content/uploads/plugin-doc/livemesh-widgets/image-slider-nivo.jpg" alt="Nivo Image Slider Widget"></p>
895
</li>
896
<li><strong>Slick Slider</strong> – The most popular open source library for building carousels.
897
Responsive controls like touch swipe controls, desktop mouse dragging makes it a compeling
@@ -900,7 +900,7 @@ else {
900
<li><strong>Responsive Slider</strong> – Simplest and most lightweight of all sliders (just 1 KB in
901
size minified and gzipped). If you need a slider that uses minimal resources, this option should
902
be worth trying out.
903
- <p><img class="alignnone size-large" src="http://portfoliotheme.org/wp-content/uploads/plugin-doc/livemesh-widgets/image-slider-responsive.jpg" alt="Responsive Image Slider Widget"></p>
904
</li>
905
<li><strong>Choose Caption Style</strong> – There are two styles of captions – one center aligned
906
and the other left aligned. While center aligned caption is more suited to situation where the
@@ -931,7 +931,7 @@ else {
931
<li><strong>Button Size</strong> – Can be large, medium or small.</li>
932
<li><strong>Display rounded button</strong> – Make the button display with rounded edges.</li>
933
</ul>
934
- <p><img class="alignnone size-large" src="http://portfoliotheme.org/wp-content/uploads/plugin-doc/livemesh-widgets/image-slider-edit2.jpg" alt="Image Slider Settings"></p>
935
936
<p><strong>Slider Settings</strong> – The widget has a number of options available for customizing the
937
slider experience –</p>
@@ -968,21 +968,21 @@ else {
968
969
<hr>
970
<h3 id="image-video-gallery">Image/Video Gallery – <span class="pro-feature">Pro!</span><a class="back-to-top" href="#panel"> Back to top</a></h3>
971
- <p><img class="alignnone size-large" src="http://portfoliotheme.org/wp-content/uploads/plugin-doc/livemesh-widgets/image-gallery-dark.jpg" alt="Image Gallery Widget"></p>
972
973
<p>This powerful widget lets you create a gallery of images or videos displayed in a multi-column grid.
974
An instance of this widget can capture a portfolio of work like that of a photographer or graphic
975
designer/artist.</p>
976
- <p><img class="alignnone size-large" src="http://portfoliotheme.org/wp-content/uploads/plugin-doc/livemesh-widgets/video-gallery.jpg" alt="Video Gallery Widget"></p>
977
<p>It can be used to create a gallery of videos uploaded to YouTube/Vimeo – useful for video bloggers,
978
video tutorial sites, video marketers, small businesses or websites with a major presence on
979
YouTube/Vimeo. The videos can be played with a single click of the play button on the gallery item
980
as seen in this <a title="Video Gallery"
981
- href="http://portfoliotheme.org/siteorigin-widgets/video-gallery/">demo page</a>.
982
</p>
983
- <p><img class="alignnone size-large" src="http://portfoliotheme.org/wp-content/uploads/plugin-doc/livemesh-widgets/image-gallery-edit1.jpg" alt="Image Gallery Widget Edit Window"></p>
984
<p>The configuration for creating a video gallery is similar to that of image gallery; a video URL would be required along with image that acts as a placeholder.</p>
985
- <p><img class="alignnone size-large" src="http://portfoliotheme.org/wp-content/uploads/plugin-doc/livemesh-widgets/video-gallery-edit.jpg" alt="Video Gallery Widget Edit Window"></p>
986
987
<p>Each of the gallery items capture following information –</p>
988
<ul>
@@ -1004,7 +1004,7 @@ else {
1004
button, the Vimeo/YouTube video opens up in a lightbox window for playing.
1005
</li>
1006
</ul>
1007
- <p><img class="alignnone size-large" src="http://portfoliotheme.org/wp-content/uploads/plugin-doc/livemesh-widgets/image-gallery-edit2.jpg" alt="Image Gallery Widget Edit Window"></p>
1008
1009
<p>The Gallery widget comes with following settings –</p>
1010
<ul>
@@ -1012,13 +1012,13 @@ else {
1012
filterable on the tags specified by the user just like a Portfolio Grid.
1013
</li>
1014
<li><strong>Layout for the grid</strong> – Comes with Masonry and FitRows option.</li>
1015
- <p><img class="alignnone size-large" src="http://portfoliotheme.org/wp-content/uploads/plugin-doc/livemesh-widgets/image-gallery-pagination.jpg" alt="Image Gallery Widget Pagination"></p>
1016
- <p><img class="alignnone size-large" src="http://portfoliotheme.org/wp-content/uploads/plugin-doc/livemesh-widgets/image-gallery-loadmore.jpg" alt="Image Gallery Widget Load More Option"></p>
1017
<li><strong>Pagination</strong> – Choose pagination type or choose None if no pagination is desired.
1018
Make sure you enter the items per page value in the option ‘Number of items to be displayed per
1019
page and on each load more invocation’ field below to control number of items to display per
1020
page.
1021
- <p><img class="alignnone size-large" src="http://portfoliotheme.org/wp-content/uploads/plugin-doc/livemesh-widgets/video-gallery-pagination.jpg" alt="Video Gallery Widget Pagination"></p>
1022
</li>
1023
1024
<li><strong>Columns per row</strong> – Specify the number of images/videos to display per row of the
@@ -1034,21 +1034,21 @@ else {
1034
1035
<hr>
1036
<h3 id="image-video-carousel">Image/Video Carousel – <span class="pro-feature">Pro!</span><a class="back-to-top" href="#panel"> Back to top</a></h3>
1037
- <p><img class="alignnone size-large" src="http://portfoliotheme.org/wp-content/uploads/plugin-doc/livemesh-widgets/image-carousel.jpg" alt="Image Carousel Widget"></p>
1038
1039
<p>You can create a carousel of images/videos (or a combination of both) for showcasing your work or
1040
video content uploaded to Vimeo/YouTube. An instance of this widget can capture a portfolio of work
1041
like that of a photographer or graphic designer/artist.</p>
1042
- <p><img class="alignnone size-large" src="http://portfoliotheme.org/wp-content/uploads/plugin-doc/livemesh-widgets/video-carousel.jpg" alt="Video Carousel Widget"></p>
1043
<p>It can be used to create a carousel of videos uploaded to YouTube/Vimeo – useful for video bloggers,
1044
video tutorial sites, video marketers, small businesses or websites with a major presence on
1045
YouTube/Vimeo. The videos can be played with a single click of the play button on the gallery item
1046
as seen in this <a title="Video Gallery"
1047
- href="http://portfoliotheme.org/siteorigin-widgets/video-gallery/">demo page</a>.
1048
</p>
1049
- <p><img class="alignnone size-large" src="http://portfoliotheme.org/wp-content/uploads/plugin-doc/livemesh-widgets/image-carousel-edit.jpg" alt="Image Carousel Widget Edit Window"></p>
1050
<p>The option for creation of video carousel is similar to that of image carousel - requires input of URL for the Vimeo/YouTube video along with placeholder image. </p>
1051
- <p><img class="alignnone size-large" src="http://portfoliotheme.org/wp-content/uploads/plugin-doc/livemesh-widgets/video-carousel-edit.jpg" alt="Video Carousel Widget Edit Window"></p>
1052
1053
<p>Each of the gallery items in the carousel capture following information –</p>
1054
<ol>
@@ -1070,7 +1070,7 @@ else {
1070
button, the Vimeo/YouTube video opens up in a lightbox window for playing.
1071
</li>
1072
</ol>
1073
- <p><img class="alignnone size-large" src="http://portfoliotheme.org/wp-content/uploads/plugin-doc/livemesh-widgets/image-carousel-edit2.jpg" alt="Image/Video Carousel Settings"></p>
1074
1075
<p>The section ‘Carousel Settings’ has options that control how the carousel is displayed. Options
1076
include autoplay speed, gutter value between post items in various resolutions, navigation controls
@@ -1107,11 +1107,11 @@ else {
1107
1108
<hr>
1109
<h3 id="faq-widget">FAQ- <span class="pro-feature">Pro!</span><a class="back-to-top" href="#panel"> Back to top</a></h3>
1110
- <p><img class="alignnone size-large" src="http://portfoliotheme.org/wp-content/uploads/plugin-doc/livemesh-widgets/faq-widget.png" alt="FAQ Widget"></p>
1111
1112
<p>The FAQ makes the task of creating a FAQ for a site effortless. Just enter FAQ items and choose the
1113
number of items to show per row of content and you are done.</p>
1114
- <p><img class="alignnone size-large" src="http://portfoliotheme.org/wp-content/uploads/plugin-doc/livemesh-widgets/faq-edit.png" alt="FAQ Widget Edit Window"></p>
1115
1116
<p>Each FAQ item requires two input – question and an answer for the question part of the FAQ.</p>
1117
<p>Do note that the Accordion function of the plugin too can be used to create a nicely formed FAQ for a
@@ -1119,7 +1119,7 @@ else {
1119
1120
<hr>
1121
<h3 id="features-widget">Features- <span class="pro-feature">Pro!</span><a class="back-to-top" href="#panel"> Back to top</a></h3>
1122
- <p><img class="alignnone size-large" src="http://portfoliotheme.org/wp-content/uploads/plugin-doc/livemesh-widgets/features-widget.jpg" alt="Features Widget"></p>
1123
1124
<p>Features widget lets you showcase a number of things. Below are some examples although possibilities are many - </p>
1125
@@ -1130,7 +1130,7 @@ else {
1130
<li>Describe any type of physical or digital goods you are trying to sell.</li>
1131
</ul>
1132
1133
- <p><img class="alignnone size-large" src="http://portfoliotheme.org/wp-content/uploads/plugin-doc/livemesh-widgets/features-edit.png" alt="Features Widget Edit Window"></p>
1134
1135
<p>Any feature part of the features widget requires you input an icon image or a screeshot which
1136
represents the feature you are describing. Aside from the icon or screenshot, you will need to
@@ -1139,7 +1139,7 @@ else {
1139
<p>The features widget has an option to apply popular tile-based design to the features list (screenshot
1140
below). The examples of this is seen in the demo site showcasing the features widget.</p>
1141
1142
- <p><img class="alignnone size-large" src="http://portfoliotheme.org/wp-content/uploads/plugin-doc/livemesh-widgets/features-widget2.jpg" alt="Tiled Features Widget"></p>
1143
1144
<hr>
1145
<h3 id="plugin-support">Plugin Support</span><a class="back-to-top" href="#panel"> Back to top</a></h3>
@@ -1274,6 +1274,15 @@ else {
1274
<!-- Updates panel -->
1275
<div id="updates-panel" class="panel-left">
1276
1277
<h4>1.4.8</h4>
1278
1279
<ul>
@@ -1386,7 +1395,7 @@ else {
1386
1387
<div class="panel-aside banner">
1388
<a href="https://gum.co/kGTBN/save10" title="Purchase Now"><img class="dashboard-image"
1389
- src="http://portfoliotheme.org/wp-content/uploads/plugin-doc/livemesh-widgets/dashboard/purchase-banner1.jpg"
1390
alt="Sale Banner"></a>
1391
</div>
1392
28
29
<div class="intro-wrap">
30
31
+ <img class="plugin-image" src="https://www.livemeshthemes.com/wp-content/uploads/plugin-doc/livemesh-widgets/plugin-screenshot.jpg" alt="Livemesh SiteOrigin Widgets">
32
33
<div class="intro">
34
<h3><?php printf(__('Getting started with %1$s v%2$s', 'livemesh-so-widgets'), $plugin['Name'], $plugin['Version']); ?></h3>
131
The portfolio examples of Livemesh Grid widget is built using custom post type registered by
132
this plugin.
133
</li>
134
+ <li>Optionally, if you have <a href="https://www.livemeshthemes.com/products/livemesh-siteorigin-widgets-pro/" title="Livemesh SiteOrigin Widgets Pro" target="_blank">premium version</a> of the plugin installed, you can import the sample data
135
that replicates the demo site for you by importing the
136
file sample-data.xml file located in the plugin directory. The import option is available under
137
<strong> <a href="<?php echo admin_url() . 'import.php'; ?>"
147
<p>Below is a list of recommended plugins to install that will help you get the most out of this plugin.
148
Although many of these plugins are optional, we recommend that you install these popular plugins if
149
you plan to install the demo data and get most out of this plugin. The demo site and the sample data
150
+ provided with the <a href="https://www.livemeshthemes.com/products/livemesh-siteorigin-widgets-pro/" title="Livemesh SiteOrigin Widgets Pro" target="_blank">premium version</a> of the plugin utilizes all of these plugins including the
151
SiteOrigin Page Builder and the Portfolio Post type plugin.</p>
152
<p>These plugins are also listed in the Plugins tab of this help file under Livemesh Widgets →
153
Documentation, and you can install the plugins directly from there.</p>
179
<hr>
180
<h3 id="demo-data">Installing Demo Data<a class="back-to-top" href="#panel"><span
181
class="dashicons dashicons-arrow-up-alt2"></span> Back to top</a></h3>
182
+ <p>If you have <a href="https://www.livemeshthemes.com/products/livemesh-siteorigin-widgets-pro/" title="Livemesh SiteOrigin Widgets Pro" target="_blank">premium version</a> of the plugin installed, you can install the demo data to replicate the
183
plugin demo site to get a head start on building your site. Installing demo data reduces the
184
learning curve associated with trying out the powerful widgets part of this plugin.</p>
185
<p>The sample data imports the pages part of the demo site. Once you are done with playing around the
214
<li>Once the Livemesh SiteOrigin Widgets plugin is activated, you should see a menu item <strong> <a href="<?php echo admin_url() . 'admin.php?page=livemesh_so_widgets'; ?>"
215
target="_blank"><?php echo __('Livemesh Widgets', 'livemesh-so-widgets') ?></a></strong> in WordPress admin with three sections - Settings, Documentation and <strong> <a href="<?php echo admin_url() . 'admin.php?page=livemesh_so_widgets_pro_upgrade'; ?>"
216
target="_blank"><?php echo __('Upgrade to Pro', 'livemesh-so-widgets') ?></a></strong>.
217
+ <p><img class="alignnone size-large" src="https://www.livemeshthemes.com/wp-content/uploads/plugin-doc/livemesh-widgets/plugin-settings.png" alt="SiteOrigin Widgets Settings"></p>
218
219
<p><strong> <a href="<?php echo admin_url() . 'admin.php?page=livemesh_so_widgets'; ?>"
220
target="_blank"><?php echo __('Livemesh Widgets→Settings', 'livemesh-so-widgets') ?></a></strong> - The settings screen for the plugin is self-documenting with minimal
235
<p>To look for widgets defined by
236
the Livemesh SiteOrigin Widgets plugin, search for widgets starting with name Livemesh in the
237
SiteOrigin Widgets Bundle screen.</p>
238
+ <p><img class="alignnone size-large" src="https://www.livemeshthemes.com/wp-content/uploads/plugin-doc/livemesh-widgets/livemesh-widgets2.jpg" alt="SiteOrigin Page Builder Widgets"></p>
239
</li>
240
241
<li>Once a SiteOrigin widget is activated (or auto activated), the widgets are available in
242
<strong><a href="<?php echo admin_url() . 'widgets.php'; ?>"
243
target="_blank"><?php echo __('Appearance→Widgets', 'livemesh-so-widgets') ?></a></strong> screen for drag and drop into widgetized areas defined by the theme
244
activated on your site.
245
+ <p><img class="alignnone size-large" src="https://www.livemeshthemes.com/wp-content/uploads/plugin-doc/livemesh-widgets/livemesh-widgets.jpg" alt="Sidebar Widgets from SiteOrigin"></p>
246
</li>
247
248
<li>The activated widgets also become available for drag and drop in the SiteOrigin Page builder. In
249
the Page edit window, click on the <strong>'Page Builder'</strong> tab to bring up the page builder controls on
250
the page edit screen.
251
+ <p><img class="alignnone size-large" src="https://www.livemeshthemes.com/wp-content/uploads/plugin-doc/livemesh-widgets/page-builder-screen.png" alt="SiteOrigin Page Builder Screen"></p>
252
</li>
253
254
<li>To add a Livemesh widget, just click on the <strong>'Add Widget'</strong> button to bring up the 'Add New Widget'
255
popup screen of the page builder. The plugin widgets are grouped under <strong>'Livemesh SiteOrigin
256
Widgets'</strong> tab on the left. Click on a widget listed on the right closes the popup and adds the
257
widget to the page builder.
258
+ <p><img class="alignnone size-large" src="https://www.livemeshthemes.com/wp-content/uploads/plugin-doc/livemesh-widgets/livemesh-widgets3.jpg" alt="Page Builder Widgets from SiteOrigin"></p>
259
</li>
260
261
<li>Hovering over the widget added to the page builder, you can view the Edit link. Clicking the
268
269
<p>Click on the <strong>'Done'</strong> button once the required data is provided for the widget and you are done
270
with previewing.</p>
271
+ <p><img class="alignnone size-large" src="https://www.livemeshthemes.com/wp-content/uploads/plugin-doc/livemesh-widgets/widget-edit-screen.png" alt="SiteOrigin Widget Edit Window"></p>
272
273
</li>
274
275
<li>After you hit the <strong>Update</strong> or <strong>Publish</strong> button on the page,the widget is then ready for viewing on
276
the frontend page.
277
+ <p><img class="alignnone size-large" src="https://www.livemeshthemes.com/wp-content/uploads/plugin-doc/livemesh-widgets/widget-rendered.png" alt="SiteOrigin Widget Rendered"></p>
278
279
</li>
280
286
287
<hr>
288
<h3 id="heading-widget">Heading Widget<a class="back-to-top" href="#panel"> Back to top</a></h3>
289
+ <p><img class="alignnone size-large" src="https://www.livemeshthemes.com/wp-content/uploads/plugin-doc/livemesh-widgets/heading-widget2.png" alt="Heading Widget Rendered"></p>
290
291
<p>The heading widget is perhaps the most frequently used widget on a page since it displays a heading
292
at the top of a section.</p>
298
allow you to input a subtitle which is usually displayed on top of the main heading title.</p>
299
<p>You can choose to align the heading left, right or center with center being the default
300
alignment.</p>
301
+ <p>The <a href="https://www.livemeshthemes.com/products/livemesh-siteorigin-widgets-pro/" title="Livemesh SiteOrigin Widgets Pro" target="_blank">premium version</a> of the plugin allows selection of a custom font for the heading title. You may
302
choose one of 500+ custom fonts hosted in the Google Fonts library. By default, the heading font
303
used by the theme is used for main heading title.</p>
304
305
+ <p><img class="alignnone size-large" src="https://www.livemeshthemes.com/wp-content/uploads/plugin-doc/livemesh-widgets/heading-widget-edit.png" alt="Heading Widget Edit Window"></p>
306
307
<hr>
308
<h3 id="services-widget">Services Widget<a class="back-to-top" href="#panel"> Back to top</a></h3>
309
+ <p><img class="alignnone size-large" src="https://www.livemeshthemes.com/wp-content/uploads/plugin-doc/livemesh-widgets/services-widget2.png" alt="Services Widget"></p>
310
311
<p>Many agencies, freelancers, corporates, products/apps require capturing the services provided by the
312
agency or the features of a product. The services widget is designed to help users capture these
313
services or features in a multi-column grid.</p>
314
+ <p>The widget supports about 3 different styles (with 2 additional styles in <a href="https://www.livemeshthemes.com/products/livemesh-siteorigin-widgets-pro/" title="Livemesh SiteOrigin Widgets Pro" target="_blank">premium version</a> of the
315
plugin) and each of these styles can be customized further by choosing the type of icon desired to
316
represent the service – a font icon or an custom image icon. While the choice of font icons is huge
317
in number and perhaps sufficient for most common services, the icon images can help present the
319
<p>Each of the service requires you to input a title for the service/feature and a short description of
320
the service offered or the product feature. Additionally, each service allows you to enter a font
321
icon or an icon image file to represent that service.</p>
322
+ <p>The <a href="https://www.livemeshthemes.com/products/livemesh-siteorigin-widgets-pro/" title="Livemesh SiteOrigin Widgets Pro" target="_blank">premium version</a> of the plugin allows you specify a custom font size, font color and and hover
323
color for the font icon along with providing two additional styles of services/features.</p>
324
+ <p><img class="alignnone size-large" src="https://www.livemeshthemes.com/wp-content/uploads/plugin-doc/livemesh-widgets/services-widget-edit.png" alt="Services Widget Edit Window"></p>
325
326
<p>Services widget supports the following options –</p>
327
<ul>
336
337
<hr>
338
<h3 id="team-members">Team Members<a class="back-to-top" href="#panel"> Back to top</a></h3>
339
+ <p><img class="alignnone size-large" src="https://www.livemeshthemes.com/wp-content/uploads/plugin-doc/livemesh-widgets/team-member2.jpg" alt="Team Members Widget"></p>
340
341
<p>This widget provides an easy way to capture the team members of your organization or an agency. The
342
details captured include team member name, position, a short description and the email plus social
343
profile of the individual team members.</p>
344
+ <p>Two different styles are provided with more styles planned in the <a href="https://www.livemeshthemes.com/products/livemesh-siteorigin-widgets-pro/" title="Livemesh SiteOrigin Widgets Pro" target="_blank">premium version</a> of the plugin. Most
345
of the styles display the team members in a multi-column grid. The option to specify the number of
346
columns is provided that helps to control the number of team members displayed per row of the team
347
members.</p>
348
+ <p><img class="alignnone size-large" src="https://www.livemeshthemes.com/wp-content/uploads/plugin-doc/livemesh-widgets/team-members-edit.png" alt="Team Members Widget Edit Window"></p>
349
350
<hr>
351
<h3 id="statistics-widgets">Statistics Widgets<a class="back-to-top" href="#panel"> Back to top</a></h3>
352
+ <p><img class="alignnone size-large" src="https://www.livemeshthemes.com/wp-content/uploads/plugin-doc/livemesh-widgets/statsbars-piecharts.png" alt="Statistics Widgets"></p>
353
354
<p>The plugin features a number of widgets that help display statistical information in the form of
355
+ odometers, piecharts and stats bars. The <a href="https://www.livemeshthemes.com/products/livemesh-siteorigin-widgets-pro/" title="Livemesh SiteOrigin Widgets Pro" target="_blank">premium version</a> of the plugin also includes a countdown
356
widget that displays a countdown timer for planned events such as product launches or website going
357
live.</p>
358
<p>Most of these widgets are designed to animate the display of the statistical information or numbers
359
when the users scroll down to the section containing the widget.</p>
360
<p><strong>Odometers</strong></p>
361
+ <p><img class="alignnone size-large" src="https://www.livemeshthemes.com/wp-content/uploads/plugin-doc/livemesh-widgets/odometers2.png" alt="Odometer Widget"></p>
362
363
<p>This widget displays one or more animated odometer statistics in a multi-column grid. This number
364
statistic requires a start and an end value with a title and icon providing the information about
366
gained.</p>
367
<p>The widget animates from the start value to the end value when the user scrolls down to the section.
368
You can control the number of such odometers displayed per row.</p>
369
+ <p><img class="alignnone size-large" src="https://www.livemeshthemes.com/wp-content/uploads/plugin-doc/livemesh-widgets/odometers-edit.png" alt="Odometer Edit Window"></p>
370
371
<p><strong>Stats Bars</strong></p>
372
+ <p><img class="alignnone size-large" src="https://www.livemeshthemes.com/wp-content/uploads/plugin-doc/livemesh-widgets/statsbars-piecharts.png" alt="Stats Bar Piechart Widgets"></p>
373
374
<p>Stats Bars capture percentage statistics like coverage area, skills gained, survey findings, usage
375
statistics etc. that typically require bar charts to represent them. Each statistical item requires
377
multiple or single color with the help of color choice available with each value input.</p>
378
<p>The widget animates from the zero to the percentage value set for the item when the user scrolls down
379
to the section containing the widget. The bars are placed one below the other horizontally.</p>
380
+ <p><img class="alignnone size-large" src="https://www.livemeshthemes.com/wp-content/uploads/plugin-doc/livemesh-widgets/stats-bars-edit.png" alt="Stats Bar Widget Edit Window"></p>
381
382
<p><strong>Piecharts</strong></p>
383
<p>Piecharts provide an alternative way to display percentage stats. When the users scrolls down and the
384
chart becomes visible, the widget animates from zero to percentage value provided for the statistic.
385
A bar of user chosen color moves along a track to display the percentage information. An option to
386
specify the number of charts displayed per row is provided.</p>
387
+ <p><img class="alignnone size-large" src="https://www.livemeshthemes.com/wp-content/uploads/plugin-doc/livemesh-widgets/piecharts-edit.png" alt="Piechart Widget Edit Window"></p>
388
389
<p><strong>Countdown&nbsp; - <span class="pro-feature">Pro!</span></strong></p>
390
+ <p><img class="alignnone size-large" src="https://www.livemeshthemes.com/wp-content/uploads/plugin-doc/livemesh-widgets/countdown.png" alt="Countdown Widget"></p>
391
392
<p>This widget displays a countdown timer for an end date and time specified by the user. This is like a
393
clock ticking to signal the arrival of an event planned for a future date. The user just provides
394
the end date time, a label for the event and widget displays the time remaining in days, hours,
395
minutes and seconds, with the timer updated every second on the page.</p>
396
+ <p><img class="alignnone size-large" src="https://www.livemeshthemes.com/wp-content/uploads/plugin-doc/livemesh-widgets/countdown-edit.png" alt="Countdown Widget Edit Window"></p>
397
398
<hr>
399
<h3 id="testimonials-widgets">Testimonials Widgets<a class="back-to-top" href="#panel"> Back to top</a></h3>
400
+ <p><img class="alignnone size-large" src="https://www.livemeshthemes.com/wp-content/uploads/plugin-doc/livemesh-widgets/testimonials.png" alt="Testimonials Widget"></p>
401
402
<p>The plugin features two widgets for capturing testimonials received for your product or business or
403
services. Most agencies, corporates, small businesses, freelancers and products/apps require
411
user having the option to specify the number of items per row. This is useful if you need a large
412
number of testimonials to be visible instantly when the user scrolls down to view the testimonials
413
section.</p>
414
+ <p><img class="alignnone size-large" src="https://www.livemeshthemes.com/wp-content/uploads/plugin-doc/livemesh-widgets/testimonials-edit.png" alt="Testimonials Widget Edit Window"></p>
415
416
<p><strong>Testimonials Slider</strong></p>
417
+ <p><img class="alignnone size-large" src="https://www.livemeshthemes.com/wp-content/uploads/plugin-doc/livemesh-widgets/testimonials2.png" alt="Testimonials Slider Widget"></p>
418
<p>The <strong>testimonials slider widget</strong> is useful for display of endorsements/recommendations
419
with large amount of text for each testimonial. The slider displays the testimonials as a slideshow
420
with multiple widget options provided to control/customize this slideshow – options like speed of
421
switching, speed of animation, whether to pause the slideshow on hover, controls needed for manual
422
navigation by the user etc. The slider is completely responsive and touch swipe controls available
423
for easy navigation on smartphones/tablets.</p>
424
+ <p><img class="alignnone size-large" src="https://www.livemeshthemes.com/wp-content/uploads/plugin-doc/livemesh-widgets/testimonials-slider-edit.png" alt="Testimonials Slider Edit Window"></p>
425
426
<hr>
427
<h3 id="posts-carousel">Posts Carousel<a class="back-to-top" href="#panel"> Back to top</a></h3>
428
+ <p><img class="alignnone size-large" src="https://www.livemeshthemes.com/wp-content/uploads/plugin-doc/livemesh-widgets/posts-carousel.jpg" alt="Post Carousel Widget"></p>
429
430
<p>The responsive carousel helps display posts or any custom post types like your portfolio entries with
431
controls available for easy navigation of the items displayed. The widget features a Posts Query
433
control what gets displayed and in what order with an additional field available to provide query
434
arguments explained in the <a href="https://codex.wordpress.org/Class_Reference/WP_Query">codex
435
page</a>.</p>
436
+ <p><img class="alignnone size-large" src="https://www.livemeshthemes.com/wp-content/uploads/plugin-doc/livemesh-widgets/posts-carousel-edit3.png" alt="Post Carousel Build Query Tool"></p>
437
438
<p>The Posts Query tool has the following options for filtering posts –</p>
439
<ol>
469
specified in the above fields.
470
</li>
471
</ol>
472
+ <p><img class="alignnone size-large" src="https://www.livemeshthemes.com/wp-content/uploads/plugin-doc/livemesh-widgets/posts-carousel-edit.png" alt="Post Carousel Edit Window"></p>
473
474
<p>The posts carousel has numerous other options to control the display of posts or custom post types.
475
Some of these are –</p>
492
to display info” will be used for display taxonomy information.
493
</li>
494
</ul>
495
+ <p><img class="alignnone size-large" src="https://www.livemeshthemes.com/wp-content/uploads/plugin-doc/livemesh-widgets/posts-carousel-edit2.png" alt="Post Carousel Widget Settings"></p>
496
497
<p><strong>Carousel Settings</strong> – This section has options that control how the carousel is
498
displayed. Options include autoplay speed, gutter value between post items in various resolutions,
525
526
<hr>
527
<h3 id="carousel-widget">Carousel<a class="back-to-top" href="#panel"> Back to top</a></h3>
528
+ <p><img class="alignnone size-large" src="https://www.livemeshthemes.com/wp-content/uploads/plugin-doc/livemesh-widgets/generic-carousel.jpg" alt="Generic Carousel Widget"></p>
529
530
<p>Livemesh Carousel is a generic carousel of custom HTML content of your choice. Possibilities are endless – image
531
carousels with textual content describing the images, video carousels, event carousels with link to
532
the events, a carousel of team of volunteers, a collection of books sold on Amazon etc.</p>
533
+ <p><img class="alignnone size-large" src="https://www.livemeshthemes.com/wp-content/uploads/plugin-doc/livemesh-widgets/livemesh-carousel-edit.png" alt="Generic Carousel Widget Edit Window"></p>
534
535
<p>If you need a carousel of custom content HTML of your choice, this widget helps achieve the same. For
536
the HTML content, you will need to provide your own custom CSS under Settings for the carousel.
537
While posts carousel helps you display carousel items derived from posts or custom post types, this
538
widget lets you display any well-formed HTML content as items in a carousel. You may use the
539
WordPress visual editor to construct the required content. </p>
540
+ <p><img class="alignnone size-large" src="https://www.livemeshthemes.com/wp-content/uploads/plugin-doc/livemesh-widgets/livemesh-carousel-edit2.png" alt="Generic Carousel Settings Window"></p>
541
542
<p>The section ‘Carousel Settings’ has options that control how the carousel is displayed. Options
543
include autoplay speed, gutter value between post items in various resolutions, navigation controls
545
items etc. The carousel settings are explained in the help section above for Posts Carousel.</p>
546
<hr>
547
<h3 id="grid-widget">Livemesh Grid<a class="back-to-top" href="#panel"> Back to top</a></h3>
548
+ <p><img class="alignnone size-large" src="https://www.livemeshthemes.com/wp-content/uploads/plugin-doc/livemesh-widgets/livemesh-grid.jpg" alt="Livemesh Grid Widget"></p>
549
550
<p>Perhaps the most popular and most important of all widgets part of all widgets part of this plugin,
551
Livemesh Grid helps you build a multi-column grid of posts or custom post types. The posts displayed
552
are filterable by taxonomy terms.</p>
553
554
+ <p><img class="alignnone size-large" src="https://www.livemeshthemes.com/wp-content/uploads/plugin-doc/livemesh-widgets/livemesh-grid2.jpg" alt="Livemesh Grid Widget"></p>
555
<p>Using the Grid widget, you can construct a portfolio of your work/services/products. We recommend you
556
use the popular plugin – <a title="Portfolio Post Type Plugin"
557
href="https://wordpress.org/plugins/portfolio-post-type/">https://wordpress.org/plugins/portfolio-post-type/</a>
558
for building a collection of portfolio entries. Once the portfolio entries are in place, make sure
559
you select Portfolio Post type under Post Type entry in Build Tools window as explained below.</p>
560
561
+ <p><img class="alignnone size-large" src="https://www.livemeshthemes.com/wp-content/uploads/plugin-doc/livemesh-widgets/livemesh-grid-pagination.jpg" alt="Livemesh Grid Pagination"></p>
562
+ <p>The <a href="https://www.livemeshthemes.com/products/livemesh-siteorigin-widgets-pro/" title="Livemesh SiteOrigin Widgets Pro" target="_blank">premium version</a> of the plugin has support for pagination, lazy load with load more button and
563
lightbox option for images. The additional posts are loaded via AJAX when the user navigates through
564
the pages populated or when the user hits the Load More button.</p>
565
566
+ <p><img class="alignnone size-large" src="https://www.livemeshthemes.com/wp-content/uploads/plugin-doc/livemesh-widgets/livemesh-grid-loadmore.jpg" alt="Livemesh Grid AJAX Load More"></p>
567
568
<p>The widget features a Posts Query window to help choose posts or custom posts to display. This
569
powerful tool has number of fields to control what gets displayed and in what order with an
570
additional field available to provide query arguments explained in the <a
571
href="https://codex.wordpress.org/Class_Reference/WP_Query">codex page</a>.</p>
572
+ <p><img class="alignnone size-large" src="https://www.livemeshthemes.com/wp-content/uploads/plugin-doc/livemesh-widgets/build-posts-query-tool.jpg" alt="Build Post Query Tool"></p>
573
574
<p>The Posts Query tool has the following options for filtering posts –</p>
575
<ol>
609
specified in the above fields.
610
</li>
611
</ol>
612
+ <p><img class="alignnone size-large" src="https://www.livemeshthemes.com/wp-content/uploads/plugin-doc/livemesh-widgets/livemesh-grid-edit1.jpg" alt="Livemesh Grid Edit Window"></p>
613
614
<p>The grid widget has numerous other options to control the display of posts or custom post types. Some
615
of these are –</p>
667
668
<hr>
669
<h3 id="clients-widget">Clients<a class="back-to-top" href="#panel"> Back to top</a></h3>
670
+ <p><img class="alignnone size-large" src="https://www.livemeshthemes.com/wp-content/uploads/plugin-doc/livemesh-widgets/clients-widget.jpg" alt="Clients Widget Edit Window"></p>
671
672
<p>Whether you are freelancer or run a small business, agency or represent a big corporate house, you
673
have a list of clients that you have worked with. This widget lets you create a list of these
674
clients with banner images representing these clients.</p>
675
+ <p><img class="alignnone size-large" src="https://www.livemeshthemes.com/wp-content/uploads/plugin-doc/livemesh-widgets/clients-edit.jpg" alt="Clients Widget Edit Window"></p>
676
677
<p>For each of the client, you provide a client name, a banner image for the client and a URL for their
678
website. The client name is shown on user hovering over the banner image and title text is
682
683
<hr>
684
<h3 id="pricing-table">Pricing Table<a class="back-to-top" href="#panel"> Back to top</a></h3>
685
+ <p><img class="alignnone size-large" src="https://www.livemeshthemes.com/wp-content/uploads/plugin-doc/livemesh-widgets/pricing-plan.png" alt="Pricing Plan Widget"></p>
686
687
<p>The pricing plans offered by your business can be captured with pricing plan widget. The pricing
688
plans are displayed in a multi-column grid.</p>
689
+ <p><img class="alignnone size-large" src="https://www.livemeshthemes.com/wp-content/uploads/plugin-doc/livemesh-widgets/pricing-plan-edit.jpg" alt="Pricing Plan Edit Window"></p>
690
+ <p><img class="alignnone size-large" src="https://www.livemeshthemes.com/wp-content/uploads/plugin-doc/livemesh-widgets/pricing-plan-edit2.jpg" alt="Pricing Plan Edit Window"></p>
691
692
<p>For each of the pricing plan, provide the following information –</p>
693
<ul>
721
722
<hr>
723
<h3 id="button-widget">Buttons<a class="back-to-top" href="#panel"> Back to top</a></h3>
724
+ <p><img class="alignnone size-large" src="https://www.livemeshthemes.com/wp-content/uploads/plugin-doc/livemesh-widgets/buttons.png" alt="Buttons Widget"></p>
725
+ <p><img class="alignnone size-large" src="https://www.livemeshthemes.com/wp-content/uploads/plugin-doc/livemesh-widgets/buttons2.png" alt="Buttons Widget"></p>
726
727
<p>The plugin lets you create buttons of multiple colors that you would use in your site. The supported
728
colors are Orange, Blue, Teal, Cyan, Green, Pink, Black, Red, Transparent and Semi Transparent (for
729
dark backgrounds). You can choose a custom color and custom hover color too for the button to create
730
a button of your chosen color.</p>
731
+ <p><img class="alignnone size-large" src="https://www.livemeshthemes.com/wp-content/uploads/plugin-doc/livemesh-widgets/button-edit.jpg" alt="Button Widget Edit Window"></p>
732
733
<p>You may choose to create a button of Default color which is the color derived from the Theme Color
734
set in the plugin options.</p>
738
image.</p>
739
<p>The widget options are mostly self-explanatory and you can view a live preview of the buttons <a
740
title="Livemesh SiteOrigin Button Widget Demo"
741
+ href="https://www.livemeshthemes.com/siteorigin-widgets/icon-lists-buttons/">here</a>.</p>
742
743
744
<hr>
745
<h3 id="icon-list">Icon List<a class="back-to-top" href="#panel"> Back to top</a></h3>
746
+ <p><img class="alignnone size-large" src="https://www.livemeshthemes.com/wp-content/uploads/plugin-doc/livemesh-widgets/icon-lists.png" alt="Icon Lists Widget"></p>
747
748
<p>The icon list widget is extremely useful for creating a list of icons with optional links to sites or
749
pages that the icons represent. Examples include social media profiles, icon lists representing
750
payment options or download platforms or a quick summary of services.</p>
751
<p>Each of the icons part of a list have a title, optional target URL and the icon itself can be a font
752
icon or an custom image. The title for the icon is displayed as a tooltip on mouse hover.</p>
753
+ <p><img class="alignnone size-large" src="https://www.livemeshthemes.com/wp-content/uploads/plugin-doc/livemesh-widgets/icon-list-edit.jpg" alt="Icon Lists Widget Edit Window"></p>
754
755
<p>Following options are available –</p>
756
<ul>
769
770
<hr>
771
<h3 id="hero-header">Hero Header<a class="back-to-top" href="#panel"> Back to top</a></h3>
772
+ <p><img class="alignnone size-large" src="https://www.livemeshthemes.com/wp-content/uploads/plugin-doc/livemesh-widgets/hero-header.jpg" alt="Hero Header Widget"></p>
773
774
<p>Hero Headers are popular way to drive across a message, market your products or work, create a call
775
to action for the user etc. Hero headers are often used at the top of a page. With the Hero Image
776
widget, you can display hero header content with option to set HTML5/YouTube video or parallax image
777
background.</p>
778
+ <p><img class="alignnone size-large" src="https://www.livemeshthemes.com/wp-content/uploads/plugin-doc/livemesh-widgets/hero-header-edit.jpg" alt="Hero Header Widget Edit Window"></p>
779
780
<p>The options include –</p>
781
<p>Header Type – The widget provides option of a built-in standard header content and a custom one where
814
provided above. Will be embedded inline with the page.
815
</li>
816
</ul>
817
+ <p><img class="alignnone size-large" src="https://www.livemeshthemes.com/wp-content/uploads/plugin-doc/livemesh-widgets/hero-header-edit2.jpg" alt="Hero Header Widget Edit Window"></p>
818
<p>Further options for Hero Image include –</p>
819
<ul>
820
<li><strong>URL for Pointer Down</strong> – This option is used for the hero header displayed at the
842
843
<hr>
844
<h3 id="tabs-accordions">Tabs and Accordions<a class="back-to-top" href="#panel"> Back to top</a></h3>
845
+ <p><img class="alignnone size-large" src="https://www.livemeshthemes.com/wp-content/uploads/plugin-doc/livemesh-widgets/tab-widget.jpg" alt="Tabs Widgets"></p>
846
847
<p>A large of finely designed styles are supported by tabs function of the plugin. Tabs can be of two
848
types – vertical and regular horizontal style tabs. </p>
849
+ <p><img class="alignnone size-large" src="https://www.livemeshthemes.com/wp-content/uploads/plugin-doc/livemesh-widgets/tabs-widget2.jpg" alt="Tabs Widgets"></p>
850
<p>There are a total of 10 tab styles to choose
851
from. There is simply no another plugin or theme that supports so many elegant styles for tabs.</p>
852
+ <p><img class="alignnone size-large" src="https://www.livemeshthemes.com/wp-content/uploads/plugin-doc/livemesh-widgets/tabs-edit.jpg" alt="Tabs Widget Edit Window"></p>
853
854
<p>Tabs required two attributes – a tab title and tab content. For styles that support icons, choice of
855
displaying a font icon or an icon image along with the tab title is supported.</p>
857
mobile mode. The tabs are designed to work well in all device resolutions without sacrificing
858
usability.</p>
859
<p><strong>Accordions</strong></p>
860
+ <p><img class="alignnone size-large" src="https://www.livemeshthemes.com/wp-content/uploads/plugin-doc/livemesh-widgets/accordions.png" alt="Accordion Widget"></p>
861
862
<p>Accordions support panels that are collapsed by default. The panels can be opened by clicking on
863
panel title bar.</p>
864
+ <p><img class="alignnone size-large" src="https://www.livemeshthemes.com/wp-content/uploads/plugin-doc/livemesh-widgets/accordion-edit.jpg" alt="Accordion Widget Edit Window"></p>
865
866
<p>Each of the panels part of an accordion require the user to input a tab title and tab content.</p>
867
<p>Option to allow multiple panels to be open is provided.</p>
868
869
<hr>
870
<h3 id="image-slider">Image Slider – <span class="pro-feature">Pro!</span><a class="back-to-top" href="#panel"> Back to top</a></h3>
871
+ <p><img class="alignnone size-large" src="https://www.livemeshthemes.com/wp-content/uploads/plugin-doc/livemesh-widgets/image-slider-flex.jpg" alt="Image Slider Widget"></p>
872
873
<p>The image slider lets you create a responsive slider of images with a multiple options to customize
874
the function and presentation of the slider. The slider can be used anywhere on a page and can also
875
function as the main slider of the page displayed at the top of the page. The slider supports
876
multitude of options but for most users, the default options provided should suffice.</p>
877
+ <p><img class="alignnone size-large" src="https://www.livemeshthemes.com/wp-content/uploads/plugin-doc/livemesh-widgets/image-slider-edit.jpg" alt="Image Slider Widget Edit Window"></p>
878
879
<ul>
880
<li><strong>Class</strong> – Set a unique CSS class for the slider. (optional). This lets you
886
<li><strong>Flex Slider</strong> – Perhaps the most popular of all and actively maintained by the
887
open source community. Provides features like touch navigation, thumbnail navigation and many
888
options to customize the slider.
889
+ <p><img class="alignnone size-large" src="https://www.livemeshthemes.com/wp-content/uploads/plugin-doc/livemesh-widgets/image-slider-flex.jpg" alt="Image Flex Slider Widget"></p>
890
</li>
891
<li><strong>Nivo Slider</strong> – Has been a very popular slider for many years now and loved by
892
many for number of beautiful transition effects that is supports.
893
894
+ <p><img class="alignnone size-large" src="https://www.livemeshthemes.com/wp-content/uploads/plugin-doc/livemesh-widgets/image-slider-nivo.jpg" alt="Nivo Image Slider Widget"></p>
895
</li>
896
<li><strong>Slick Slider</strong> – The most popular open source library for building carousels.
897
Responsive controls like touch swipe controls, desktop mouse dragging makes it a compeling
900
<li><strong>Responsive Slider</strong> – Simplest and most lightweight of all sliders (just 1 KB in
901
size minified and gzipped). If you need a slider that uses minimal resources, this option should
902
be worth trying out.
903
+ <p><img class="alignnone size-large" src="https://www.livemeshthemes.com/wp-content/uploads/plugin-doc/livemesh-widgets/image-slider-responsive.jpg" alt="Responsive Image Slider Widget"></p>
904
</li>
905
<li><strong>Choose Caption Style</strong> – There are two styles of captions – one center aligned
906
and the other left aligned. While center aligned caption is more suited to situation where the
931
<li><strong>Button Size</strong> – Can be large, medium or small.</li>
932
<li><strong>Display rounded button</strong> – Make the button display with rounded edges.</li>
933
</ul>
934
+ <p><img class="alignnone size-large" src="https://www.livemeshthemes.com/wp-content/uploads/plugin-doc/livemesh-widgets/image-slider-edit2.jpg" alt="Image Slider Settings"></p>
935
936
<p><strong>Slider Settings</strong> – The widget has a number of options available for customizing the
937
slider experience –</p>
968
969
<hr>
970
<h3 id="image-video-gallery">Image/Video Gallery – <span class="pro-feature">Pro!</span><a class="back-to-top" href="#panel"> Back to top</a></h3>
971
+ <p><img class="alignnone size-large" src="https://www.livemeshthemes.com/wp-content/uploads/plugin-doc/livemesh-widgets/image-gallery-dark.jpg" alt="Image Gallery Widget"></p>
972
973
<p>This powerful widget lets you create a gallery of images or videos displayed in a multi-column grid.
974
An instance of this widget can capture a portfolio of work like that of a photographer or graphic
975
designer/artist.</p>
976
+ <p><img class="alignnone size-large" src="https://www.livemeshthemes.com/wp-content/uploads/plugin-doc/livemesh-widgets/video-gallery.jpg" alt="Video Gallery Widget"></p>
977
<p>It can be used to create a gallery of videos uploaded to YouTube/Vimeo – useful for video bloggers,
978
video tutorial sites, video marketers, small businesses or websites with a major presence on
979
YouTube/Vimeo. The videos can be played with a single click of the play button on the gallery item
980
as seen in this <a title="Video Gallery"
981
+ href="https://www.livemeshthemes.com/siteorigin-widgets/video-gallery/">demo page</a>.
982
</p>
983
+ <p><img class="alignnone size-large" src="https://www.livemeshthemes.com/wp-content/uploads/plugin-doc/livemesh-widgets/image-gallery-edit1.jpg" alt="Image Gallery Widget Edit Window"></p>
984
<p>The configuration for creating a video gallery is similar to that of image gallery; a video URL would be required along with image that acts as a placeholder.</p>
985
+ <p><img class="alignnone size-large" src="https://www.livemeshthemes.com/wp-content/uploads/plugin-doc/livemesh-widgets/video-gallery-edit.jpg" alt="Video Gallery Widget Edit Window"></p>
986
987
<p>Each of the gallery items capture following information –</p>
988
<ul>
1004
button, the Vimeo/YouTube video opens up in a lightbox window for playing.
1005
</li>
1006
</ul>
1007
+ <p><img class="alignnone size-large" src="https://www.livemeshthemes.com/wp-content/uploads/plugin-doc/livemesh-widgets/image-gallery-edit2.jpg" alt="Image Gallery Widget Edit Window"></p>
1008
1009
<p>The Gallery widget comes with following settings –</p>
1010
<ul>
1012
filterable on the tags specified by the user just like a Portfolio Grid.
1013
</li>
1014
<li><strong>Layout for the grid</strong> – Comes with Masonry and FitRows option.</li>
1015
+ <p><img class="alignnone size-large" src="https://www.livemeshthemes.com/wp-content/uploads/plugin-doc/livemesh-widgets/image-gallery-pagination.jpg" alt="Image Gallery Widget Pagination"></p>
1016
+ <p><img class="alignnone size-large" src="https://www.livemeshthemes.com/wp-content/uploads/plugin-doc/livemesh-widgets/image-gallery-loadmore.jpg" alt="Image Gallery Widget Load More Option"></p>
1017
<li><strong>Pagination</strong> – Choose pagination type or choose None if no pagination is desired.
1018
Make sure you enter the items per page value in the option ‘Number of items to be displayed per
1019
page and on each load more invocation’ field below to control number of items to display per
1020
page.
1021
+ <p><img class="alignnone size-large" src="https://www.livemeshthemes.com/wp-content/uploads/plugin-doc/livemesh-widgets/video-gallery-pagination.jpg" alt="Video Gallery Widget Pagination"></p>
1022
</li>
1023
1024
<li><strong>Columns per row</strong> – Specify the number of images/videos to display per row of the
1034
1035
<hr>
1036
<h3 id="image-video-carousel">Image/Video Carousel – <span class="pro-feature">Pro!</span><a class="back-to-top" href="#panel"> Back to top</a></h3>
1037
+ <p><img class="alignnone size-large" src="https://www.livemeshthemes.com/wp-content/uploads/plugin-doc/livemesh-widgets/image-carousel.jpg" alt="Image Carousel Widget"></p>
1038
1039
<p>You can create a carousel of images/videos (or a combination of both) for showcasing your work or
1040
video content uploaded to Vimeo/YouTube. An instance of this widget can capture a portfolio of work
1041
like that of a photographer or graphic designer/artist.</p>
1042
+ <p><img class="alignnone size-large" src="https://www.livemeshthemes.com/wp-content/uploads/plugin-doc/livemesh-widgets/video-carousel.jpg" alt="Video Carousel Widget"></p>
1043
<p>It can be used to create a carousel of videos uploaded to YouTube/Vimeo – useful for video bloggers,
1044
video tutorial sites, video marketers, small businesses or websites with a major presence on
1045
YouTube/Vimeo. The videos can be played with a single click of the play button on the gallery item
1046
as seen in this <a title="Video Gallery"
1047
+ href="https://www.livemeshthemes.com/siteorigin-widgets/video-gallery/">demo page</a>.
1048
</p>
1049
+ <p><img class="alignnone size-large" src="https://www.livemeshthemes.com/wp-content/uploads/plugin-doc/livemesh-widgets/image-carousel-edit.jpg" alt="Image Carousel Widget Edit Window"></p>
1050
<p>The option for creation of video carousel is similar to that of image carousel - requires input of URL for the Vimeo/YouTube video along with placeholder image. </p>
1051
+ <p><img class="alignnone size-large" src="https://www.livemeshthemes.com/wp-content/uploads/plugin-doc/livemesh-widgets/video-carousel-edit.jpg" alt="Video Carousel Widget Edit Window"></p>
1052
1053
<p>Each of the gallery items in the carousel capture following information –</p>
1054
<ol>
1070
button, the Vimeo/YouTube video opens up in a lightbox window for playing.
1071
</li>
1072
</ol>
1073
+ <p><img class="alignnone size-large" src="https://www.livemeshthemes.com/wp-content/uploads/plugin-doc/livemesh-widgets/image-carousel-edit2.jpg" alt="Image/Video Carousel Settings"></p>
1074
1075
<p>The section ‘Carousel Settings’ has options that control how the carousel is displayed. Options
1076
include autoplay speed, gutter value between post items in various resolutions, navigation controls
1107
1108
<hr>
1109
<h3 id="faq-widget">FAQ- <span class="pro-feature">Pro!</span><a class="back-to-top" href="#panel"> Back to top</a></h3>
1110
+ <p><img class="alignnone size-large" src="https://www.livemeshthemes.com/wp-content/uploads/plugin-doc/livemesh-widgets/faq-widget.png" alt="FAQ Widget"></p>
1111
1112
<p>The FAQ makes the task of creating a FAQ for a site effortless. Just enter FAQ items and choose the
1113
number of items to show per row of content and you are done.</p>
1114
+ <p><img class="alignnone size-large" src="https://www.livemeshthemes.com/wp-content/uploads/plugin-doc/livemesh-widgets/faq-edit.png" alt="FAQ Widget Edit Window"></p>
1115
1116
<p>Each FAQ item requires two input – question and an answer for the question part of the FAQ.</p>
1117
<p>Do note that the Accordion function of the plugin too can be used to create a nicely formed FAQ for a
1119
1120
<hr>
1121
<h3 id="features-widget">Features- <span class="pro-feature">Pro!</span><a class="back-to-top" href="#panel"> Back to top</a></h3>
1122
+ <p><img class="alignnone size-large" src="https://www.livemeshthemes.com/wp-content/uploads/plugin-doc/livemesh-widgets/features-widget.jpg" alt="Features Widget"></p>
1123
1124
<p>Features widget lets you showcase a number of things. Below are some examples although possibilities are many - </p>
1125
1130
<li>Describe any type of physical or digital goods you are trying to sell.</li>
1131
</ul>
1132
1133
+ <p><img class="alignnone size-large" src="https://www.livemeshthemes.com/wp-content/uploads/plugin-doc/livemesh-widgets/features-edit.png" alt="Features Widget Edit Window"></p>
1134
1135
<p>Any feature part of the features widget requires you input an icon image or a screeshot which
1136
represents the feature you are describing. Aside from the icon or screenshot, you will need to
1139
<p>The features widget has an option to apply popular tile-based design to the features list (screenshot
1140
below). The examples of this is seen in the demo site showcasing the features widget.</p>
1141
1142
+ <p><img class="alignnone size-large" src="https://www.livemeshthemes.com/wp-content/uploads/plugin-doc/livemesh-widgets/features-widget2.jpg" alt="Tiled Features Widget"></p>
1143
1144
<hr>
1145
<h3 id="plugin-support">Plugin Support</span><a class="back-to-top" href="#panel"> Back to top</a></h3>
1274
<!-- Updates panel -->
1275
<div id="updates-panel" class="panel-left">
1276
1277
+ <h4>1.4.9</h4>
1278
+
1279
+ <ul>
1280
+ <li>Fixed - The top and bottom padding attributes for rows were not taking effect with 2.5.x version of page builder</li>
1281
+ <li>Updated - The top and bottom padding attributes for rows deprecated. Pls use native padding settings of page builder which now provides more fine grained padding controls.</li>
1282
+ <li>Updated - We have moved; all URLs now point to our new site https://www.livemeshthemes.com</li>
1283
+ <li>Added - Hebrew translation files - thanks Ahrale!</li>
1284
+ </ul>
1285
+
1286
<h4>1.4.8</h4>
1287
1288
<ul>
1395
1396
<div class="panel-aside banner">
1397
<a href="https://gum.co/kGTBN/save10" title="Purchase Now"><img class="dashboard-image"
1398
+ src="https://www.livemeshthemes.com/wp-content/uploads/plugin-doc/livemesh-widgets/dashboard/purchase-banner1.jpg"
1399
alt="Sale Banner"></a>
1400
</div>
1401
admin/views/premium-upgrade.php CHANGED
@@ -20,7 +20,7 @@ $plugin = get_plugin_data(LSOW_PLUGIN_FILE);
20
<div id="plans" class="content-wrapper clear">
21
<div class="plans-wrapper clear">
22
<div class="plan-intro">
23
- <div class="w100 clear"><img src="http://portfoliotheme.org/siteorigin-widgets/wp-content/uploads/sites/14/2016/01/logo-light-1.png" class="mb30">
24
<p>A huge collection of Premium widgets for SiteOrigin Page Builder. Building a beautiful website is as easy as drag and drop.</p></div>
25
</div>
26
<div class="plans">
@@ -58,7 +58,7 @@ $plugin = get_plugin_data(LSOW_PLUGIN_FILE);
58
<li><span class="help dashicons dashicons-editor-help"></span>
59
<div class="text">Page Builder Elements</div>
60
<div class="tooltip hide">
61
- <div><p>Large collection of plugin widgets with their multiple styles are page builder elements that provide ALL the tools you need to come up with a dream website of yours by just drag, drop and configure. &nbsp;<a target="_blank" href="http://portfoliotheme.org/siteorigin-widgets/">Live Demo</a></p></div>
62
</div>
63
</li>
64
<li><span class="help dashicons dashicons-editor-help"></span>
@@ -70,7 +70,7 @@ $plugin = get_plugin_data(LSOW_PLUGIN_FILE);
70
<li><span class="help dashicons dashicons-editor-help"></span>
71
<div class="text">Posts/Portfolio Grid</div>
72
<div class="tooltip hide">
73
- <div><p>The PRO version comes with advanced grid functions like pagination, lazy load via AJAX, lightbox support etc.&nbsp;<a target="_blank" href="http://portfoliotheme.org/siteorigin-widgets/livemesh-grid/">Live Demo</a></p></div>
74
</div>
75
</li>
76
<li><span class="help dashicons dashicons-editor-help"></span>
@@ -82,13 +82,13 @@ $plugin = get_plugin_data(LSOW_PLUGIN_FILE);
82
<li><span class="help dashicons dashicons-editor-help"></span>
83
<div class="text">Grids with AJAX Pagination</div>
84
<div class="tooltip hide">
85
- <div><p>Multiple pages of posts/portfolio/image/video grid loaded inline without page refresh. Showcase your entire work anywhere on the site.&nbsp;<a target="_blank" href="http://portfoliotheme.org/siteorigin-widgets/livemesh-grid/">Live Demo</a></p></div>
86
</div>
87
</li>
88
<li><span class="help dashicons dashicons-editor-help"></span>
89
<div class="text">Advanced Grid with Lazy Load</div>
90
<div class="tooltip hide">
91
- <div><p>The grid elements are loaded on demand with each press of a Load More button that displays a count of remaining posts.&nbsp;<a target="_blank" href="http://portfoliotheme.org/siteorigin-widgets/livemesh-grid/">Live Demo</a></p></div>
92
</div>
93
</li>
94
<li><span class="help dashicons dashicons-editor-help"></span>
@@ -115,38 +115,38 @@ $plugin = get_plugin_data(LSOW_PLUGIN_FILE);
115
<li><span class="help dashicons dashicons-editor-help"></span>
116
<div class="text">Advanced Image Slider</div>
117
<div class="tooltip hide">
118
- <div><p>Responsive slider with choice of Nivo, Flex, Slick and Ultra Lightweight slider types. Comes with multiple caption styles, thumbnail navigation and detailed customization of slider speed and controls.&nbsp;<a target="_blank" href="http://portfoliotheme.org/siteorigin-widgets/livemesh-sliders/">Live Demo</a></p>
119
</div>
120
</div>
121
</li>
122
<li><span class="help dashicons dashicons-editor-help"></span>
123
<div class="text">Image Gallery</div>
124
<div class="tooltip hide">
125
- <div><p>Create a beautiful yet responsive gallery with support for tagging, linking, filtering, labels, lazy load of images with Load More and pagination.&nbsp;<a target="_blank" href="http://portfoliotheme.org/siteorigin-widgets/image-gallery/">Live Demo</a></p></div>
126
</div>
127
</li>
128
<li><span class="help dashicons dashicons-editor-help"></span>
129
<div class="text">YouTube/Vimeo Video Gallery</div>
130
<div class="tooltip hide">
131
- <div><p>Essential tool for video bloggers, video marketers, musicians and other sites with video content. Tags, filters, external linking, labels, pagination and lazy load via AJAX supported.&nbsp;<a target="_blank" href="http://portfoliotheme.org/siteorigin-widgets/video-gallery/">Live Demo</a></p></div>
132
</div>
133
</li>
134
<li><span class="help dashicons dashicons-editor-help"></span>
135
<div class="text">Advanced Image Carousel</div>
136
<div class="tooltip hide">
137
- <div><p>Advanced carousel with touch/swipe/drag/paged/click navigation. Extensive customization for responsiveness, animation/slideshow speed, gutter, looping etc.&nbsp;<a target="_blank" href="http://portfoliotheme.org/siteorigin-widgets/gallery-carousel/">Live Demo</a></p></div>
138
</div>
139
</li>
140
<li><span class="help dashicons dashicons-editor-help"></span>
141
<div class="text">YouTube/Vimeo Video Carousel</div>
142
<div class="tooltip hide">
143
- <div><p>Perfect for showcasing a select collection of videos with filters, tags, external links, labels, touch/swipe/mouse drag/click navigation, paging and lightbox support.&nbsp;<a target="_blank" href="http://portfoliotheme.org/siteorigin-widgets/gallery-carousel/">Live Demo</a></p></div>
144
</div>
145
</li>
146
<li><span class="help dashicons dashicons-editor-help"></span>
147
<div class="text">Features List</div>
148
<div class="tooltip hide">
149
- <div><p>List the product features or services offered in style.&nbsp;<a target="_blank" href="http://portfoliotheme.org/siteorigin-widgets/features/">Live Demo</a></p></div>
150
</div>
151
</li>
152
<li><span class="help dashicons dashicons-editor-help"></span>
@@ -442,13 +442,13 @@ $plugin = get_plugin_data(LSOW_PLUGIN_FILE);
442
443
</div>
444
445
- <img style="max-width:100%;padding-top: 50px;" class="dashboard-image" src="http://portfoliotheme.org/wp-content/uploads/plugin-doc/livemesh-widgets/dashboard/why-premium.jpg" alt="Why Choose Premium">
446
447
<div class="button-wrap">
448
449
<a href="https://gum.co/kGTBN/save10" title="Purchase Now">
450
451
- <img class="button-image" src="http://portfoliotheme.org/wp-content/uploads/plugin-doc/livemesh-widgets/dashboard/purchase-button.png" alt="Purchase Button">
452
453
</a>
454
@@ -462,13 +462,13 @@ $plugin = get_plugin_data(LSOW_PLUGIN_FILE);
462
<div id="upgrade-panel" class="panel-left visible">
463
464
<p>
465
- <img class="dashboard-image" src="http://portfoliotheme.org/wp-content/uploads/plugin-doc/livemesh-widgets/dashboard/image-slider.jpg" alt="Image Slider">
466
- <img class="dashboard-image" src="http://portfoliotheme.org/wp-content/uploads/plugin-doc/livemesh-widgets/dashboard/advanced-grid.jpg" alt="Advanced Grid">
467
- <img class="dashboard-image" src="http://portfoliotheme.org/wp-content/uploads/plugin-doc/livemesh-widgets/dashboard/image-gallery.jpg" alt="Image Gallery">
468
- <img class="dashboard-image" src="http://portfoliotheme.org/wp-content/uploads/plugin-doc/livemesh-widgets/dashboard/video-gallery.jpg" alt="Video Gallery">
469
- <img class="dashboard-image" src="http://portfoliotheme.org/wp-content/uploads/plugin-doc/livemesh-widgets/dashboard/image-video-carousel.jpg" alt="Image Video Carousel">
470
- <img class="dashboard-image" src="http://portfoliotheme.org/wp-content/uploads/plugin-doc/livemesh-widgets/dashboard/more-premium.jpg" alt="More Premium Goodness">
471
- <img class="dashboard-image" src="http://portfoliotheme.org/wp-content/uploads/plugin-doc/livemesh-widgets/dashboard/priority-support.jpg" alt="Priority Support">
472
473
</p>
474
@@ -487,23 +487,23 @@ $plugin = get_plugin_data(LSOW_PLUGIN_FILE);
487
version does even more.</p>
488
489
<ul>
490
- <li><a href="http://portfoliotheme.org/siteorigin-widgets/livemesh-sliders/" title="Image Slider Widget" target="_blank">Image
491
Slider</a> - Create a responsive slider of images with support
492
for captions,
493
multiple slider types like Nivo, Flex, Slick and lightweight sliders, thumbnail
494
navigation etc.
495
</li>
496
- <li><a href="http://portfoliotheme.org/siteorigin-widgets/image-gallery/" title="Image Gallery Widget" target="_blank">Image
497
Gallery</a> - Create a gallery of images with options for masonry
498
or fit rows, pagination, lazy load, lightbox support etc.
499
</li>
500
- <li><a href="http://portfoliotheme.org/siteorigin-widgets/video-gallery/" title="Video Gallery Widget" target="_blank">Video
501
Gallery</a> - Create a beautiful gallery of videos to help
502
showcase a collection of YouTube/Vimeo videos on your site.
503
</li>
504
- <li><a href="http://portfoliotheme.org/siteorigin-widgets/gallery-carousel/" title="Image Carousel" target="_blank">Image
505
Carousel</a> - Build a responsive carousel of images.</li>
506
- <li><a href="http://portfoliotheme.org/siteorigin-widgets/gallery-carousel/" title="Video Carousel" target="_blank">Video
507
Carousel</a> - Build a responsive carousel of YouTube/Vimeo
508
videos.
509
</li>
@@ -511,10 +511,10 @@ $plugin = get_plugin_data(LSOW_PLUGIN_FILE);
511
your site pages
512
such as those that feature events or under construction/coming soon pages.
513
</li>
514
- <li><a href="http://portfoliotheme.org/siteorigin-widgets/services/" title="FAQ Widget" target="_blank">FAQ</a> - Create a set of Frequently Asked Questions for display in a
515
page.
516
</li>
517
- <li><a href="http://portfoliotheme.org/siteorigin-widgets/features/" title="Features Widget" target="_blank">Features Widget</a> - Showcase product features or services provided by your agency/business.
518
</li>
519
</ul>
520
@@ -524,10 +524,10 @@ $plugin = get_plugin_data(LSOW_PLUGIN_FILE);
524
updated with additional features for existing widgets -</p>
525
526
<ul>
527
- <li><a href="http://portfoliotheme.org/siteorigin-widgets/livemesh-grid/" title="Livemesh Grid" target="_blank">Lazy Load</a> - The portfolio/post grid and image gallery widgets
528
incorporate option to lazy load posts/images with the click of a Load More button.
529
</li>
530
- <li><a href="http://portfoliotheme.org/siteorigin-widgets/livemesh-grid/" title="Livemesh Grid" target="_blank">Pagination</a> - Create a grid of posts or custom post types with AJAX
531
based pagination support.
532
</li>
533
<li><strong>Lightbox Support</strong> - The premium version comes with support for
@@ -578,7 +578,7 @@ $plugin = get_plugin_data(LSOW_PLUGIN_FILE);
578
579
<a class="button-wrap" href="https://gum.co/kGTBN/save10" title="Purchase Now">
580
581
- <img class="button-image" style="border:none" src="http://portfoliotheme.org/wp-content/uploads/plugin-doc/livemesh-widgets/dashboard/purchase-button.png" alt="Purchase Button">
582
583
</a>
584
@@ -591,7 +591,7 @@ $plugin = get_plugin_data(LSOW_PLUGIN_FILE);
591
<div class="panel-inner">
592
593
<div class="panel-aside banner">
594
- <a href="https://gum.co/kGTBN/save10" title="Purchase Now"><img class="dashboard-image" src="http://portfoliotheme.org/wp-content/uploads/plugin-doc/livemesh-widgets/dashboard/purchase-banner2.jpg" alt="Sale Banner"></a>
595
</div>
596
597
<!-- Knowledge base -->
@@ -600,7 +600,7 @@ $plugin = get_plugin_data(LSOW_PLUGIN_FILE);
600
<h4>Have questions regarding premium version of the plugin?</h4>
601
<p>If you have pre-sales questions related to the paid version of this plugin, feel free to get in touch with us via contact form on our website.</p>
602
603
- <a class="button button-primary" href="http://portfoliotheme.org/contact-us"
604
title="<?php esc_attr_e('Contact Us', 'livemesh-so-widgets'); ?>"><?php _e('Write to Us', 'livemesh-so-widgets'); ?></a>
605
606
</div><!-- .panel-aside knowledge base -->
20
<div id="plans" class="content-wrapper clear">
21
<div class="plans-wrapper clear">
22
<div class="plan-intro">
23
+ <div class="w100 clear"><img src="https://www.livemeshthemes.com/siteorigin-widgets/wp-content/uploads/sites/14/2016/01/logo-light-1.png" class="mb30">
24
<p>A huge collection of Premium widgets for SiteOrigin Page Builder. Building a beautiful website is as easy as drag and drop.</p></div>
25
</div>
26
<div class="plans">
58
<li><span class="help dashicons dashicons-editor-help"></span>
59
<div class="text">Page Builder Elements</div>
60
<div class="tooltip hide">
61
+ <div><p>Large collection of plugin widgets with their multiple styles are page builder elements that provide ALL the tools you need to come up with a dream website of yours by just drag, drop and configure. &nbsp;<a target="_blank" href="https://www.livemeshthemes.com/siteorigin-widgets/">Live Demo</a></p></div>
62
</div>
63
</li>
64
<li><span class="help dashicons dashicons-editor-help"></span>
70
<li><span class="help dashicons dashicons-editor-help"></span>
71
<div class="text">Posts/Portfolio Grid</div>
72
<div class="tooltip hide">
73
+ <div><p>The PRO version comes with advanced grid functions like pagination, lazy load via AJAX, lightbox support etc.&nbsp;<a target="_blank" href="https://www.livemeshthemes.com/siteorigin-widgets/livemesh-grid/">Live Demo</a></p></div>
74
</div>
75
</li>
76
<li><span class="help dashicons dashicons-editor-help"></span>
82
<li><span class="help dashicons dashicons-editor-help"></span>
83
<div class="text">Grids with AJAX Pagination</div>
84
<div class="tooltip hide">
85
+ <div><p>Multiple pages of posts/portfolio/image/video grid loaded inline without page refresh. Showcase your entire work anywhere on the site.&nbsp;<a target="_blank" href="https://www.livemeshthemes.com/siteorigin-widgets/livemesh-grid/">Live Demo</a></p></div>
86
</div>
87
</li>
88
<li><span class="help dashicons dashicons-editor-help"></span>
89
<div class="text">Advanced Grid with Lazy Load</div>
90
<div class="tooltip hide">
91
+ <div><p>The grid elements are loaded on demand with each press of a Load More button that displays a count of remaining posts.&nbsp;<a target="_blank" href="https://www.livemeshthemes.com/siteorigin-widgets/livemesh-grid/">Live Demo</a></p></div>
92
</div>
93
</li>
94
<li><span class="help dashicons dashicons-editor-help"></span>
115
<li><span class="help dashicons dashicons-editor-help"></span>
116
<div class="text">Advanced Image Slider</div>
117
<div class="tooltip hide">
118
+ <div><p>Responsive slider with choice of Nivo, Flex, Slick and Ultra Lightweight slider types. Comes with multiple caption styles, thumbnail navigation and detailed customization of slider speed and controls.&nbsp;<a target="_blank" href="https://www.livemeshthemes.com/siteorigin-widgets/livemesh-sliders/">Live Demo</a></p>
119
</div>
120
</div>
121
</li>
122
<li><span class="help dashicons dashicons-editor-help"></span>
123
<div class="text">Image Gallery</div>
124
<div class="tooltip hide">
125
+ <div><p>Create a beautiful yet responsive gallery with support for tagging, linking, filtering, labels, lazy load of images with Load More and pagination.&nbsp;<a target="_blank" href="https://www.livemeshthemes.com/siteorigin-widgets/image-gallery/">Live Demo</a></p></div>
126
</div>
127
</li>
128
<li><span class="help dashicons dashicons-editor-help"></span>
129
<div class="text">YouTube/Vimeo Video Gallery</div>
130
<div class="tooltip hide">
131
+ <div><p>Essential tool for video bloggers, video marketers, musicians and other sites with video content. Tags, filters, external linking, labels, pagination and lazy load via AJAX supported.&nbsp;<a target="_blank" href="https://www.livemeshthemes.com/siteorigin-widgets/video-gallery/">Live Demo</a></p></div>
132
</div>
133
</li>
134
<li><span class="help dashicons dashicons-editor-help"></span>
135
<div class="text">Advanced Image Carousel</div>
136
<div class="tooltip hide">
137
+ <div><p>Advanced carousel with touch/swipe/drag/paged/click navigation. Extensive customization for responsiveness, animation/slideshow speed, gutter, looping etc.&nbsp;<a target="_blank" href="https://www.livemeshthemes.com/siteorigin-widgets/gallery-carousel/">Live Demo</a></p></div>
138
</div>
139
</li>
140
<li><span class="help dashicons dashicons-editor-help"></span>
141
<div class="text">YouTube/Vimeo Video Carousel</div>
142
<div class="tooltip hide">
143
+ <div><p>Perfect for showcasing a select collection of videos with filters, tags, external links, labels, touch/swipe/mouse drag/click navigation, paging and lightbox support.&nbsp;<a target="_blank" href="https://www.livemeshthemes.com/siteorigin-widgets/gallery-carousel/">Live Demo</a></p></div>
144
</div>
145
</li>
146
<li><span class="help dashicons dashicons-editor-help"></span>
147
<div class="text">Features List</div>
148
<div class="tooltip hide">
149
+ <div><p>List the product features or services offered in style.&nbsp;<a target="_blank" href="https://www.livemeshthemes.com/siteorigin-widgets/features/">Live Demo</a></p></div>
150
</div>
151
</li>
152
<li><span class="help dashicons dashicons-editor-help"></span>
442
443
</div>
444
445
+ <img style="max-width:100%;padding-top: 50px;" class="dashboard-image" src="https://www.livemeshthemes.com/wp-content/uploads/plugin-doc/livemesh-widgets/dashboard/why-premium.jpg" alt="Why Choose Premium">
446
447
<div class="button-wrap">
448
449
<a href="https://gum.co/kGTBN/save10" title="Purchase Now">
450
451
+ <img class="button-image" src="https://www.livemeshthemes.com/wp-content/uploads/plugin-doc/livemesh-widgets/dashboard/purchase-button.png" alt="Purchase Button">
452
453
</a>
454
462
<div id="upgrade-panel" class="panel-left visible">
463
464
<p>
465
+ <img class="dashboard-image" src="https://www.livemeshthemes.com/wp-content/uploads/plugin-doc/livemesh-widgets/dashboard/image-slider.jpg" alt="Image Slider">
466
+ <img class="dashboard-image" src="https://www.livemeshthemes.com/wp-content/uploads/plugin-doc/livemesh-widgets/dashboard/advanced-grid.jpg" alt="Advanced Grid">
467
+ <img class="dashboard-image" src="https://www.livemeshthemes.com/wp-content/uploads/plugin-doc/livemesh-widgets/dashboard/image-gallery.jpg" alt="Image Gallery">
468
+ <img class="dashboard-image" src="https://www.livemeshthemes.com/wp-content/uploads/plugin-doc/livemesh-widgets/dashboard/video-gallery.jpg" alt="Video Gallery">
469
+ <img class="dashboard-image" src="https://www.livemeshthemes.com/wp-content/uploads/plugin-doc/livemesh-widgets/dashboard/image-video-carousel.jpg" alt="Image Video Carousel">
470
+ <img class="dashboard-image" src="https://www.livemeshthemes.com/wp-content/uploads/plugin-doc/livemesh-widgets/dashboard/more-premium.jpg" alt="More Premium Goodness">
471
+ <img class="dashboard-image" src="https://www.livemeshthemes.com/wp-content/uploads/plugin-doc/livemesh-widgets/dashboard/priority-support.jpg" alt="Priority Support">
472
473
</p>
474
487
version does even more.</p>
488
489
<ul>
490
+ <li><a href="https://www.livemeshthemes.com/siteorigin-widgets/livemesh-sliders/" title="Image Slider Widget" target="_blank">Image
491
Slider</a> - Create a responsive slider of images with support
492
for captions,
493
multiple slider types like Nivo, Flex, Slick and lightweight sliders, thumbnail
494
navigation etc.
495
</li>
496
+ <li><a href="https://www.livemeshthemes.com/siteorigin-widgets/image-gallery/" title="Image Gallery Widget" target="_blank">Image
497
Gallery</a> - Create a gallery of images with options for masonry
498
or fit rows, pagination, lazy load, lightbox support etc.
499
</li>
500
+ <li><a href="https://www.livemeshthemes.com/siteorigin-widgets/video-gallery/" title="Video Gallery Widget" target="_blank">Video
501
Gallery</a> - Create a beautiful gallery of videos to help
502
showcase a collection of YouTube/Vimeo videos on your site.
503
</li>
504
+ <li><a href="https://www.livemeshthemes.com/siteorigin-widgets/gallery-carousel/" title="Image Carousel" target="_blank">Image
505
Carousel</a> - Build a responsive carousel of images.</li>
506
+ <li><a href="https://www.livemeshthemes.com/siteorigin-widgets/gallery-carousel/" title="Video Carousel" target="_blank">Video
507
Carousel</a> - Build a responsive carousel of YouTube/Vimeo
508
videos.
509
</li>
511
your site pages
512
such as those that feature events or under construction/coming soon pages.
513
</li>
514
+ <li><a href="https://www.livemeshthemes.com/siteorigin-widgets/services/" title="FAQ Widget" target="_blank">FAQ</a> - Create a set of Frequently Asked Questions for display in a
515
page.
516
</li>
517
+ <li><a href="https://www.livemeshthemes.com/siteorigin-widgets/features/" title="Features Widget" target="_blank">Features Widget</a> - Showcase product features or services provided by your agency/business.
518
</li>
519
</ul>
520
524
updated with additional features for existing widgets -</p>
525
526
<ul>
527
+ <li><a href="https://www.livemeshthemes.com/siteorigin-widgets/livemesh-grid/" title="Livemesh Grid" target="_blank">Lazy Load</a> - The portfolio/post grid and image gallery widgets
528
incorporate option to lazy load posts/images with the click of a Load More button.
529
</li>
530
+ <li><a href="https://www.livemeshthemes.com/siteorigin-widgets/livemesh-grid/" title="Livemesh Grid" target="_blank">Pagination</a> - Create a grid of posts or custom post types with AJAX
531
based pagination support.
532
</li>
533
<li><strong>Lightbox Support</strong> - The premium version comes with support for
578
579
<a class="button-wrap" href="https://gum.co/kGTBN/save10" title="Purchase Now">
580
581
+ <img class="button-image" style="border:none" src="https://www.livemeshthemes.com/wp-content/uploads/plugin-doc/livemesh-widgets/dashboard/purchase-button.png" alt="Purchase Button">
582
583
</a>
584
591
<div class="panel-inner">
592
593
<div class="panel-aside banner">
594
+ <a href="https://gum.co/kGTBN/save10" title="Purchase Now"><img class="dashboard-image" src="https://www.livemeshthemes.com/wp-content/uploads/plugin-doc/livemesh-widgets/dashboard/purchase-banner2.jpg" alt="Sale Banner"></a>
595
</div>
596
597
<!-- Knowledge base -->
600
<h4>Have questions regarding premium version of the plugin?</h4>
601
<p>If you have pre-sales questions related to the paid version of this plugin, feel free to get in touch with us via contact form on our website.</p>
602
603
+ <a class="button button-primary" href="https://www.livemeshthemes.com/contact-us"
604
title="<?php esc_attr_e('Contact Us', 'livemesh-so-widgets'); ?>"><?php _e('Write to Us', 'livemesh-so-widgets'); ?></a>
605
606
</div><!-- .panel-aside knowledge base -->
admin/views/settings.php CHANGED
@@ -217,23 +217,23 @@ $custom_css = lsow_get_option('lsow_custom_css', '');
217
version does even more.</p>
218
219
<ul>
220
- <li><a href="http://portfoliotheme.org/siteorigin-widgets/livemesh-sliders/" title="Image Slider Widget" target="_blank">Image
221
Slider</a> - Create a responsive slider of images with support
222
for captions,
223
multiple slider types like Nivo, Flex, Slick and lightweight sliders, thumbnail
224
navigation etc.
225
</li>
226
- <li><a href="http://portfoliotheme.org/siteorigin-widgets/image-gallery/" title="Image Gallery Widget" target="_blank">Image
227
Gallery</a> - Create a gallery of images with options for masonry
228
or fit rows, pagination, lazy load, lightbox support etc.
229
</li>
230
- <li><a href="http://portfoliotheme.org/siteorigin-widgets/video-gallery/" title="Video Gallery Widget" target="_blank">Video
231
Gallery</a> - Create a beautiful gallery of videos to help
232
showcase a collection of YouTube/Vimeo videos on your site.
233
</li>
234
- <li><a href="http://portfoliotheme.org/siteorigin-widgets/gallery-carousel/" title="Image Carousel" target="_blank">Image
235
Carousel</a> - Build a responsive carousel of images.</li>
236
- <li><a href="http://portfoliotheme.org/siteorigin-widgets/gallery-carousel/" title="Video Carousel" target="_blank">Video
237
Carousel</a> - Build a responsive carousel of YouTube/Vimeo
238
videos.
239
</li>
@@ -241,10 +241,10 @@ $custom_css = lsow_get_option('lsow_custom_css', '');
241
your site pages
242
such as those that feature events or under construction/coming soon pages.
243
</li>
244
- <li><a href="http://portfoliotheme.org/siteorigin-widgets/services/" title="FAQ Widget" target="_blank">FAQ</a> - Create a set of Frequently Asked Questions for display in a
245
page.
246
</li>
247
- <li><a href="http://portfoliotheme.org/siteorigin-widgets/features/" title="Features Widget" target="_blank">Features Widget</a> for showcasing product features or services provided by an agency/business..
248
</li>
249
</ul>
250
@@ -260,10 +260,10 @@ $custom_css = lsow_get_option('lsow_custom_css', '');
260
updated with additional features for existing widgets -</p>
261
262
<ul>
263
- <li><a href="http://portfoliotheme.org/siteorigin-widgets/livemesh-grid/" title="Livemesh Grid" target="_blank">Lazy Load</a> - The portfolio/post grid and image gallery widgets
264
incorporate option to lazy load posts/images with the click of a Load More button.
265
</li>
266
- <li><a href="http://portfoliotheme.org/siteorigin-widgets/livemesh-grid/" title="Livemesh Grid" target="_blank">Pagination</a> - Create a grid of posts or custom post types with AJAX
267
based pagination support.
268
</li>
269
<li><strong>Lightbox Support</strong> - The premium version comes with support for
217
version does even more.</p>
218
219
<ul>
220
+ <li><a href="https://www.livemeshthemes.com/siteorigin-widgets/livemesh-sliders/" title="Image Slider Widget" target="_blank">Image
221
Slider</a> - Create a responsive slider of images with support
222
for captions,
223
multiple slider types like Nivo, Flex, Slick and lightweight sliders, thumbnail
224
navigation etc.
225
</li>
226
+ <li><a href="https://www.livemeshthemes.com/siteorigin-widgets/image-gallery/" title="Image Gallery Widget" target="_blank">Image
227
Gallery</a> - Create a gallery of images with options for masonry
228
or fit rows, pagination, lazy load, lightbox support etc.
229
</li>
230
+ <li><a href="https://www.livemeshthemes.com/siteorigin-widgets/video-gallery/" title="Video Gallery Widget" target="_blank">Video
231
Gallery</a> - Create a beautiful gallery of videos to help
232
showcase a collection of YouTube/Vimeo videos on your site.
233
</li>
234
+ <li><a href="https://www.livemeshthemes.com/siteorigin-widgets/gallery-carousel/" title="Image Carousel" target="_blank">Image
235
Carousel</a> - Build a responsive carousel of images.</li>
236
+ <li><a href="https://www.livemeshthemes.com/siteorigin-widgets/gallery-carousel/" title="Video Carousel" target="_blank">Video
237
Carousel</a> - Build a responsive carousel of YouTube/Vimeo
238
videos.
239
</li>
241
your site pages
242
such as those that feature events or under construction/coming soon pages.
243
</li>
244
+ <li><a href="https://www.livemeshthemes.com/siteorigin-widgets/services/" title="FAQ Widget" target="_blank">FAQ</a> - Create a set of Frequently Asked Questions for display in a
245
page.
246
</li>
247
+ <li><a href="https://www.livemeshthemes.com/siteorigin-widgets/features/" title="Features Widget" target="_blank">Features Widget</a> for showcasing product features or services provided by an agency/business..
248
</li>
249
</ul>
250
260
updated with additional features for existing widgets -</p>
261
262
<ul>
263
+ <li><a href="https://www.livemeshthemes.com/siteorigin-widgets/livemesh-grid/" title="Livemesh Grid" target="_blank">Lazy Load</a> - The portfolio/post grid and image gallery widgets
264
incorporate option to lazy load posts/images with the click of a Load More button.
265
</li>
266
+ <li><a href="https://www.livemeshthemes.com/siteorigin-widgets/livemesh-grid/" title="Livemesh Grid" target="_blank">Pagination</a> - Create a grid of posts or custom post types with AJAX
267
based pagination support.
268
</li>
269
<li><strong>Lightbox Support</strong> - The premium version comes with support for
includes/class-lsow-setup.php CHANGED
@@ -35,50 +35,50 @@ if (!class_exists('LSOW_Setup')):
35
function row_style_fields($fields) {
36
37
$fields['top_padding'] = array(
38
- 'name' => __('Top Padding', 'livemesh-so-widgets'),
39
'type' => 'measurement',
40
'group' => 'layout',
41
- 'description' => __('Top Padding for the row.', 'livemesh-so-widgets'),
42
'priority' => 21,
43
);
44
45
$fields['bottom_padding'] = array(
46
- 'name' => __('Bottom Padding', 'livemesh-so-widgets'),
47
'type' => 'measurement',
48
'group' => 'layout',
49
- 'description' => __('Bottom Padding for the row.', 'livemesh-so-widgets'),
50
'priority' => 22,
51
);
52
53
$fields['tablet_top_padding'] = array(
54
- 'name' => __('Top Padding in Tablet resolution', 'livemesh-so-widgets'),
55
'type' => 'measurement',
56
'group' => 'layout',
57
- 'description' => __('Top Padding for the row in tablet resolutions.', 'livemesh-so-widgets'),
58
'priority' => 23,
59
);
60
61
$fields['tablet_bottom_padding'] = array(
62
- 'name' => __('Bottom Padding in Tablet resolution', 'livemesh-so-widgets'),
63
'type' => 'measurement',
64
'group' => 'layout',
65
- 'description' => __('Bottom Padding for the row in tablet resolutions.', 'livemesh-so-widgets'),
66
'priority' => 24,
67
);
68
69
$fields['mobile_top_padding'] = array(
70
- 'name' => __('Top Padding in Mobile resolution', 'livemesh-so-widgets'),
71
'type' => 'measurement',
72
'group' => 'layout',
73
- 'description' => __('Top Padding for the row in mobile resolutions.', 'livemesh-so-widgets'),
74
'priority' => 25,
75
);
76
77
$fields['mobile_bottom_padding'] = array(
78
- 'name' => __('Bottom Padding in Mobile resolution', 'livemesh-so-widgets'),
79
'type' => 'measurement',
80
'group' => 'layout',
81
- 'description' => __('Bottom Padding for the row in mobile resolutions.', 'livemesh-so-widgets'),
82
'priority' => 26,
83
);
84
@@ -120,25 +120,25 @@ if (!class_exists('LSOW_Setup')):
120
121
foreach ($panels_data['grids'] as $gi => $grid) {
122
123
- $grid_id = !empty($grid['style']['id']) ? (string)sanitize_html_class($grid['style']['id']) : intval($gi);
124
125
$top_padding = (isset($grid['style']['top_padding']) ? $grid['style']['top_padding'] : null);
126
$bottom_padding = (isset($grid['style']['bottom_padding']) ? $grid['style']['bottom_padding'] : null);;
127
128
// Filter the bottom margin for this row with the arguments
129
if ($top_padding)
130
- $css->add_row_css($post_id, $grid_id, '.lsow-row', array('padding-top' => $top_padding), 1920);
131
if ($bottom_padding)
132
- $css->add_row_css($post_id, $grid_id, '.lsow-row', array('padding-bottom' => $bottom_padding), 1920);
133
134
$top_padding = (isset($grid['style']['tablet_top_padding']) ? $grid['style']['tablet_top_padding'] : null);
135
$bottom_padding = (isset($grid['style']['tablet_bottom_padding']) ? $grid['style']['tablet_bottom_padding'] : null);;
136
137
// Filter the bottom margin for this row with the arguments
138
if ($top_padding)
139
- $css->add_row_css($post_id, $grid_id, '.lsow-row', array('padding-top' => $top_padding), 960);
140
if ($bottom_padding)
141
- $css->add_row_css($post_id, $grid_id, '.lsow-row', array('padding-bottom' => $bottom_padding), 960);
142
143
144
$top_padding = (isset($grid['style']['mobile_top_padding']) ? $grid['style']['mobile_top_padding'] : null);
@@ -146,9 +146,9 @@ if (!class_exists('LSOW_Setup')):
146
147
// Filter the bottom margin for this row with the arguments
148
if ($top_padding)
149
- $css->add_row_css($post_id, $grid_id, '.lsow-row', array('padding-top' => $top_padding), 478);
150
if ($bottom_padding)
151
- $css->add_row_css($post_id, $grid_id, '.lsow-row', array('padding-bottom' => $bottom_padding), 478);
152
153
154
}
35
function row_style_fields($fields) {
36
37
$fields['top_padding'] = array(
38
+ 'name' => __('Top Padding (Deprecated)', 'livemesh-so-widgets'),
39
'type' => 'measurement',
40
'group' => 'layout',
41
+ 'description' => __('Top Padding for the row. Deprecated - use native padding attributes above.', 'livemesh-so-widgets'),
42
'priority' => 21,
43
);
44
45
$fields['bottom_padding'] = array(
46
+ 'name' => __('Bottom Padding (Deprecated)', 'livemesh-so-widgets'),
47
'type' => 'measurement',
48
'group' => 'layout',
49
+ 'description' => __('Bottom Padding for the row. Deprecated - use native padding attributes above.', 'livemesh-so-widgets'),
50
'priority' => 22,
51
);
52
53
$fields['tablet_top_padding'] = array(
54
+ 'name' => __('Top Padding in Tablet resolution (Deprecated)', 'livemesh-so-widgets'),
55
'type' => 'measurement',
56
'group' => 'layout',
57
+ 'description' => __('Top Padding for the row in tablet resolutions. Deprecated - use native padding attributes above.', 'livemesh-so-widgets'),
58
'priority' => 23,
59
);
60
61
$fields['tablet_bottom_padding'] = array(
62
+ 'name' => __('Bottom Padding in Tablet resolution (Deprecated)', 'livemesh-so-widgets'),
63
'type' => 'measurement',
64
'group' => 'layout',
65
+ 'description' => __('Bottom Padding for the row in tablet resolutions. Deprecated - use native padding attributes above.', 'livemesh-so-widgets'),
66
'priority' => 24,
67
);
68
69
$fields['mobile_top_padding'] = array(
70
+ 'name' => __('Top Padding in Mobile resolution (Deprecated)', 'livemesh-so-widgets'),
71
'type' => 'measurement',
72
'group' => 'layout',
73
+ 'description' => __('Top Padding for the row in mobile resolutions. Deprecated - use native padding attributes above.', 'livemesh-so-widgets'),
74
'priority' => 25,
75
);
76
77
$fields['mobile_bottom_padding'] = array(
78
+ 'name' => __('Bottom Padding in Mobile resolution (Deprecated)', 'livemesh-so-widgets'),
79
'type' => 'measurement',
80
'group' => 'layout',
81
+ 'description' => __('Bottom Padding for the row in mobile resolutions. Deprecated - use native padding attributes above.', 'livemesh-so-widgets'),
82
'priority' => 26,
83
);
84
120
121
foreach ($panels_data['grids'] as $gi => $grid) {
122
123
+ $grid_id = intval($gi);
124
125
$top_padding = (isset($grid['style']['top_padding']) ? $grid['style']['top_padding'] : null);
126
$bottom_padding = (isset($grid['style']['bottom_padding']) ? $grid['style']['bottom_padding'] : null);;
127
128
// Filter the bottom margin for this row with the arguments
129
if ($top_padding)
130
+ $css->add_row_css($post_id, $grid_id, ' .lsow-row', array('padding-top' => $top_padding), 1920);
131
if ($bottom_padding)
132
+ $css->add_row_css($post_id, $grid_id, ' .lsow-row', array('padding-bottom' => $bottom_padding), 1920);
133
134
$top_padding = (isset($grid['style']['tablet_top_padding']) ? $grid['style']['tablet_top_padding'] : null);
135
$bottom_padding = (isset($grid['style']['tablet_bottom_padding']) ? $grid['style']['tablet_bottom_padding'] : null);;
136
137
// Filter the bottom margin for this row with the arguments
138
if ($top_padding)
139
+ $css->add_row_css($post_id, $grid_id, ' .lsow-row', array('padding-top' => $top_padding), 960);
140
if ($bottom_padding)
141
+ $css->add_row_css($post_id, $grid_id, ' .lsow-row', array('padding-bottom' => $bottom_padding), 960);
142
143
144
$top_padding = (isset($grid['style']['mobile_top_padding']) ? $grid['style']['mobile_top_padding'] : null);
146
147
// Filter the bottom margin for this row with the arguments
148
if ($top_padding)
149
+ $css->add_row_css($post_id, $grid_id, ' .lsow-row', array('padding-top' => $top_padding), 478);
150
if ($bottom_padding)
151
+ $css->add_row_css($post_id, $grid_id, ' .lsow-row', array('padding-bottom' => $bottom_padding), 478);
152
153
154
}
includes/widgets/lsow-accordion-widget/lsow-accordion-widget.php CHANGED
@@ -4,7 +4,7 @@
4
Widget Name: Livemesh Accordion
5
Description: Displays collapsible content panels to help display information when space is limited.
6
Author: LiveMesh
7
- Author URI: http://portfoliotheme.org
8
*/
9
10
class LSOW_Accordion_Widget extends SiteOrigin_Widget {
4
Widget Name: Livemesh Accordion
5
Description: Displays collapsible content panels to help display information when space is limited.
6
Author: LiveMesh
7
+ Author URI: https://www.livemeshthemes.com
8
*/
9
10
class LSOW_Accordion_Widget extends SiteOrigin_Widget {
includes/widgets/lsow-button-widget/lsow-button-widget.php CHANGED
@@ -4,7 +4,7 @@
4
Widget Name: Livemesh Button
5
Description: Flat style buttons with rich set of customization options.
6
Author: LiveMesh
7
- Author URI: http://portfoliotheme.org
8
*/
9
10
4
Widget Name: Livemesh Button
5
Description: Flat style buttons with rich set of customization options.
6
Author: LiveMesh
7
+ Author URI: https://www.livemeshthemes.com
8
*/
9
10
includes/widgets/lsow-carousel-widget/lsow-carousel-widget.php CHANGED
@@ -4,7 +4,7 @@
4
Widget Name: Livemesh Carousel
5
Description: Display a list of custom HTML content as a carousel.
6
Author: LiveMesh
7
- Author URI: http://portfoliotheme.org
8
*/
9
10
class LSOW_Carousel_Widget extends SiteOrigin_Widget {
4
Widget Name: Livemesh Carousel
5
Description: Display a list of custom HTML content as a carousel.
6
Author: LiveMesh
7
+ Author URI: https://www.livemeshthemes.com
8
*/
9
10
class LSOW_Carousel_Widget extends SiteOrigin_Widget {
includes/widgets/lsow-clients-widget/lsow-clients-widget.php CHANGED
@@ -4,7 +4,7 @@
4
Widget Name: Livemesh Clients
5
Description: Display list of your clients in a multi-column grid.
6
Author: LiveMesh
7
- Author URI: http://portfoliotheme.org
8
*/
9
10
class LSOW_Client_Widget extends SiteOrigin_Widget {
4
Widget Name: Livemesh Clients
5
Description: Display list of your clients in a multi-column grid.
6
Author: LiveMesh
7
+ Author URI: https://www.livemeshthemes.com
8
*/
9
10
class LSOW_Client_Widget extends SiteOrigin_Widget {
includes/widgets/lsow-heading-widget/lsow-heading-widget.php CHANGED
@@ -4,7 +4,7 @@
4
Widget Name: Livemesh Heading
5
Description: Create heading for display on the top of a section.
6
Author: LiveMesh
7
- Author URI: http://portfoliotheme.org
8
*/
9
10
class LSOW_Heading_Widget extends SiteOrigin_Widget {
4
Widget Name: Livemesh Heading
5
Description: Create heading for display on the top of a section.
6
Author: LiveMesh
7
+ Author URI: https://www.livemeshthemes.com
8
*/
9
10
class LSOW_Heading_Widget extends SiteOrigin_Widget {
includes/widgets/lsow-hero-image-widget/lsow-hero-image-widget.php CHANGED
@@ -4,7 +4,7 @@
4
Widget Name: Livemesh Hero Header
5
Description: Display custom header content with option to set HTML5/YouTube video or parallax image background.
6
Author: LiveMesh
7
- Author URI: http://portfoliotheme.org
8
*/
9
10
class LSOW_Hero_Image_Widget extends SiteOrigin_Widget {
4
Widget Name: Livemesh Hero Header
5
Description: Display custom header content with option to set HTML5/YouTube video or parallax image background.
6
Author: LiveMesh
7
+ Author URI: https://www.livemeshthemes.com
8
*/
9
10
class LSOW_Hero_Image_Widget extends SiteOrigin_Widget {
includes/widgets/lsow-icon-list-widget/lsow-icon-list-widget.php CHANGED
@@ -4,7 +4,7 @@
4
Widget Name: Livemesh Icon List
5
Description: Use images or icon fonts to create social icons list, show payment options etc.
6
Author: LiveMesh
7
- Author URI: http://portfoliotheme.org
8
*/
9
10
class LSOW_Icon_List_Widget extends SiteOrigin_Widget {
4
Widget Name: Livemesh Icon List
5
Description: Use images or icon fonts to create social icons list, show payment options etc.
6
Author: LiveMesh
7
+ Author URI: https://www.livemeshthemes.com
8
*/
9
10
class LSOW_Icon_List_Widget extends SiteOrigin_Widget {
includes/widgets/lsow-odometers-widget/lsow-odometers-widget.php CHANGED
@@ -4,7 +4,7 @@
4
Widget Name: Livemesh Odometers
5
Description: Display one or more animated odometer statistics in a multi-column grid.
6
Author: LiveMesh
7
- Author URI: http://portfoliotheme.org
8
*/
9
10
class LSOW_Odometer_Widget extends SiteOrigin_Widget {
4
Widget Name: Livemesh Odometers
5
Description: Display one or more animated odometer statistics in a multi-column grid.
6
Author: LiveMesh
7
+ Author URI: https://www.livemeshthemes.com
8
*/
9
10
class LSOW_Odometer_Widget extends SiteOrigin_Widget {
includes/widgets/lsow-piecharts-widget/lsow-piecharts-widget.php CHANGED
@@ -4,7 +4,7 @@
4
Widget Name: Livemesh Piecharts
5
Description: Display one or more piecharts depicting a percentage value in a multi-column grid.
6
Author: LiveMesh
7
- Author URI: http://portfoliotheme.org
8
*/
9
10
class LSOW_Piechart_Widget extends SiteOrigin_Widget {
4
Widget Name: Livemesh Piecharts
5
Description: Display one or more piecharts depicting a percentage value in a multi-column grid.
6
Author: LiveMesh
7
+ Author URI: https://www.livemeshthemes.com
8
*/
9
10
class LSOW_Piechart_Widget extends SiteOrigin_Widget {
includes/widgets/lsow-portfolio-widget/lsow-portfolio-widget.php CHANGED
@@ -4,7 +4,7 @@
4
Widget Name: Livemesh Grid
5
Description: Display posts or custom post types in a multi-column grid.
6
Author: LiveMesh
7
- Author URI: http://portfoliotheme.org
8
*/
9
10
class LSOW_Portfolio_Widget extends SiteOrigin_Widget {
4
Widget Name: Livemesh Grid
5
Description: Display posts or custom post types in a multi-column grid.
6
Author: LiveMesh
7
+ Author URI: https://www.livemeshthemes.com
8
*/
9
10
class LSOW_Portfolio_Widget extends SiteOrigin_Widget {
includes/widgets/lsow-portfolio-widget/tpl/default.php CHANGED
@@ -46,7 +46,7 @@ if ($loop->have_posts()) : ?>
46
</div>
47
48
<div class="lsow-portfolio js-isotope lsow-<?php echo $settings['layout_mode']; ?>"
49
- data-isotope-options='{ "itemSelector": ".lsow-portfolio-item", "layoutMode": "<?php echo esc_attr($settings['layout_mode']); ?>" }'>
50
51
<?php while ($loop->have_posts()) : $loop->the_post(); ?>
52
46
</div>
47
48
<div class="lsow-portfolio js-isotope lsow-<?php echo $settings['layout_mode']; ?>"
49
+ data-isotope='{ "itemSelector": ".lsow-portfolio-item", "layoutMode": "<?php echo esc_attr($settings['layout_mode']); ?>" }'>
50
51
<?php while ($loop->have_posts()) : $loop->the_post(); ?>
52
includes/widgets/lsow-posts-carousel-widget/lsow-posts-carousel-widget.php CHANGED
@@ -4,7 +4,7 @@
4
Widget Name: Livemesh Posts Carousel
5
Description: Display blog posts or custom post types as a carousel.
6
Author: LiveMesh
7
- Author URI: http://portfoliotheme.org
8
*/
9
10
class LSOW_Posts_Carousel_Widget extends SiteOrigin_Widget {
4
Widget Name: Livemesh Posts Carousel
5
Description: Display blog posts or custom post types as a carousel.
6
Author: LiveMesh
7
+ Author URI: https://www.livemeshthemes.com
8
*/
9
10
class LSOW_Posts_Carousel_Widget extends SiteOrigin_Widget {
includes/widgets/lsow-pricing-table-widget/lsow-pricing-table-widget.php CHANGED
@@ -4,7 +4,7 @@
4
Widget Name: Livemesh Pricing Table
5
Description: Display pricing plans in a multi-column grid.
6
Author: LiveMesh
7
- Author URI: http://portfoliotheme.org
8
*/
9
10
class LSOW_Pricing_Table_Widget extends SiteOrigin_Widget {
4
Widget Name: Livemesh Pricing Table
5
Description: Display pricing plans in a multi-column grid.
6
Author: LiveMesh
7
+ Author URI: https://www.livemeshthemes.com
8
*/
9
10
class LSOW_Pricing_Table_Widget extends SiteOrigin_Widget {
includes/widgets/lsow-services-widget/lsow-services-widget.php CHANGED
@@ -4,7 +4,7 @@
4
Widget Name: Livemesh Services
5
Description: Capture services in a multi-column grid.
6
Author: LiveMesh
7
- Author URI: http://portfoliotheme.org
8
*/
9
10
class LSOW_Services_Widget extends SiteOrigin_Widget {
4
Widget Name: Livemesh Services
5
Description: Capture services in a multi-column grid.
6
Author: LiveMesh
7
+ Author URI: https://www.livemeshthemes.com
8
*/
9
10
class LSOW_Services_Widget extends SiteOrigin_Widget {
includes/widgets/lsow-stats-bar-widget/lsow-stats-bar-widget.php CHANGED
@@ -4,7 +4,7 @@
4
Widget Name: Livemesh Stats Bars
5
Description: Display multiple stats bars that talk about skills or other percentage stats.
6
Author: LiveMesh
7
- Author URI: http://portfoliotheme.org
8
*/
9
10
class LSOW_Stats_Bars_Widget extends SiteOrigin_Widget {
4
Widget Name: Livemesh Stats Bars
5
Description: Display multiple stats bars that talk about skills or other percentage stats.
6
Author: LiveMesh
7
+ Author URI: https://www.livemeshthemes.com
8
*/
9
10
class LSOW_Stats_Bars_Widget extends SiteOrigin_Widget {
includes/widgets/lsow-tabs-widget/lsow-tabs-widget.php CHANGED
@@ -4,7 +4,7 @@
4
Widget Name: Livemesh Tabs
5
Description: Display tabbed content in variety of styles.
6
Author: LiveMesh
7
- Author URI: http://portfoliotheme.org
8
*/
9
10
class LSOW_Tabs_Widget extends SiteOrigin_Widget {
4
Widget Name: Livemesh Tabs
5
Description: Display tabbed content in variety of styles.
6
Author: LiveMesh
7
+ Author URI: https://www.livemeshthemes.com
8
*/
9
10
class LSOW_Tabs_Widget extends SiteOrigin_Widget {
includes/widgets/lsow-team-members-widget/lsow-team-members-widget.php CHANGED
@@ -4,7 +4,7 @@
4
Widget Name: Livemesh Team Members
5
Description: Display a list of your team members optionally in a multi-column grid.
6
Author: LiveMesh
7
- Author URI: http://portfoliotheme.org
8
*/
9
10
class LSOW_Team_Widget extends SiteOrigin_Widget {
4
Widget Name: Livemesh Team Members
5
Description: Display a list of your team members optionally in a multi-column grid.
6
Author: LiveMesh
7
+ Author URI: https://www.livemeshthemes.com
8
*/
9
10
class LSOW_Team_Widget extends SiteOrigin_Widget {
includes/widgets/lsow-testimonials-slider-widget/lsow-testimonials-slider-widget.php CHANGED
@@ -4,7 +4,7 @@
4
Widget Name: Livemesh Testimonials Slider
5
Description: Display responsive touch friendly slider of testimonials from clients/customers.
6
Author: LiveMesh
7
- Author URI: http://portfoliotheme.org
8
*/
9
10
class LSOW_Testimonials_Slider_Widget extends SiteOrigin_Widget {
4
Widget Name: Livemesh Testimonials Slider
5
Description: Display responsive touch friendly slider of testimonials from clients/customers.
6
Author: LiveMesh
7
+ Author URI: https://www.livemeshthemes.com
8
*/
9
10
class LSOW_Testimonials_Slider_Widget extends SiteOrigin_Widget {
includes/widgets/lsow-testimonials-widget/lsow-testimonials-widget.php CHANGED
@@ -4,7 +4,7 @@
4
Widget Name: Livemesh Testimonials
5
Description: Display testimonials from your clients/customers in a multi-column grid.
6
Author: LiveMesh
7
- Author URI: http://portfoliotheme.org
8
*/
9
10
class LSOW_Testimonials_Widget extends SiteOrigin_Widget {
4
Widget Name: Livemesh Testimonials
5
Description: Display testimonials from your clients/customers in a multi-column grid.
6
Author: LiveMesh
7
+ Author URI: https://www.livemeshthemes.com
8
*/
9
10
class LSOW_Testimonials_Widget extends SiteOrigin_Widget {
languages/he_IL.mo ADDED
Binary file
languages/he_IL.po ADDED
@@ -0,0 +1,1956 @@