-
Posts
-
UPDATE
Change Log – v10
- Minor update to the product tags element
- Added product categories element
- Updated the product title element to optionally display categories as subheading option
- Updated the page title element to optionally display categories as subheading option
- Updated the product price heading element to optionally display categories as subheading option
- Added a category list element which will display a list of the post or portfolio categories.
- Added a tag list element which will display a list of the post or portfolio tags.
- Updated the ACF Repeater element to include additional, optional fields such as a title or field group wrapper.
UPDATE
This small update finally adds a major WooCommerce element that was missing…Product Gallery. With this element, you’ll be able to use the built-in gallery feature of WooCommerce. This means that when you are creating your custom product page layout, you can position the gallery wherever you want. It includes two setup options. First, you can choose the number of columns per row. Note…it is set to pull the shop catalog sized graphics for the thumbnails to ensure the images look crisp. That is assuming that you haven’t altered the default WooCommerce settings that set the image dimension to 450×450. But…just in case you changed the default setting to a non-square size or want to use a different square size source, you can override it by entering the slug in the override field. Next, you can change the border color of the thumbnail to anything from the default grey it is set to.
Hey everyone! Thanks for all the support on this. I wanna give some back by giving your sites/work some love. Please share links to the sites where you’re using the elements. I’d love to see what creative things people are doing with them. Feel free to tell whatever story you want to go with it. I’ll share them out on Twitter/Facebook/Google+.
As always, I’m still taking element requests.
Hey devs… I was browsing around some of the elements included with Enfold since they were reorganized and I’m noticing a new line. What does this do? What does setting it to false do?
$this->config['self_closing'] = 'yes';Next Update
I will be cleaning up some description text in existing elements….oh….and ya know how with a few little edits with some CSS and adding a little extra stuff to the end of a link you can get a modal popup? Wellllllll… It has been a constant request here in the forums for an easy way to do so for years and it never seems to make the cut. In the forums here you find some basic CSS that allows you to edit the modal popup size either on the whole site or just on specific pages, as well as what you have to add to the end of a link. Since there is no element to do this…I kinda sorta went ahead and made one. It’s really just an edit of the stock button element with a little edited out and a little added to it. I removed the option that allows you to open the link in a new window/tab since that isn’t needed in this scenario. I added an option to choose the modal size…small, medium, large…so you have some options. In regards to that last part…because of the way modal windows are created, whichever option you pick will apply to all modals on the page. As far as I can tell, there is no way to have it apply to that specific popup. But…odds are you aren’t going to have more than one on a page at a time.
Now….if the devs know of a hook or simple way for me to make the modal size specific to the link and not the page, please let me know and I’ll add it.
Stay tuned for more….now back to your regularly scheduled program.
Reminder folks… This is a collection of elements that are meant to work in conjunction with specific plugins installed on your WordPress setup, just like Enfold does. Many of the elements will show up and work out the box without any other plugins installed. If you wanna catch them all, you’ll need some 3rd party plugins installed in WordPress. Currently, those plugins are WooCommerce and Advanced Custom Fields. That should have been obvious by the nature of the theme here…and the product description on my site….but apparently it wasn’t spelled out well enough.
This will be the case going forward. I will add more and more elements and some may only work if certain plugins are installed on WordPress. That’s been the point of this whole adventure. We all have countless ways in which we are using this theme for just as many purposes. My hope is that these elements help to make it easier to create even better layouts and templates without the need to remember code snippets or shortcodes. Not only for the non-devs who like the drag and drop nature of the layout builder….but for us devs as well. Time is money to those of us who build sites for a living. If these elements can help you to make better sites for your clients quicker…that’s awesome. Means you can get on to the next client that much quicker.
Hope everyone likes it and will consider purchasing the elements each time you need to use it on a different site. As a reminder, I am donating all of the proceeds to help a cancer patient. If you like the elements, please don’t forget to share how you are using these elements and where. I’ll share them out on social media.
Hi,
The parameter self_closing was introduced in 4.2.1 and is required for nested shortcodes. If a shortcode is not considered as nested the parameter is set to “yes” and then the “content” variable is set to null by the framework (see enfold\config-templatebuilder\avia-template-builder\php\shortcode-template.class.php line 606+ for more details). Thank you for your hard work!
Best regards,
DudeHi,
As far as I can tell, there is no way to have it apply to that specific popup. But…odds are you aren’t going to have more than one on a page at a time.
Did you try to use the custom css class setting ( https://kriesi.at/documentation/enfold/intro-to-advanced-layout-builder/#turn-on-custom-css-class-field-for-all-alb-elements ) to apply specific css code to th modal popup. I.e. you could apply the css class of the button to the modal popup div, etc.
Best regards,
DudeI’ll give that a try and see if it causes any issues when I get the chance.
COMING SOON
The testimonial element that comes with Enfold is great for sites that just need to load a few on certain pages, but not for service industry type sites where you’d be updating testimonials on a regular basis. For such sites you’d have to spend a LOT of time updating them on each page you want them displayed. With that in mind, I am working on a new option for testimonials that works with the ACF Pro plugin using the options page setup with repeater fields. I already have included a simple ACF repeater element for displaying a simple repeater with one subfield. This new testimonial option will expand on that so you can randomly display a nice, responsive testimonial wherever you want from a whole list. A specific setup will be required using ACF Pro….but it works!!!! Once I get the styling done so that it has that Enfold look I will post the update. Soon you will have the ability to display testimonials while only having to make a single update which will apply to every page or post it is displayed on. Stay tuned.Ok, need a lil Enfold dev help here…
A while back Ismael mentioned using the ‘avf_preview_window_css_files’ filter to load a specific CSS file into the preview pane. I have tried…and tried…and tried to figure that out but nothing I try is working to do so. Can someone help me out with that? That will allow me to show several of the items in the preview pane and have them display correctly. I’m working on the new ACF Testimonials element and it will only load the stock styles and not the needed CSS.
On a related note…here is a preview of the new testimonial element. Reminder, it is used in combination with the ACF Pro plugin using a repeater element. In doing so you’ll be able to save testimonials to your site and only have to enter them once to be used on any/every page. The stock testimonial element has to be updated with new ones on each page. You’ll get four different layout options. This new element currently will only load a single random testimonial from the entire list. In the future, I’ll add an option to load more and a slider option…but this is a start.
UPDATE
A new version is up and ready to download! As previously mentioned, I have created a way for you to use ACF Pro to have an alternative way to display testimonials on sites. With this setup, you’ll be able to have a single location to enter testimonials for sites using the ACF Pro feature to create an options page in the back end and the element for a Repeater. The element’s “READ ME” tab will outline how to set up the specific fields needed in ACF Pro yourself…or you can just use the convenient import file that is included and it will set up all the fields you’ll need. This initial version will allow you to enter as many testimonials as you want and will load a random one on page load to display. Future versions will include options to load more or as a carousel.Included are four layout options which by default have that stock Enfold look, but no worries, you’ll be able to customize every aspect of the look to match each site’s style. They’re also completely responsive. I’ve also included a default image to load as the avatar should you not set one on a testimonial. Simply replace the user.png graphic in the images folder to anything you’d like. Just be sure to keep the same file name.
Hi,
Ok, need a lil Enfold dev help here…
A while back Ismael mentioned using the ‘avf_preview_window_css_files’ filter to load a specific CSS file into the preview pane. I have tried…and tried…and tried to figure that out but nothing I try is working to do so. Can someone help me out with that? That will allow me to show several of the items in the preview pane and have them display correctly. I’m working on the new ACF Testimonials element and it will only load the stock styles and not the needed CSS.
I did a quick test and the avf_preview_window_css_files filter woks just fine for me.
I added this code to the child theme function.php:
add_filter('avf_preview_window_css_files', 'avia_custom_preview_css', 10, 1); function avia_custom_preview_css($css) { $template_url = get_stylesheet_directory_uri(); $css[$template_url.'/preview.css'] = 1; return $css; }and created a new preview.css file in the child theme folder (url wp-content/themes/enfold-child/preview.css). Then I added some css stylings to the stylesheet – i.e.:
#top label { color: #ff0000; }which changes the color of the contact form labels in the preview view to red.
If it doesn’t work for you (with a plugin) there’re two possible reasons:
1) It’s a cache issue – maybe you need to clear browser or server caches.
2) The line:
$template_url = get_stylesheet_directory_uri();returns the url to the child theme folder. Maybe your code does not return the right url to the plugin folder (folder which contains your custom elements). If you i.e. want to add the preview.css to the plugin folder use this code:
$template_url = plugin_dir_url( __FILE__ ) . 'preview.css';This code would return the url http://example.com/wp-content/plugins/my-plugin/preview.css (my-plugin stands for your plugin folder).
Best regards,
PeterLol…did you mean to post it 5 times? I’ll play around with the code and see what I can come up with. I was hoping to make it simpler for the user so they wouldn’t have to add more code in other places. Was hoping to try and find a hook I can throw into the element code.
Hi,
Haha no, this was a problem with our forum script. I removed the duplicated answers.
Best regards,
PeterOk, so it has been a while since the last update… In that time I have had no support requests or issues noted with the existing elements I have put together. So now I feel comfortable taking requests for new ones. Feel free to share your ideas here or link me to examples of things that you would like to be able to do. As long as it isn’t super complicated, can’t already be accomplished already in some way…then I’ll give it a try. That includes integrations with 3rd party plugin actions. For those, if the plugin has a shortcode or PHP code snippet it uses to accomplish something, then it likely can be turned into an element.
Hi,
I would love to start seen elements like:
https://tympanus.net/Development/OutdoorsTemplate/for example. That would be so dope ;-)
Best regards,
Basilis@Basilis – What specifically about that template though? Couldn’t something like that be accomplished with the Advanced Layer Slider already included? Or did you mean some of the other stuff linked in that dev series of examples? I can try some of those…will all depend on how easy the code and scripts play with Enfold’s layout builder code.
Oh, I do have a request. It would be great for there to be a developer section with examples/samples and explanations of what certain things do. Seems like every time I open up the layout builder elements after an update I see new code in them that I have to spend a little bit figuring out what it does and if I need to do an update to the ones I have created. I think that if there is a dev section for the various aspects of the theme, then more people would contribute and more plugin devs might even consider throwing in some compatibility code in.
It’s something simple for an Enfold dev to do and throw up on the site.
Hey folks! I put the addon on sale for a limited time and will be donating all of the proceeds to help feed and clothe the homeless. The addon is set to a new minimum of $15, but you are free to pay what you would like above that.
As always, if you have suggestions or issues, feel free to contact me.
Thank you, the elements are looking great, do you have a live view of them?
And another question: are updates included, do you add more elements in the future?
There really isn’t a way to do a live view of them, but throughout this thread you can see screenshots of them. And yes, updates are included. Just follow this thread to know when one is pushed. You’ll just redownload from my site.
okay, great, thanks, just purchased it. Your installation instructions on your site tell about to upload the js and the shortcodes folder, but the purchased download came only with a shortcodes folder, no js folder?
is it possible to add an element preview to all of your elements like the originals from ENFOLD?
Following elements have no preview:Page/Post Title
Modern Featured Image
Key Feature List
Tag List
Category List
ShortlinkSadly the ACF elements (like ACF testimonals) work only wit ACF PRO.
As always, if you have any ideas for new elements, just let me know. If it is something that can be done within the Enfold element API, then I’ll likely do it. The ones that have been made so far have just been ones that fit my needs.
There will be a small update soon BTW….unless someone has a really cool idea that I feel inspired to crank out and include to make it a bigger update.
@kahil as mentioned above the ACF elements of your AddOns cannot be made with the free Advanced Custom Fields plugin? I won’t buy ACF Pro because I do not need that.
@Gitte – let me look at what the free version does and which of the addons I made for the pro version will work with it.
@Gitte – I’m still looking into it. The only one of my elements that you can use is the field value one to display a custom field. The others will require the Pro version due to the type of fields they are. To get that one field to at least work, I just gotta figure out the differents in code between acf and acf pro. The ocde I am using right now simply references acf.
- You must be logged in to reply to this topic.