The SiteOrigin Widgets Bundle gives you all the elements you need to build modern, responsive, and engaging website pages. Using the Widgets Bundle, you can quickly and effortlessly add buttons, sliders, heroes, maps, images, carousels, features, icons, and so much more.
Home Page: https://siteorigin.com/widgets-bundle/
Welcome to the development page for the SiteOrigin widgets bundle. We created this bundle primarily for you to use with your Page Builder pages.
We welcome issue reports and pull requests. If you're familiar with how the widget bundle works, you can even submit entire widgets.
You can get support for the widgets bundle on the SiteOrigin support forums.
Right now, the save_css function doesn't have any fallback when there's a problem with the WP_Filesystem() call (this function can return false).
Ideally, instead of returning false, this should cache the CSS in the database and display it as an inline stylesheet in the header.
Add the ability to comma separate to: addresses. Right now if you try the comma is removed.
Creating a new Service Box widget and saving it without editing any styling option produces these PHP notice warnings on the frontend:
Notice: Undefined index: square_shape_bg_color in wp-content\plugins\addon-so-widgets-bundle\extra-widgets\service-box\service-box.php on line 249
Notice: Undefined index: square_shape_padding in wp-content\plugins\addon-so-widgets-bundle\extra-widgets\service-box\service-box.php on line 250
The code that produces that errors is the following:
function get_less_variables( $instance ) {
return array(
'background_color' => $instance['styling']['bg_color'],
'icon_color' => $instance['styling']['icon_color'],
'title_color' => $instance['styling']['title_color'],
'content_color' => $instance['styling']['content_color'],
'box_padding' => $instance['styling']['box_padding'].'px',
'box_border' => $instance['styling']['box_border'],
'box_border_width' => $instance['styling']['box_border_width'].'px',
'box_border_color' => $instance['styling']['border_color'],
'square_shape_bg_color' => $instance['styling']['square_shape_bg_color'],
'square_shape_padding' => $instance['styling']['square_shape_padding'].'px',
);
}http://alistapart.com/article/creating-intrinsic-ratios-for-video
EDIT: editor’s heaven if you include a selector in the widget editor for the aspect ratio of the video (at least 4:3 and 16:9). You could then target the padding-bottom f.e. by including a class into the sow-video-wrapper.
Again sorry for all the issues. Please just ignore if you are busy.
I need a wysiwyg field as part of one of my custom widgets. I know there isn't a built in field as we leverage Black Studio's widget in Page Builder. So my next move was to try and use it as a subwidget in a field but it goes fatal.
Here is what I tried:
'editor' => array(
'type' => 'widget',
'label' => __( 'Black Studio Widget', 'text-domain' ),
'class' => 'WP_Widget_Black_Studio_TinyMCE',
'hide' => true
)
Thanks again!
We've heard from a few users who need to align an image. Our current suggestion is to just use the SiteOrigin Editor widget, but it would be much better to have this as an option in the Image Widget.
Hey, in the new TinyMCE field type the <iframe> tag gets removed. The Black Studio TinyMCE plugin that is used in the Visual Editor element (part of PB bundle) did not remove it.
Is this intentional? Is there a way I can allow the usage of all HTML elements?
I know that providing shortcodes for embedding media such as Google Maps and videos is better, but I think that some users may want to just copy/paste an embed code.
Is there a way to programatically enable my custom widgets rather than visiting the /wp-admin/plugins.php?page=so-widgets-plugins screen and enabling them there? I'm adding these to a WordPress multisite instance and would prefer to enable them globally.
Hy,
Using the plugin these last days, I have developed some additional widgets on its own plugin. Then test the translations and does not work with widgets. With other plugin files works, but with the extra widgets (e.g. '../path/widgets-extras') not.
This would be a bug? Any suggestion?
Thanks.
It'd be great to be able to select multiple options on the select field.
Btw somewhat related- the docs say not to bother attempting custom fields yet, is this still the case?
After a user submits the contact form, their browser takes them to the top of the page. Ideally it should take them back to where the form is so they can see the success message or any error messages.
How can I add an image for my custom widget? I want to replace the blue "default.png" placeholder image under "Plugins > SiteOrigin Widgets" with my own image.
I tried to copy+paste "/assets/banner.svg" within my custom widget folder, it picks it up, but somehow produces a wrong URL. I was hoping this would be possible within my custom widget class using $widget_options. Any advice is very much appreciated. Couldn't find anything in the docs.
The URL for widget CSS is constructed using wp_upload_dir() which does not support https - https://core.trac.wordpress.org/ticket/25449 - This results in widget css failing to load when SSL is being used.
User has requested we add the option for image title to appear on hover:
https://wordpress.org/support/topic/show-text-title-over-image-in-image-grid-widget#post-7723681
If we roll this out we should also look at adding caption and perhaps option to display or to display on hover.
This from attribute in the email body looks like it was originally intended for standard plain text emails.
https://github.com/siteorigin/so-widgets-bundle/blob/develop/widgets/contact/contact.php#L931
This should have the brackets HTML encoded and the email should ideally be wrapped in <a href="mailto:...">...</a>.
Seems that sometimes the layout and sizing don't work properly. E.g.
http://saborcomunica.com/scomunica_wp/masonry-test/
Add a checkbox to allow users to link the URL field to the Testimonial widget title and image.
I'm trying to customize the template of the Button widget by adding custom styles to the HTML output. The widget has an option that gives user the ability to choose a theme to be applied to the button in the frontend, however, there seems no way to disable it. I tried to workaround the problem by using some creative ideas, but I always end in the same code. The function below can return false to prevent adding stylesheets to the frontend, but in this case the empty function returns true if false or null is passed.
function get_style_name($instance) {
if(empty($instance['design']['theme'])) return 'atom';
return $instance['design']['theme'];
}I tried to use the siteorigin_widgets_instance_sow-button filter to edit the $instance variable but even if I could set the theme to false it's useless. There seems not to be any way to workaround this, except by creating a custom widget that extends or clones somehow the original and customize it to fit my needs. Could a "No option" theme be added in the core? Or at least it would be great if the code below could be edited to skip the first if statement if the value is not an array. Even better, if there is no theme value set it should just return false. This gives developers the ability to just unset the theme option and prevent the CSS to be enqueued.
One more thing: as a user I can add an ID to the button, but not a class. The widget class is unfortunately applied to a wrapper div. A new text field for the button CSS class would be cool.
Form not resizing when opening items in the 'Fields' repeater. Opening or closing any other section triggers resize correctly.
Add the ability to specify orientation for the features.
For example
If feeling crazy adventurous, maybe even have 4 layout options.
Let's add alt tags to the images added to the Price Table widget to help with SEO.
Hi
I have made a bundle of custom widgets that i want to make customizable using filter and action hooks.
Im adding filters to the arrays where i define the fields. This way i can add custom fields for each theme that uses the plugin.
I also add action hooks to the frontend so i can insert the data from theme specific fields.
I have gotten the hooks to work but as soon as i add another instance of the widget i get a php error.
Im guessing that the issue is related to instancing of the widget but im not sure how to fix it. Im not sure weather this is a so-widget specific problem but i thought maby someone in here had run into the problem.
Link to widget (only the accordion widget has hooks at this point):
https://github.com/Jursdotme/secondthought-pagebuilder-bundle/tree/master/secondthought-widgets/secondthought-accordion-widget
Allow users to specify a height for the Hero widget. Would need to be adaptive somehow for mobile. Will especially help users using multiple frames with varying image heights.
Using reply-to instead of from would be a more correct choice. Some email servers will reject the email depending on the from email used.
https://github.com/siteorigin/so-widgets-bundle/blob/develop/widgets/contact/contact.php#L942
Currently using the font field type is fairly complicated. See what can be done to simplify as much as possible.
Would be very epic to migrate something like I did in the new SiteOrigin settings framework.
I am trying to add a custom widget and want to add a layout module in a repeater field. I am getting this error when trying to use the example code (or any variation of it) from the docs:
Fatal error: Class 'SiteOrigin_Widget_Button_Widget' not found in /Users/Rasmus/Desktop/toro/wp-content/plugins/so-widgets-bundle/base/siteorigin-widget.class.php on line 923
It fails even if this is the only field in the widget or if i change the button widget to any other widget.
Ability to add date queries. Start date, end date etc.
The full suggestion is here: https://wordpress.org/support/topic/feature-suggestion-for-the-image-widget
Basically we need to check if there's a way to set the post ID in the media attachment field.
This header should be sanitized to remove newlines and properly sanitize the email address.
https://github.com/siteorigin/so-widgets-bundle/blob/develop/widgets/contact/contact.php#L942
You may want to consider left aligning the labels with the fields. It reduces the vertical length of the dialogs and looks a little cleaner-
Optionally allow selection of multiple items in the media field.
If you add, for example, a slider frame in the customizer, and then click "Apply", the expand/collapse behavior of the frames stop working.
Very much an edge case. During development I had a section without any sub fields. Just having this widget enabled broke the widgets interface. My guess is that the section is generating some malformed HTML when there are no sub fields.
It's obviously not going to come up often, but ideally we should gracefully handle this.
This is the full form PHP I'm using.
array(
'title' => array(
'type' => 'text',
'label' => __('Title', 'siteorigin-widgets'),
'default' => __('Contact Us', 'siteorigin-widgets'),
),
'display_title' => array(
'type' => 'checkbox',
'label' => __('Display title', 'siteorigin-widgets'),
),
'design' => array(
'type' => 'section',
'label' => __('Design', 'siteorigin-widgets'),
'fields' => array(
'labels' => array(
'type' => 'section',
'label' => __('Labels', 'siteorigin-widgets'),
'fields' => array(
)
),
'inputs' => array(
'type' => 'section',
'label' => __('Input Fields', 'siteorigin-widgets'),
'fields' => array(
)
),
'errors' => array(
'type' => 'section',
'label' => __('Error messages', 'siteorigin-widgets'),
'fields' => array(
)
),
)
)
)This is the result
Hey, it would be great to add Tripadvisor within the "Social Media" widget, and letting the user simply provide a link to his/her business or Tripadvisor. Very useful for anybody working in the touristic sector.
There are a few customization options (e.g. dark or light theme) we could allow as a nice premium feature.
When editing code in the visual editor it seems to remove newlines. For example
<script language="JavaScript">
<!--
function JumpToIt(frm) {
var newPage = frm.url.options[frm.url.selectedIndex].value
if (newPage != "None") {
location.href=newPage
}
}
//-->
</script>
is output as
<script language="JavaScript"><!--function JumpToIt(frm) { var newPage = frm.url.options[frm.url.selectedIndex].value if (newPage != "None") { location.href=newPage }}//--></script>
It seems like it's possible for a form submission to send multiple emails. We should have some sort of duplicate checking for this.
Ideally, to keep in the spirit of widgets, we should try do this without storing too much data. One possibility is to use transients to store the nonce keys and assure that they aren't used more than once.
This was reported here: https://siteorigin.com/thread/contact-form-sends-multi-emails/
Please consider
a {
cursor: pointer;
}Congrats on the 1.3 rollout! I noticed a bug with the new Editor field-
The content should disappear from the widget you just dragged.
For SEO and usability purposes, images added in the Price Table widget should at least have a title attribute. This attribute could just be the title for the column.
This issue was first reported on our forums https://siteorigin.com/thread/so-price-list/
User requested we support LatLng inputs here
We need to detect or let the user specify when they want to use LatLng as input for the map center or map markers and then use reverse geocoding
The HTML content of the contact form looks like it was originally meant to be plain text. So certain things were overlooked like escaping user inputted content.
https://github.com/siteorigin/so-widgets-bundle/blob/develop/widgets/contact/contact.php#L931-L938
This should be escaped.
When you put a slider input inside a repeater, it does not work properly. You either get the issue where all slider values are set to 0 and 1 additional repeater element is inserted after saving or the repeater item cannot get any new items - they disappear once the page is saved.
Also tested on a fresh WordPress site using your so-dev-examples (where I just move a slider inside a repeater) and the latest versions of Page Builder and Widgets Bundle.
Hopefully this is enough information to find what is causing the issue.
The URL field in the testimonial widget isn't being used.
https://github.com/siteorigin/so-widgets-bundle/blob/develop/widgets/testimonial/tpl/default.php
At the moment, the classes and associated PHP files for each active widget is loaded on every page request. We've heard from a few users that this is causing quite a bit of overhead, especially when there are a lot of custom active widgets.
It would be ideal to use some sort of auto loading.
There are a few challenges to this though. A big one is how to property register widgets with siteorigin_widget_register.
This was suggested on our forums: https://siteorigin.com/thread/performance-widgets-are-loaded-on-every-page/
Images added to the SO Image Widget don't get detected by Responsive Lightbox plugin. There is also no rel field so it isn't possible to manually activate an image in the SO Image widget.
If you select an icon from an icon field in the customizer, your newly selected icon will not trigger an update.
Hi, I had initially set map as draggable and scrollable but later i changed checked it off and had error. I fixed it by adding !empty in related variables. Might be somtehing you might take look at. Thanks
No rush on this. I know you guys are busy working on the new docs. If you have time let me know. I have successfully registered the tab for my custom widgets bundle as follows:
function so_custom_widgets_tab($tabs){
$tabs['custom_widgets'] = array(
'title' => __('Custom Widgets', 'siteorigin-panels'),
'filter' => array(
'groups' => array('so-custom-widgets')
)
);
return $tabs;
}
add_filter( 'siteorigin_panels_widget_dialog_tabs', 'so_custom_widgets_tab');
However, I have not been able to figure out how to get each of the sub widgets in my plugin to reside in this new tab. I am using the dev examples as the starting point where it runs through my widgets folder, but it doesn't seem you guys implemented that in the examples.
If you can guide me I would appreciate it!
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
Django
The Web framework for perfectionists with deadlines.
Laravel
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
Microsoft
Open source projects and samples from Microsoft.
Google
Google ❤️ Open Source for everyone.
Alibaba
Alibaba Open Source for everyone
D3
Data-Driven Documents codes.
Tencent
China tencent open source team.