Forum Replies Created
-
Posts
-
Aaaaaand…. I figured it out on my own. Simply copying the html code for an image to use the same classes, etc….doesn’t work. Guessing that there was something in the classes used that broke it, called “lightbox” more than once, or something else. So….if anyone is interested and if it helps…
Below is how I was able to call the product image that you need to set for a product. To refresh, I am using the Advanced Layout versus the default editor for Woocomerce products so I have a bit more control over the look. Personally, the default layout hasn’t been updated by the devs in so long and certain things didn’t layout logically when viewed on a tablet or phone. So here we go…
Add the following to your functions.php file:
// Shortcode for product image function show_product_image() { $product_image = get_the_post_thumbnail( $post_id, 'shop_catalog' ); $product_image_large = get_the_post_thumbnail_url( $post_id, 'large' ); return '<div class="product-image avia-image-container av-styling- av-hover-grow avia-builder-el-12 el_after_av_codeblock el_before_av_hr avia-align-center no-overlay" itemscope="itemscope" itemtype="https://schema.org/ImageObject"><div class="avia-image-container-inner"><a rel="lightbox" href="' . $product_image_large . '">' . $product_image . '</a></div></div>'; } add_shortcode( 'product_image', 'show_product_image' );Add the following to your quick css:
.no-overlay .image-overlay {display: none !important;} .product-image {border: 1px solid rgba(136, 187, 200, .4) !important; border-radius: 2px !important; padding:6px !important; margin-bottom:0px !important;} .product-image .avia-image-container-inner {height:340.922px !important; overflow:hidden !important;}To call the image where you want it, use the “code” layout widget with the following shortcode:
[product_image]I have that plugin installed and have played around with it….but it really isn’t a viable solution when using with Enfold. So much of the page just looks terrible. You end up with a lot of elements in Enfold not showing, which places random shortcode tags as plain text. I don’t know if it is a matter of the theme or the AMP plugin, but you can’t edit the design under Appearance. Would be great if AMP support was built in.
Related to this…. Of all the product specific sections that can be added in the Advanced Layout editor….the only one that shows anything at all is the add to cart button. Nothing like the product info or product info tab shows anything at all. Seems like they are kinda pointless to be honest. A lot of the sections from the default layout can easily be called to be displayed in a widget for the layout builder. Just feels like the advanced layout part isn’t being given the love. Things like the price and product info should be there, but it isn’t.
I’ve added that code…and it just isn’t working. I have just the basic gallery setup and the lightbox images are still showing smaller. But if I just use html to display an lightboxed image link, it takes up the whole screen…and all the images are the same size. I have no other code in my functions that messes with anything that has to do with Enfold, images and lightbox. No plugins that would.
EDIT – I found the issue….it isn’t linking to the fullsize image using the gallery widget in the site builder. It still links to the large size…1030px. Even with that code in use. Does that code need updating to reflect any changes made in recent releases?
Thank you. Didn’t think that would have caused the issue since I wasn’t using the slider. May want to have someone do a search in this forum for those code block and give everyone a heads up that they no longer work as intended….or figure out how to make it work with the newer versions of WooCommerce. :)
That part was removed entirely and no matter what option I choose from the Enfold drop down, it displays them randomly every time.
Lol… I know. I got it from you guys in another thread. Is supposed to only add it as an option. Been working for a while until this past big update of woocommerce. I’ll try hiding it again, but I tried that before and it didn’t resolve the problem. Will give it another go.
That didn’t work…no matter what it always displayed them randomly. In all honesty, it isn’t really that big of a deal…more of an annoyance. I can’t seem to figure out the cause. :/
Yeah….that’s the nature of using WooCommerce though right? lol… Rather than creating a robust main plugin, you have to install all kinds of supplemental plugins just to get small features. It’d be a LOT worse if I wasn’t using ACF Pro and a some hooks via functions.php. I’ll give the deactivate/activate thing ago….was just hoping to avoid doing so. :)
I have most of the official WooCommerce plugins gathered over the years….several aren’t even installed. If you would prefer, I could setup a test site for you with them all activated so you guys can test away if that helps to make Enfold that much better.
Info included in the private content for you.
The only definite, common link I have found with this issue was that it only started after the last major WooCommerce update. So I chalked it up to being just an issue related to that and lil incompatibilities with the theme that your dev team is working on.
I also don’t know if it is related, but there is an official plugin from WooCommerce I have (Measurement Price Calculator) that causes an issue when activated. It won’t let me add to the cart. Gives a common javascript error that isn’t specific about Qty, etc. So perhaps there is some sort of javascript issue somewhere that is the link to all these issues. I haven’t been able to track it down. I just know that it all didn’t happen until WooCommerce was updated. :/
Sorry for the late reply…
I don’t use the Woocommerce store page….it just slaps everything into one page and I prefer to separate them out by type/category, etc.
On each page I am using the product grid that is part of Enfold. I have in Woocommerce the default sorting to be by name. Regardless of the option I set in the product grid section, the products are displayed in random order. Here is a link to one of the pages and I have set it to display the sorting drop downs. Still…nothing I select puts them in any order but random.
At first I thought it was the custom code you guys gave in another thread to add “random” as a sorting option….so I removed it to make sure and it still happened. No matter what I do, I can only get it to randomly display products. Then I noticed that there were new options for product sorting in woocommerce itself. So I’m guessing it just amounts to a conflict there.
Well…if the issue is the theme, then contacting WooCommerce would be pointless. The issue I am describing is a script issue and there are many such issues with Enfold right now when it comes to WooCommerce. Plus….the whole idea of paying for a premium theme that touts WooCommerce compatibility would be that the theme has a focus on continuing that compatibility. I’ve never once have heard of any WordPress plugin that tries to stay compatible with every single theme out there….that’d be impossible.
Regardless…I think it would be something worth looking into as when said plugin is active, you cannot add any product to your cart without that error…even if said product doesn’t use that pricing method. Logically, if this were a plugin issue, it would be something that happens on every theme…and it doesn’t.
Well…the new “pretty” look is definitely not there. Sorry, but it felt like a rushed update for compatibility. The CSS above is start, but isn’t quite where it should be. Until a full update is made I’ll have to go back to the old templates.
I’m not getting that error. But the new look that is supposed to be there….isn’t. I just see a simply unstyled list rather than tabs on the side like the woocommerce preview. Is just just a quick fix to make it compatible and the style is coming soon? It just looks really bad right now.
That worked so you can see the “X”….but I still think that maybe the background overlay should be darker and the max image size should be a little smaller. The “X” is right up there against the top of the browser, which can make it less noticeable. A slighter darker overlay would help to make it stand out a little better as well.
It does help to also add the z-index setting to the background overlay. Here are the changes I made in order to make it so that the lightbox image stands out a little better:
.mfp-wrap, .mfp-zoom-in.mfp-ready.mfp-bg {z-index: 99999;} .mfp-zoom-in.mfp-ready.mfp-bg {opacity:0.85!important;} div.avia-popup .mfp-close {border:2px solid #808080!important; right:30px!important;} img.mfp-img {max-width:90%!important;}On a slightly related note….any idea why the hover overlay for the thumbnail only shows as a thin bar across the top of the image the first time you hover over it after the page loads? It will show if you hover over it again. You can test this on that page by hitting refresh.
As in the saved layouts in the Advanced Layout Editor. I have a variety of full and partial items saved in them and I was just wondering if there was a hook or something I could slap in my functions file that would automatically load up a specific saved layout for a specific custom post type. Just as a time saver. The WordPress mobile app sucks and doesn’t work with layout editors like the one used in Enfold…and the mobile web layout at that point doesn’t make it easy either. So I was just looking for a creative way to do that by default.
One part of the issue that the temp fix doesn’t resolve is where anything selected is not included in the email. So while you can now send the form when the validation option is turned on for a select field, none of the content is included.
I too can confirm this issue. If a select field is set to validate as “not empty”, the form will not send no matter what is selected. If you remove the validation aspect, the form will send, but will not contain any content from a select field.
Yeah…you’re right. A link to a third-party Mailchimp plugin changelog that doesn’t state the temp fix, let alone link to it at any time. That doesn’t help anyone. One has to go through the support forum on WordPress.com for that third-party plugin to find it. But by all means….let’s all give vague answers rather than directing people to the fix to save them time so they can then test on their own. /smh
Seriously…had someone who knew the answer here shared the following link days ago…there wouldn’t be so many frantic posts here looking for support and a fix.
Ok…well, here’s the temp fix. Add it do your functions.php file. Don’t know why no one bothered to share it here sooner versus leaving vague responses… just sayin….
add_filter( 'http_request_args', function( $args, $url ) { // only act on requests to api.mailchimp.com if( strpos( $url, 'api.mailchimp.com' ) === false ) { return $args; } $args['sslverify'] = false; return $args; }, 10, 2 );Is there a link to this “Mailchimp WordPress” page that has the workarounds? There is no WordPress page on the Mailchimp website that I can find. The mods here are stating it is an issue specific to WordPress, so that would imply that they know exactly what the issue is if they are certain it has nothing to do with the API used in the theme.
Since it has apparently been narrowed down to being a WordPress specific issue, then it is safe to assume the issue is a result of a specific file. Has someone figured out which file that is? Is there a temporary, manual fix? It doesn’t comfort users to just get the response of “it is an issue with WordPress and not our product” if supporting info doesn’t follow. What file or aspect of WordPress itself would have anything to do with the Mailchimp API? Other Mailchimp plugins don’t seem to be having this issue.
More details about the issue would be appreciated.
Thanks!
Just to make sure…this issue has been narrowed down to being a WordPress 4.4 issue and not an Enfold or Mailchimp issue?
I have tried it and am using said method as it is the only way to do so right now. My point is that it would be update proof if you had more mobile settings in the theme settings…such as a setting that lets you set the minimum width for the mobile menu, like we do so in the general settings. That would be update proof as said settings are independent of the rest of the CSS pages.
A child theme override of a file isn’t exactly update proof as it ignores future updates to those files that the devs make. The theme itself already has similar settings for the site width, so it shouldn’t be a stretch to do the same for mobile settings. The mobile settings are actually overdue for an update considering the fact that device resolutions are increasing. My example if the iPad holds there. Under the default settings, the mobile menu isn’t activated because the width is over 990px. So if you have several menu items on your header, they begin to overflow into new rows, which looks terrible in use.
So…as I mentioned, just overriding the main theme’s file wouldn’t keep the rest of the CSS up to date as your devs update to account for higher resolution screens.
Oh…BTW, you also have to adjust the layout.css files not just the grid.css file.
Hoping you guys put a higher focus on mobile.
Would be great to have this setting be one that can be controlled in the settings. Is there an update proof method to do this? Or are we stuck having to keep doing this change with each update. The reason…iPads in landscape. Any menu that has more than a few links just gets pushed into overflow because an iPad is at 1024 in landscape, which doesn’t trigger the mobile menu layout. Or…even better, have the mobile menu trigger when the display is at a certain width, or when the menu contents run out of space automatically.
