Home Forums Themes Support Gecko Site running slow

This topic contains 52 replies, has 2 voices, and was last updated by  Harry 6 months, 2 weeks ago.

Viewing 15 posts - 1 through 15 (of 53 total)
  • Author
    Posts
  • #28527

    Hi Guys,

     

    After install of the Gecko theme my site now seems to run a lot slower. Yes there are quite a few products and attributes, but I need a fix or some assistance please as it wasn’t running like this with the previous theme – Bronx.

     

     

    Thanks

    Joel

    #28530

    Hi Joel,

    I checked your site it load normal in 3s.

    Please install plugin autoptimize https://wordpress.org/plugins/autoptimize/ and use CDN cache of Cloudflare to improve speed.

    and plugin to optimize image https://wordpress.org/plugins/wp-smushit/ and fix issue http://prntscr.com/mc5b34

    https://gtmetrix.com/reports/vincija.com/iYw7qqiR

    Kind regards

    Harry
    Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

    #28531
    This reply has been marked as private.
    #28534

    Hi Vincija,

    1. You can upload images for each color gallery http://prntscr.com/mcckdg that will help you save time do not have to upload image for each variation

    2,3. Please add below code to JanStudio > Theme Option > General Layout > Custom CSS

    .slick-prev, .slick-next {
    	border: none;
    	background: none !important;
    }
    
    .jas-sc-instagram .item img {
    height: 320px;
    max-width: inherit;
    width: auto;
    }
    @media only screen and (min-width: 1024px) {
    .jas-sc-instagram .item img {
    height: 400px;
    }}
    .product-image .db::before {
    	display: none;
    }

    Kind regards

    Harry
    Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

    #28567

    Thanks so much for that – looks great!

    I have another issue could you please take a look, on this page – https://vincija.com/product/leopard-string-tie-triangle-bikini-set-matte-colours/

    You can see the error message at the bottom of the product description – Warning: Invalid argument supplied for foreach() in /home/vincija1/public_html/wp-content/plugins/wpa-woocommerce-variation-swatch/includes/class-wcvs-frontend.php on line 133

    I’m aware I can turn the swatch variation plugin off, but I’m going to want to use that so don’t want to.

     

    Also on the homepage is it possible to remove the quick view button on rollover of the product?

     

    I’d like to make the grey page title rectangle black and thinner, how is that possible?

     

    Thanks so much

    Joel

    #28568

    I am also noticing images on product pages are loading very slowly. Why is this? I have W3 total cache.

    #28570

    Instagram photos on mobile are not centered and being cut off as well.

     

    Thanks

    #28573

    Hi,

    1. I fixed the issue on your site

    2. Please add below code to JanStudio > Theme Option > General Layout > Custom CSS

    .home .single-btn .btn-quickview {
    	display: none;
    }

    3. Please add custom CSS code

    .page-head {
    	padding: 25px 0;
    }
    .page-head::before {
    	background: #000;
    }

    and change 25px with your number

    4. Because your product have so much variation so it reduce site performance https://github.com/woocommerce/woocommerce/issues/20262. If your product has less variation it load very fast https://vincija.com/product/black-hollographic-one-piece-copy/

    5. Please add custom CSS code

    @media only screen and (max-width: 414px) {
    .jas-sc-instagram .item img {
    height: 250px;
    }}
    
    @media only screen and (max-width: 384px) {
    .jas-sc-instagram .item img {
    height: 220px;
    }}
    
    @media only screen and (max-width: 320px) {
    .jas-sc-instagram .item img {
    height: 200px;
    }}

    Kind regards

    Harry
    Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

    #28613

    Hi Guys,

     

    Thanks for your prompt replies.

     

    The instagram feed is still off so I might try a different plugin.

     

    Product images gallery thumbnails are different size for example here – https://vincija.com/product/tie-up-bow-bikini-set-with-straps-shimmer-colours/ can they be the same please? I’m wondering if they are large file sizes and that’s why it’s taking a long time to load?

     

    On the shop page – https://vincija.com/shop/ and any other category page can the rollovers act in the same as the homepage, so no quick view button?

    The old theme used to work like this and would be great for similar functionality – Example product – https://vincija.com/product/orange-striped-bikini-set/ has only one size 8 top and 10 bottoms left in brazilian white reverse colour. Can we lock out all sizes and colours etc that are all sold out so the customer can’t even select them? For example there’s no size 6 left so they shouldn’t even be able to select that.

     

    On all product pages below the price and above – “or 4 payments” used to have an Afterpay logo not sure where that went or how to add back?

     

    Thanks

    Joel

    #28618

    Hi,

    1. I’m sorry it can’t auto crop image to same dimension. It only resize image to same width

    2. Please change code to

    .btn-quickview {
    	display: none;
    }

    3. Please add below code to gecko-child > fucntions.php

    /**
     * Disable out of stock variations
     * https://github.com/woocommerce/woocommerce/blob/826af31e1e3b6e8e5fc3c1004cc517c5c5ec25b1/includes/class-wc-product-variation.php
     * @return Boolean
     */
    function wcbv_variation_is_active( $active, $variation ) {
     if( ! $variation->is_in_stock() ) {
     return false;
     }
     return $active;
    }
    add_filter( 'woocommerce_variation_is_active', 'wcbv_variation_is_active', 10, 2 );

    and add below CSS code

    select option:disabled {opacity: 0.5; cursor: not-allowed; color: #ccc;}

    4. Please change image in WooCommerce > Settings > Payment > Afterpay

    Kind regards

    Harry
    Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

    #28639

    Hi guys,

     

    All worked perfect, except for number 3. I added that code and it didn’t work. Am testing on this product – https://vincija.com/product/orange-striped-bikini-set/

    Added the first code to functions.php of child theme and the CSS to the theme options CSS section.

     

    Thanks

    Joel

    #28642

    Hi Joel,

    I check your site, it now hide all out of stock variation.

    Kind regards

    Harry
    Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

    #28649

    Hi guys,

     

    Sorry someone else logged in and deleted the variations so it actually doesn’t work – sorry I didn’t know they were going to do that.

     

    Here’s a product you can see it not working on – https://vincija.com/product/black-mesh-bikini-set/

     

    Thanks

    Joel

    #28650

    Everything should be out of stock in that one except for size 8 top and 12 bottoms cheeky.

     

    It seems the code does work for the drop down as you can see in the butt coverage dropdown, but doesn’t work for the size as these are your custom type circle buttons. Will also need it to work for those and the image colour swatches when I get that working please.

     

    Thanks

    Joel

    #28652

    Yes, the code only work with drop-down select option.

    Kind regards

    Harry
    Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

Viewing 15 posts - 1 through 15 (of 53 total)

You must be logged in to reply to this topic.