Site running slow

[vincija]

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

[Harry]

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

[vincija]

This reply has been marked as private.

[Harry]

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

[vincija]

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

[vincija]

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

[vincija]

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

 

Thanks

[Harry]

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

[vincija]

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

[Harry]

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

[vincija]

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

[Harry]

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

[vincija]

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

[vincija]

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

[Harry]

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

[vincija]

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

[Harry]

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

[vincija]

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

[Harry]

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

[vincija]

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

[Harry]

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

[vincija]

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

[Harry]

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

[vincija]

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

[vincija]

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

[vincija]

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

[Harry]

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

[vincija]

Hi,

 

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

[vincija]

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

[vincija]

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

[vincija]

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

[Harry]

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

[vincija]

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.

[Harry]

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

[vincija]

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.

[Harry]

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

[vincija]

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

 

[Harry]

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

[vincija]

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

[Harry]

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

[vincija]

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

[Harry]

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

[vincija]

Hi,

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

[Harry]

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

[vincija]

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

[Harry]

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

[vincija]

Hi Guys,

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

 

Thanks

Joel

[Harry]

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

[vincija]

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

[vincija]

Hi Guys are you able to help with the above?

 

Thanks

[Harry]

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

[vincija]

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

 

[Harry]

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

[Author]

Posts