Home Forums Themes Support Gecko Site running slow

Viewing 52 reply threads
  • 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

    • #28665

      Hi Harry,

      I understand, but this is a feature my old theme used to work with so could you develop some code to make it work on those please?

      I’m happy to pay for it as I’m aware it may be extra work, if so how much would you charge?

       

      Thanks

      Joel

    • #28670

      Hi Joel,

      The feature can’t control by theme, it control by plugin. Which plugin you used for color swatch with old theme?

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

    • #28671

      Hi Guys,

       

      Sorry, I can’t remember but can you try and make it work with some CSS and code please? You could start on the size circles.

       

      Thanks

    • #28687

      Hi,

      I’m sorry it can’t control by CSS code. Our developer team now in vacation of Luna New Year holiday till 15 Feb, 2019. When they back I will push them check this.

      Kind regards

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

    • #28761

      Hi Harry,

       

      I am doing the image colour swatches tomorrow and have to take the website down for the day to complete. As it is a live store I need to make sure I am completely aware of the process to do colour image swatches and need to check a few things. A step by step guide (not video) would be super useful please.

       

      You sent this screen shot – http://prntscr.com/mcckdg which is OK, but is that just for that particular product or for all products?

      What I have is certain colours and patterned fabrics that go across different products so was hoping I could upload the images of the fabrics to the woocommerce variation colour section and any product that uses that colour will have that little circle swatch.

      I don’t require to have certain images of the product tied to that colour swatch but just want it to appear in the little circle where they can choose the colour if that makes sense?

       

      Really need to get this sorted tomorrow without failure so your advice and guide is muchly appreciated.

       

      Thanks

      Joel

    • #28765

      Hi Joel,

      Please go to Products > Attributes > Create “Patterned Fabrics” and change type as Color http://prntscr.com/mhosnn and when you upload gallery images please upload for fabric not for colour and these gallery color for separate product not for all products

      To upload pattern fabric for all products, please create in Products > Attributes > Fabrics > Configure terms http://prntscr.com/mhotj6

      Kind regards

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

    • #28768

      Thanks so much,

       

      Shall try tomorrow. I already have colour variations set up so that should work right? I can use my current one and just change the type?

      Also does the theme work with the pop up plugin Hustle? The one that came with the theme wasn’t doing enough for my needs.

       

      Thanks

      Joel

    • #28776

      Hi Joel,

      I’m not try our theme with this plugin but i think the popup newsletter not affect more to theme.

      Kind regards

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

    • #28781

      Hi Harry,

      I am super confused.

      I need help now please and really simple help.

      I already have all my attributes setup with all the Colour names.

      I want to upload the images for the colour circle selectors.

      I have got this to work, but when I click the image of the colour my product gallery images disappear.

      I do not want anything to happen when I click on the colour image other then it act as a selection for checkout.

       

      How do I fix?

       

      Thanks

    • #28782

      I also would like to get the tool tips working like this – http://janstudio.net/gecko/fashion/product/ribbed-panel-slub-knit-top/

      For colour please

    • #28783

      Actually nevermind about the first request, just maybe if I could have help with the tool tip?

    • #28784

      Hi,

      For tooltip please select default variation for product.

      Kind regards

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

    • #28785

      Hi,

       

      Sorry you need to give better responses. Where is this and how do I do it?

    • #28786

      And that will show all the colour names when I rollover the swatches?

    • #28787

      I would also like you to login and check this product – https://vincija.com/product/one-shoulder-cut-out-band-bikini-set/

      1. How do I get it so it starts on a default colour so it uses that gallery?
      2. why are the thumbnails pixelated?
      3. Is the best way to have the same gallery (for now until I have photos of each colour) for each colour variation to upload to the gallery of each colour?

       

      Thanks

      Joel

    • #28788

      Also could you investigate why the Hustle popup plugin isn’t working?

    • #28796

      Hi

      1. I’m sorry, please go to WPAddon > Variation Swatch > Show Tooltip > On

      2. Could you take a screenshot describe more about this issue

      3. Please go to Products > Attributes > Colour > and change type of Colour to Select http://prntscr.com/mif9v3

      4. I think the issue because you set popup off http://prntscr.com/mif617

      Kind regards

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

    • #28840

      Hi Harry,

      I noticed the arrows on the images to scroll have some weird broken line near them – maybe the old border. Can we remove this and make the arrows black please?

       

      Thanks

      Joel

      Attachments:
      You must be logged in to view attached files.
    • #28845

      Hi Joel,

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

      .slick-prev::before, .slick-next::before {
      	color: #222;
      }

      Kind regards

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

    • #28846

      Thanks solved one of the 2 queries.

       

      Still have the weird white line as shown in the below screenshot can we please remove this?

       

      Thanks

      Attachments:
      You must be logged in to view attached files.
    • #28852

      Hi,

      Could you send me product link have this.

      I check again, it still work well.

      Attachments:
      You must be logged in to view attached files.

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

    • #28859

      Hi,

       

      sure thing check here – https://vincija.com/product/watermelon-square-crop-cut-out-bikini-set/

      you will have to scroll through a few of the photos to see it as a lot of the photos have white so you can’t see the white line.

       

      thanks

       

    • #28862

      Hi Joel,

      Please try clear cache of your browser. I check your product but don’t see the issue

      Attachments:
      You must be logged in to view attached files.

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

    • #28867

      Nope still appears.

      Only seems to happen on google Chrome browser and on safari on iphone. Microsoft Edge doesn’t seem to show it.

       

      I cleared cache, did a hard reload and used an Incognito browser.

       

      Can you please amend.

       

      Thanks

      Joel

    • #28874

      Hi Joel,

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

      .slick-slider:hover .slick-prev, .slick-slider:hover .slick-next {
          color: transparent;
      }

      Kind regards

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

    • #29071

      Hi guys,

       

      I’m wondering if it’s possible for the mobile site to have all the variation selections on a product page to sit directly under the photos of the product? Instead of having to scroll all the way down?

       

      Thanks

      Joel

    • #29081

      Hi,

      I’m sorry because your product description so long, so user have to scroll down to select product variation.

      Kind regards

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

    • #29089

      Hi,

      I understand the description is long, but I’m asking if it’s possible to move the selection fields above the description?

    • #29091

      Hi,

      Please add below code to claue-child > functions.php

      if ( wp_is_mobile() ) {
      remove_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_excerpt', 20 );
      add_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_excerpt', 35 );
      }

      Kind regards

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

    • #29094

      Thanks so much worked great!

       

      On mobile I notice when on a product page you click on a colour swatch the screen often jumps down, why does this happen?

      Is that able to be fixed?

       

       

      Thanks

      Joel

    • #29099

      Hi,

      Please try upload image for each color with same dimension.

      Kind regards

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

    • #29132

      Hi Guys,

      Why are thumbnails unclear?? See this product – https://vincija.com/product/cut-out-band-bikini-set/

       

      Thanks

      Joel

    • #29136

      Hi Joel,

      I check it still work well http://prntscr.com/mokwgj

      Regards

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

    • #29149

      Hi sorry I didn’t explain properly.

       

      yes it loads fine, but once you click one of the colour swatches the thumbnails for some reason are unclear.

       

      also when you click the first colour swatch on mobile the screen jumps down even after I till your advice and made all photos for the product above I sent you the link to the exact same size

    • #29286

      Hi Guys are you able to help with the above?

       

      Thanks

    • #29290

      Hi,

      I’m sorry we still not have solution for this 🙁

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

    • #29437

      Hi Guys,

      I would like a solution for the above as unclear thumbnails isn’t acceptable.

      More important for now though, I just updated woocommerce and now the colour swatches aren’t working anymore. Could you please attend to that immediately?

      WooCommerce Variation Swatch by WPAddon is the plugin it uses right?

       

      Thanks

       

    • #29442

      Hi,

      Please go to Products > Attributes > Colour and change type to color.

      The recommend plugin is WooCommerce Variation Swatch from WP Addon, you also can use plugin WooCommerce Variation Swatches from Emran Ahmed

      Kind regards

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

Viewing 52 reply threads

You must be logged in to reply to this topic.