Forum Replies Created

Viewing 30 posts - 1 through 30 (of 61 total)
  • Author
    Posts
  • in reply to: Exclude Post from Post Slider? #1232107

    Perfect! Just what I needed.

    Thank you so much!

    in reply to: Exclude Post from Post Slider? #1232097

    @guenni007 Thank you. That might work. Can you please tell me how to exclude the current post from the post slider? Or are you saying that is default behavior?

    in reply to: Auto-generated image file sizes larger than original #1230669

    Yow. Thank you. That’s nutso, though. Forcing 100% quality on an image that has already been compressed doesn’t make any sense. It does not improve the quality of the original, and only makes the site harder to download using cellular data.

    By way of comparison, an original image with a file size of 330k, for the 1320×748.jpg thumbnail / featured image, at 100% is bloated to 1 MB, and at 80% compression is reduced to 206k, with no visible difference in the image.

    At any rate, thank you for finding that for me. Adding this to functions.php in the child theme was the answer. Compression rate is changed by adjusting where it says “return 80”. In this example, 80 is 80% compression.

    /**
    * Sets the default image to 100% quality for more beautiful images when used in conjunction with img optimization plugins
    *
    * @since 4.3
    * @added_by Kriesi
    */
    function av_return_100(){ return 80; }
    add_filter('jpeg_quality', 'av_return_100');
    add_filter('wp_editor_set_quality', 'av_return_100'); 
    in reply to: Auto-generated image file sizes larger than original #1230367

    Thank you, Victoria, but, unless I missed something in those posts, these do not address my issue.

    I want to keep all the thumbnails, but when they are created, many of them have file sizes considerably larger than the original. It is the file size issue that is problem.

    I am running the latest version of everything, and php is using imagick. Image optimizer plugins do not solve this issue.

    Is there anything that can be done about this?

    Thank you.

    in reply to: Help with Woocommerce Product Slider Customization #1216333

    I decided to just stick with a 2-column product slider for the mobile landscape. So nevermind, I guess.

    Here is the the complete customization for a WooCommerce product slider with one product column at a time:

    1. Edit /enfold-child/functions.php by adding

    add_filter('avia_load_shortcodes', 'avia_include_shortcode_template', 15, 1);
    function avia_include_shortcode_template($paths)
    {
      $template_url = get_stylesheet_directory();
          array_unshift($paths, $template_url.'/shortcodes/');
    
      return $paths;
    }

    2. In /enfold-child/ create folder “shortcodes”

    3. Copy productslider.php from /enfold/config-templatebuilder/avia-shortcodes/productslider/ to /enfold-child/shortcodes/

    4. Edit /enfold-child/shortcodes/productslider.php at line 240 by adding

    __( '1 Column', 'avia_framework' ) => '1',

    above

    __( '2 Columns', 'avia_framework' ) => '2',

    5. Edit /enfold-child/style.css by adding

    div .shop_columns_1 .products .product {
    	width: 100%;
    }

    6. In the Product Slider (Plugin Additions) in Avia Layout Builder, 1 column will now be an option under the style tab.

    Thanks for all the help!

    • This reply was modified 2 months, 2 weeks ago by  perfectword. Reason: Trying to fix code
    in reply to: Help with Woocommerce Product Slider Customization #1216329

    Awesome! Almost there!

    Ismael, the css you gave me

    div .shop_columns_1 .products .product {
    	width: 100%;
    }

    works great everywhere except on mobile landscape for some reason. On mobile landscape, the product only takes up half the screen. Please see screenshot at link.

    Thank you!

    in reply to: Help with Woocommerce Product Slider Customization #1214710

    Thank you very much, Ismael! That worked.

    I am having trouble, however, implementing in the child theme.

    I reverted /enfold/config-templatebuilder/avia-shortcodes/productslider/productslider.php to the original file, then copied the modified version through CPanel File Manager to /enfold-child/config-templatebuilder/avia-shortcodes/productslider/productslider.php but now my modification to allow a 1 product column is no longer available in Avia Layout Builder.

    What am I doing wrong?

    Thanks!

    in reply to: Help with Woocommerce Product Slider Customization #1212799

    Thank you. How about screen shots instead?

    The product slider is in a 1/2 column.

    This first screen shot is displaying 4 products (columns) at a time on the slider. The four products take up the full width of the column.

    The second screen shot is displaying 1 product (column) at a time on the slider. The single product only takes up 1/4th of the width of the column. In order for this customization to be useful, it needs to take up the full width of whatever area it is in.

    Thank you!

    in reply to: Help with Woocommerce Product Slider Customization #1211699

    So in /enfold/config-templatebuilder/avia-shortcodes/productslider/productslider.php I inserted

    __( '1 Column', 'avia_framework' ) => '1',

    at line 240, and I was able to select 1 column in the product slider style tab, but on the webpage itself, it displays at the same width as a single product would as if 4 columns were selected. It’s a quarter of the width of the 1/2 column layout element that the productslider is in.

    Can anyone offer an idea how to get the productsider to expand to full width of the area it is in with a single product being displayed at a time?

    Thanks!

    in reply to: Help with Woocommerce Product Slider Customization #1210465

    I’m not sure where I would find a plugin that would modify the Enfold product slider.

    I understand if no one here is inclined to take a stab at it, but could someone maybe give me a hint where I could find the code that makes the product slider? I’m willing to give it a whirl.

    Thanks!

    in reply to: Help with Woocommerce Product Slider Customization #1209750

    Thanks, Victoria.

    That’s not a bad solution, but I lose the price, add to cart button, etc.

    I’m really looking for a function or some other custom code that will allow the product slider to have only 1 column.

    Thanks!

    in reply to: Help with Woocommerce Product Slider Customization #1207879

    Hi Victoria,

    Thanks for the reply!

    That’s not exactly what I mean. I mean I just want to display one product at a time, then it would slide to another product.

    I’m talking about on the styling tab of the product slider where you select the number of columns to display, which is presently 2 to 5.
    https://prnt.sc/s7gzyn

    I just want to display one column.

    (I am running 4.7.3.)

    in reply to: Help with Woocommerce Product Slider Customization #1207387

    Hi Nikko,

    I appreciate the offer, but there is nothing unique to my installation, nor is there an error to diagnose, that would require you to login.

    I am just looking for a customization to the product slider that would work on any wp installation running enfold and woo commerce.

    Thanks!

    This is a feature of the Avia Layout Builder, so I think that means it’s Enfold.

    Isn’t this something that should be fixed in Enfold, or maybe someone could provide me with a fix?

    Thanks

    Thank you, Jordan.

    Do you know if this is a WordPress or an Enfold issue?

    Also, would there not be some kind of function or css that could be written to globally fix the “Hide on medium sized screens (between 768px and 989px – eg: Tablet Landscape)” and “Hide on small screens (between 480px and 767px – eg: Tablet Portrait)” advanced settings?

    And am I the only one who has noticed this?

    Thanks!

    in reply to: How to replicate animated image demo #1143103

    Yep. Thanks.

    in reply to: How to replicate animated image demo #1143009

    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..

    Thanks 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');

    Thanks!

    I find the new tab awkward. Any advice on how to turn those links into pop up browser windows?

    Thanks again!

    in reply to: Avia Layout Builder time lag adding content elements #1087793

    Does using the block editor vs. classic editor affect the functionality of the Avia Layout Builder? If so, how?
    Thanks

    in reply to: Avia Layout Builder time lag adding content elements #1087361

    1) 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?
    Thanks

    in reply to: Avia Layout Builder time lag adding content elements #1086845
    This reply has been marked as private.
    in reply to: Adding Loader/Spinner during WooCommerce Checkout #1007698

    Hey @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!

    in reply to: V 4.3 – removed: deprecated "avia combo" widget #1000457

    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!

    in reply to: Delay on checkout page after placing order #1000133

    I started this thread over a year ago. We finally implemented a solution, which is posted here.

    in reply to: V 4.3 – removed: deprecated "avia combo" widget #1000132

    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!

    in reply to: Adding Loader/Spinner during WooCommerce Checkout #999656

    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 compression

    9) 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. :)

    in reply to: Adding Loader/Spinner during WooCommerce Checkout #901605

    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!

    in reply to: Remove Remember Me Checkbox on Woo Commerce Login Page #804724

    I’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!

    in reply to: Hide Featured Image on Archive for Specific Post #804349

    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!

Viewing 30 posts - 1 through 30 (of 61 total)