-
Posts
-
BIG UPDATE
– Feature List updated to be a single element similar to the icon list element. New options based on use and updated to better account for a responsive layout.
– New product image option Modern Product Image. Gives a minimal look with a nice hover effect.
– New single product element Modern Product full of great premium options like sale tags, extra feature highlight, gradient overlay effect, etc.
– New Copyright element to always display the current year. Optionally include a start year and additional text.
– New Product SKU element to display the current product’s SKU.
– New Product Price element to display the current product’s price which can be placed anywhere. Includes some premium style options.
– New Edit Link element to display a button that will take you the current post type’s edit page. Only displays if the current logged in user has edit capabilities.Side note…
I did make this a paid addon due to all the time that has gone into it and new premium features, but it’s only $10. Given all the elements and future ones planned, I believe it is a fair price for premium elements that only extend the versatility of Enfold. Pay once, then you get all the future updates. Recommended that you create an account to ensure you have access to the updates.Hi!
Are you using the following filter to create the custom shortcodes or elements?
If you want to affect the preview pane, make sure that the custom css file is dependent on the “avia-modal-style” stylesheet.
The extra_assets function is an aviaShortcodeTemplate method so it has to included on the shortcode file. Put it right below the shortcode_insert_button method — the location doesn’t matter, actually. The stylesheet has to be dependent on the “avia-modal-style” so you have to define it in the wp_enqueue_style function, don’t set it to false.
function extra_assets() { if(is_admin()) { $ver = AviaBuilder::VERSION; wp_enqueue_style('avia_custom_element_css' , get_theme_file_uri( 'shortcodes/css/custom.css' ) , array('avia-modal-style'), $ver, 'all' ); } }Put the custom.css file inside the child theme’s shortcodes > css folder. I changed the background color of the Element Preview header to red and it worked.
.avia-modal-preview-header { background: red; }Screenshot: https://imgur.com/a/ZNRG4
Cheers!
IsmaelUPDATE
– Minor fix to all elements to ensure that when you tick an option to hide the element based on screen size will actually hide.
– Updated the Modern Product element to include a corner badge indicating that the product is NEW if it is 60 days or newer. Can be enabled/disabled and the colors for the text & background can be customized.
– Added a new element, Ribbon Header. Displays the heading text of your choice over a flat style ribbon. Can be fully customizable in terms of text size, font color, and ribbon color.
Hi,
Thank you for the update. I’ll let you know once we came up with a better solution. Happy holidays! :)
Best regards,
IsmaelUPDATE
– Few minor updates made to several elements to clean up the code.
– Updated the “Category Promo” by removing it and replacing it with a straight up “Product Promo” that will allow you to make the promo about a single product or a product category. It has a lot of options built into it to cover just about everything. While it pulls a lot of details automatically from the product or category, I’ve made it so you can override and customize each aspect.MINOR UPDATE
Just cleaned up some of the code. As there was a LOT of WooCommerce elements, I moved them to their own tab. Hopefully, @Kriesi can make a minor update to their shortcodes to have all of the WooCommerce ones go into a WooCommerce tab as I have done in this update. I just feel it makes better sense to keep things organized and easier to find.Now…that said… Any element requests? For instance, any nice CSS snippets you’ve found? The ribbon element is an example of something that uses only CSS. The color picker would be an example of a simple element that uses CSS and a little javascript. If I happen to like any, then I’ll consider putting them together.
You can also contact me directly via my website in regards to creating a custom one for you.
I just purchased this pack, looks cool. I uploaded the files to my child theme folder, and added the new lines to the bottom of my child theme functions.php, and it is now giving me 500 errors. Any ideas?
That I honestly don’t know. 500 errors are usually on the server side. Not knowing what your server setup or WordPress install looks like, I couldn’t tell you what the issue is. All I can recommend is to delete all the files, then make gradual edits. Start with the code in your functions.php file and double check to make sure nothing is missing. Then add the shortcode files one at a time to see if one of them happens to not play nice for some reason. I’ve never had this happen on my few dozen installs and no one else has mentioned having this issue.
@kahil thanks for the troubleshooting over email. Everything is up and running now. Awesome extension to Enfold/Woocommerce and great support!
I know it’s been a bit since the last update, but I think I covered most of the stock WooCommerce elements, plus a few other goodies. That said, there are a LOT of WooCommerce and WordPress plugins out there that are really popular. If anyone has any requests for smaller elements for popular plugins….as in ones that use shortcodes…share the link here. If I have the time and will to live….I’ll occasionally include some in updates to come. If there are more complicated plugins or some nice CSS/HTML elements that you use and would like converted to an element, contact me directly via my site for a custom quote.
Thanks!
I’m taking requests this weekend for new elements to create. If you know of one that is some sort of HTML/CSS element that looks nice, or if you’re using a common plugin which has multiple shortcodes to display things, please link them here and I’ll look at and consider them.
It’s been a while, but I finally have more time to work on updates. Are there any requests or ideas for some custom layout elements? Any common plugins which use several shortcodes?
Hi,
There are some nice elements ( from sites like https://tympanus.net/Development/TiltHoverEffects/ )
which you can always try to use and see ig you can create some nice!Best regards,
BasilisI’ll check them out to see how the code is laid out. If it is formatted in a way that the element API works with it…I’ll give some a go. Looks like they’d be nice for portfolio or fashion type sites.
are you still updating these elements?
And I am not sure, if I had understand that right:
are these only ALB elements for WooCommerce within ENFOLD only,
or are there general elements for the use within ENFOLD, too, when NOT using WooCommerce?Yes they are still being updated, still work, and there are elements doe both woocommerce & general use.
NEW UPDATE
- Updated the Single Product & Modern Product elements to display the product name once the draft is saved or page is updated. Minor fixes.
- Added Page Title element. Displays whatever you have set as the page title using the special heading options & format.
- Added Modern Promo element. Mimics the Modern Promo element to allow a sexy promo for pages & posts.
- Added Lorem Ipsum element. Implements an external API to generate random Lorem Ipsum text with a variety of style options.
Again, these are meant to help make it easier to not only build out templates that you use for regularly created pages, but with all the elements for WooCommerce you can do the same and make your own, custom product pages if you want something different from the stock layout. You get more control over the layout.
I am willing to take requests for some elements and will consider them, but I am open to being commissioned to create one.
Hi,
Thank you for providing the source. We’ll check the elements. :)
1.) Have you tried using the “avf_preview_window_css_files” filter? It filters the array of stylesheets for the preview.
2.) Are you referring to the “Title Override” preview? It changes dynamically in the preview mode.
Best regards,
IsmaelI think I have tried that CSS filter before and it didn’t work. If someone wants to test it out again lemme know if it works. Maybe it was buggy when I tried it last or I did it wrong somehow.
As for the title, I’m referring to when the modal popup is closed. The text shown for the element title doesn’t change until you hit save on the product/page. If you use WooCommerce, give it a try with the Modern Product element. Once you pick a product and set your options. The element title will still say “Modern Product” until you hit save on the page. Then when it refreshes it will show the product name.
I am working on some nice updates and additions today….so if there are any ideas, let me know! Upcoming updates include further WooCommerce related elements and some geared towards blogs. Also in the works, several new creative borders!
As a reminder, yes…some of the elements in this pack are just mods of an element that comes with Enfold, but the mods are significant, especially for WooCommerce. The goal is to make it that much easier for you to create custom templates and layouts that you normally wouldn’t be able to.
Finally….from this point on, 100% of the proceeds from this plugin will be going towards helping a friend with cancer. I have set this plugin up for “name your own price”. The minimum is still the price I had it when it was a fixed price, but you are free to show your appreciation by opting to pay a little more. I’d greatly appreciate it.
For fellow web devs, if you like this and feel you can use it for the sites you build for your clients, please come back and purchase again for each client to help out. Would also really appreciate if people would kindly share the direct link out on social media.
Hi Kahil,
Hope your friend gets well soon!
I think it would help if you mentioned the cause on your page – https://www.spiderflystudios.com/resources/spiderfly-enfold-elements/
Best regards,
Yigit@Yigit – Yeah, I will once I have my updates finished. I have this mentioned elsewhere on my site in general where I donate a portion of my proceeds. For this specifically, I just need to figure out how to word it best. Sometimes people get really effing nosey and want to know the person’s name and I don’t want them harassed while recovering from chemo, etc. But I will be putting something on there about it.
As for the project as a whole…what about other plugin integrations? As in other than WooCommerce? I’ve added a few for ACF which are really helpful for those using that plugin, but there are plenty of other plugins out there which use things like shortcodes, etc. I’ll gladly take requests on those.
Oh….also on that WooCommerce note… I am basing the elements I made on my specific use of WooCommerce. What addons are y’all using? I might be able to create some elements for the more widely used WooCommerce plugins if it makes sense to do.
Hi,
Personally I’ve seen some requests for charts. Maybe an implementation of https://www.chartjs.org/ would help some people.
Another idea would be the implementation of https://leafletjs.com/ – many users have issues with the Google maps API (difficult to configure or they don’t want to set up a billing account) and an OSM integration would be a great alternative. OSM also supports geocoding ( https://wiki.openstreetmap.org/wiki/Nominatim ) and it would be possible to look up coordinates by address.
Best regards,
Dude
- You must be logged in to reply to this topic.