Forum Replies Created
-
AuthorPosts
-
Thanks, I was trying to make it a 3-column layout, where the third column spanned all the way down the page. Can’t be done, apparently. So I changed it to a two-column layout with a sidebar..
July 1, 2019 at 2:37 am in reply to: Share buttons in blog posts opening new tabs instead of pop-up #1114751Thanks for the solution! Pop-up works great–much better.
For whatever reason (I couldn’t figure out exactly why), though, your code made all of the links on the page pop up, not just the share links. I ended up using this code and now it’s only getting the share links:function social_popup(){ ?> <script> (function($){ jQuery(window).load(function(){ $(document).ready(function(){ $(".av-share-link").find("a").attr("onclick","window.open(this.href, 'windowName', 'width=670, height=2000, left=24, top=24, scrollbars, resizable'); return false;"); }); }); })(jQuery); </script> <?php } add_action('wp_footer', 'social_popup');
June 29, 2019 at 11:50 pm in reply to: Share buttons in blog posts opening new tabs instead of pop-up #1114537Thanks!
I find the new tab awkward. Any advice on how to turn those links into pop up browser windows?
Thanks again!
Does using the block editor vs. classic editor affect the functionality of the Avia Layout Builder? If so, how?
Thanks1) Were you able to reproduce the problem?
2) When I switch to the Classic Editor, the delay / lag goes away. It performs normally.
3) Does this mean that there is something wrong with the Block Editor?
ThanksThis reply has been marked as private.September 9, 2018 at 8:58 pm in reply to: Adding Loader/Spinner during WooCommerce Checkout #1007698Hey @MrPoBoi — thanks!
.woocommerce-checkout.processing is there to limit the spinner to the checkout page, rather than having it show up also in the cart. Also it should be separated from .blockUI.blockOverlay with a space, not a comma, just as I have it posted above.
It’s possible my code wasn’t “working” for you because you just need to clear your cache or turn off enfold css compression (temporarily). We experienced that issue during troubleshooting. Of course, it could have been another reason as well.
Glad to get you on the right track!
I’m sure a lot of people will be very happy about that!
I would like to point out, however, that the WP Tab Widget plugin is superior to the deprecated combo widget, in that one can choose in the plugin settings which order to display the tabs. Previously, we had to edit Enfold’s deprecated combo widget code to accomplish this. WP Tab Widget also uses ajax, and has other more robust features accessible via settings.
Also, for our purposes, we actually prefer the method WP Tab Widget uses to order popular posts. Where the Enfold deprecated combo widget orders popular posts based on comment count, WP Tab Widget does it based on view count. This better suits our needs.
So all that said, perhaps the powers that be can consider these features when the combo widget is resurrected!
I started this thread over a year ago. We finally implemented a solution, which is posted here.
Here was our solution for the deprecated combo widget. We customized the css so that the widget would closely resemble Enfold’s deprecated widget.
1. Install and activate the “WP Tab Widget” plugin from the WordPress repository.
2. Go to Wp Admin > Appearance > Widgets and drag the “WP Tab Widget” where you want it to appear on your site.
3. Add the CSS below to your Quick CSS or style.css file. (If you use Quick CSS for testing, you should move the new css to your style.css to make it permanent.)
4. Customize the plugin settings to your taste (we did not program the css to include the tags tab, only recent, popular, and comments)/* WP Tab Widget Avia Combo Widget Replacement */ .wpt_widget_content { border: none !important; } .wpt_widget_content .inside { border-top: 1px solid #e1e1e1 !important; margin-top: -1px !important; padding-top: 0px !important; } .wpt_widget_content .tab-content li { padding-left: 0px !important; padding-right: 0px !important; padding-bottom: 10px !important; } .wpt_thumbnail, .wpt_avatar { margin-right: 9px !important; padding: 3px !important; float: left !important; margin-top: 4px !important; margin-bottom: 4px !important; border-style: solid !important; border-width: 1px !important; height: 36px !important; width: 36px !important; display: block !important; } .wpt_widget_content .entry-title a { color: #222222 !important; overflow: hidden !important; font-size: 13px !important; margin-top: 0px !important; font-weight: bold !important; margin-top: 2px !important; display: block !important; line-height: 20px !important; } .wpt_comment_content p { color: #222222 !important; overflow: hidden !important; font-size: 12px !important; margin-top: 0px !important; font-weight: bold !important; margin-top: 2px !important; display: block !important; line-height: 20px !important; } .wpt_widget_content .wpt-postmeta { font-size: 11.5px !important; } .wpt_comment_meta { margin-top: 4px !important; margin-bottom: 4px !important; line-height: 0px !important; } .wpt_comment_meta a { font-size: 11.5px !important; font-weight: normal !important; line-height: 18px !important; } .wpt_thumbnail .wp-post-image { width: 28px; height: 28px; object-fit: cover; } .wpt_widget_content .tab-content li { border: none !important; margin: 0px !important; } .has-3-tabs { width: 100.3% !important; } .has-3-tabs li { clear: none !important; } .has-3-tabs a { border: none !important; background-color: #fff !important; font-weight: normal !important; font-size: 12px !important; line-height: 24px !important; } .has-3-tabs a:hover { color: #666666 !important; } .has-3-tabs .selected { border-bottom: 2px solid #666; } .has-3-tabs .selected a { font-weight: bold !important; color: #666666 !important; }
Tip: The plugin determines popular posts based on the plugin’s view counter. When the plugin is first installed, all your posts will have a 0 views value. Until you or your visitors start hitting pages on your site, the plugin will randomly choose posts to show in the popular posts tab. If you do not want to wait for traffic to your site, or you want to replicate the list of popular posts you had previously before Kriesi removed the combo widget,
0. Make sure you have your database backed up, just in case!
1. Go to WP Admin > Posts, mouseover the title of your posts, and look at the URL in your browser’s status bar (at the bottom of your browser window)
2. Make note of the post_id (the url will include “post=x”) for the post whose view count you want to modify (do this for each post you want to modify)
3. Go into your web host’s control panel, to phpMyAdmin > youraccount_wp* (your WP database) > wp*_postmeta > Search (tab)
4. Query for the post_id assigned to the post you want to raise or lower in the popular posts widget.
5. Locate the “_wpt_view_count” meta_key, then change the “meta_value”. The higher the number, the higher it will appear in the popular posts tab.
6. Repeat steps 3-5 for each post.Ta da! Your beloved combo widget is back. Enjoy!
This works with WP 4.98, Enfold 4.4.1 (with Child Theme), and WC 3.4.4.
1) Choose a preloader from https://icons8.com/preloaders/ or https://www.idrive.com/images/ide_loading_new.gif
2) Download the preloader to your local computer
3) Upload it to WordPress
4) Copy the url to your preloader as it now appears in your WordPress install
5) Replace URL_TO_YOUR_PRELOADER in the following code with the url to your preloader/* Checkout page processing spinner */ .woocommerce-checkout.processing .blockUI.blockOverlay { background-image:url('URL_TO_YOUR_PRELOADER') !important; background-position: center 50% !important; background-repeat: no-repeat !important; position: fixed !important; }
6) Copy the above code as you modified it into your WP Admin Enfold Quick CSS area all the way at the bottom of WP Admin Top Menu > Theme Options > General Styling
7) Click “Save all changes”
8) Give it a whirl!Tip: Turn on WooCommerce > Settings > Payments > Check Payments for quick processing (although this may be considerably faster than credit card payments, so the preloader may not be onscreen very long). Don’t forget to turn off Check Payments when you’re done.
Tip: If you don’t see the preloader, try clearing your browser cache, then try again.
Tip: You may also need to temporarily disable Theme Options > Performance > CSS file merging and compression & Javascript file merging and compression9) Once you have verified it’s working, remove the css from the Quick CSS (don’t forget to “save all changes,” and add it to your wp-content/themes/Enfold(-child)/style.css file.
10) Verify it’s still working.
11) Enjoy your preloader. :)Ismael, I am mystified as to how to “Replace the background value with a gif image” in the code that you supplied. Would you mind posting an example of what the final code would look like?
Thanks in advance!June 6, 2017 at 10:31 pm in reply to: Remove Remember Me Checkbox on Woo Commerce Login Page #804724I’m pretty sure it’s in /wp-content/plugins/woocommerce/templates/myaccount/form-login.php
The code that creates the “Remember Me” checkbox is<p class="form-row"> <?php wp_nonce_field( 'woocommerce-login', 'woocommerce-login-nonce' ); ?> <input type="submit" class="woocommerce-Button button" name="login" value="<?php esc_attr_e( 'Login', 'woocommerce' ); ?>" /> <label class="woocommerce-form__label woocommerce-form__label-for-checkbox inline"> <input class="woocommerce-form__input woocommerce-form__input-checkbox" name="rememberme" type="checkbox" id="rememberme" value="forever" /> <span><?php _e( 'Remember me', 'woocommerce' ); ?></span> </label> </p>
I’m just asking for some code I can put in my child theme’s css or functions.php to remove “Remember me” and the checkbox.
I’m looking forward to your reply! Thanks!Figured it out! The “.archive” in the code you posted was messing it up. I’m just using this:
.post-2656 .big-preview.single-big { display:none; }
Thanks for the help!
Ok, that makes sense, but I’m not sure exactly how to format it to include the actual post id and image class. Like this?
.archive .post-id-2656 .wp-post-image { display:none; }
If that’s what it was supposed to look like, it doesn’t appear to be working. So maybe I did it wrong? I tried a lot of other permutations too–none worked
Our site is not yet live. I would appreciate some code, either CSS or for the functions.php. I have a child theme set up.
May 25, 2017 at 6:11 am in reply to: Adding HTML or CSS to Category Description in Woo Commerce #799366I will give that a try and let you know. Thank you!
In the meantime, can you tell me where / how to remove the <h1> and <p> markup that surrounds the category description (see my original post).
Thanks again!
I appreciate that info, however, could you direct me to the file and code in the Enfold theme that accomplishes this? I’m looking for the code that turns the page translucent white after the “Place Order” button in Woo Commerce is clicked. I assume this is in Enfold. Thanks.
I understand. Can you at least tell me where I should be looking in the code?
Actually, I just messed with the code a little more and now it is super flexible–I can exclude by post ID and/or category ID:
$exclude = array(1983); $query = array('cat' => '-14', 'posts_per_page' => $posts, 'orderby' => 'comment_count', 'post__not_in' => $exclude); avia_get_post_list($query, false);
Thanks again for all the help. I think this solution should work well for me.
Thanks so much! I used the code you provided and it’s perfect. :)
Ok. I understand. Well, then maybe you can help me a different way.
I would like to add some kind of image or pop up or something so that when the customer clicks “place order” and the screen becomes translucent white, there would also be some kind of visual indicating to the customer to wait. Could you advise me with that? Thanks.
I understand that I can provide information in the private content field, however, I am requesting that you try to address my issue without my website information. Thank you.
FYI, while the server was processing the order, I watched cpu usage, and I received spikes around 20% CPU that lasted the length of the order process (about 10 seconds for pay-by-check option, about 20 seconds for authorize.net AIM) on the following processes:
/opt/cpanel/ea-php70/root/usr/bin/php-cgi /home/user/domain/index.php /opt/cpanel/ea-php70/root/usr/bin/php-cgi /home/user/domain/wp-admin/admin-ajax.php
Could you possibly try to address my issue without seeing our site? It is currently under development and closed to the public.
Thank you. I realize that it would be simplest to just put all the posts I want to exclude from popular posts into their own category; however, I realize now that solution will not suit my needs. Please provide me with the code I need to exclude posts on a per post basis. I know the post ids I want to exclude. Thanks again.
Now that we’ve done all that….. How could the code be changed to exclude by post instead of category?
Thanks for all the help Jordan.
I copied the entire “AVIA COMBO WIDGET” code into the functions.php (with the edits) and it’s working now! :) Seems like a simple solution after everything.Can you please reply again? I don’t think your whole answer came through.
Hey,
We just turned on display_errors in PHP and got this error message for you:
Fatal error: Cannot declare class avia_instagram_widget, because the name is already in use in /home/account/domain/wp-content/themes/enfold/framework/php/class-framework-widgets.php on line 0
Hope this is helpful. -
AuthorPosts