Color Attribute Issue

[bestfitbybrazil]

This works fine after i set up on some products. But when i turn on the “show on product list” option by setting to yes, it shows up on some but not all.  some have empty circles and some don’t show anything. what’s going on here?

https://bestfitbybrazil.com/product/dynamite-brazil-leggings-l2097-pushup-eclipse-black/
https://bestfitbybrazil.com/product/alo-yoga-high-waist-airlift-legging-cloud/

[Harry]

Hi,

Please edit the product doesn’t color swatch on list and open variation tab a upload your photo for each color.

Kind regards

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

[bestfitbybrazil]

I did the same thing to all of the products.  check them.  i gave you links and you have access to check backend. thx.

[bestfitbybrazil]

Ok something is definately wrong with this plugin.  or there is a conflict.  Everything works fine until i turn on the “show product list” set to yes.  my screens are blank on home page not showing any images throughout.  I guess i can’t use that part  of it until you can fix the plugin.  so if you work on it, don’t leave that part turned on unless you can fix what’s happening.

[Harry]

Hi,

Please go to Products > Attributes > Color and pick color or update for separate color.

Kind regards

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

[bestfitbybrazil]

You turned it back on?? my site slows down and won’t show products when its on.  i wish you had told me first or checked it.  i had to turn it off again, cause you left this on and the site did not work again.  i don’t know how long that’s been going on but customers have been calling about it.

[bestfitbybrazil]

I don’t know what you mean about pick color.  all of this has been done. update what. please explain.  everything works accept when you turn on the “show products list” this is a problem because i will have to use another plugin if you can’t fix yours and then have to fix attributes all over.

Here is the error_log file.  you can see the attributes going crazy and causing other stuff to break

 

[bestfitbybrazil]

here it is again in text format

Attachments:

You must be logged in to view attached files.

[Harry]

Hi,

1. I’m sorry about it. Please follow this topic to increase Maximum execution time https://thimpress.com/knowledge-base/how-to-increase-maximum-execution-time-for-wordpress-site/

2. Your products have more variations and you load more products and it slow down your site. I recommend do not turn variation swatch on product list https://github.com/woocommerce/woocommerce/issues/20262

Kind regards

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

[bestfitbybrazil]

can you recommend another plugin?  this one not only doesn’t work with “show product list” set to Yes, but the author does not respond to support questions.  This plugin can not be relied on.  Only less than 90 downloads and no support or upgrades recently.

[Harry]

Hi,

Please try this plugin https://getwooplugins.com/plugins/woocommerce-variation-swatches/

Kind regards

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

[bestfitbybrazil]

This reply has been marked as private.

[bestfitbybrazil]

After trying to work with this new plugin, i’ve run into nothing but problems.  First off you have to download 2 plugins, $49 each, and they were not good for supporting it at all.  I just contacted OpenSwatch.com and they say they are partners of you guys, the same guys who build the WPAdoon i use on product detail page that breaks the site if i try to use on shop pages.  Anyhow, setup is similar but the way the image swatches are coming are pretty bad.  I received this response from their support.

“ok, i checked your site, because you set the mode = variation gallery , so, it have no catalog watch list,
the catalog / shop product list show color only for “Use 1 attribute for swatch” , in this case, we know which one to get catalog swatch image for whole products.
for style, you can custom by css, it more easy if you get support from your theme support. because if i do it, maybe broken your theme / other theme part.
Thank you!”

Here’s what i get when I use the old WPAddon which is fine,

https://bestfitbybrazil.com/product/dynamite-brazil-shorts-sh400-pushup-blue-moon-booty-shorts/

but doesn’t work on the shop pages, if you look back in the history of this support questions there are photos of the issues.   But i do like what it does for me on the product detail pages creating square swatches and lable round sizes.  I want to create same thing with Openswatch but their answer above is what i got back.  I just paid $49 for the first one you recommended and it requires another plugin to make galleries work, then I bought Openswatch for $20, and still do not have this working. please look on my test site here at what it looks like. looks horrible.  can you help with css code to fix to look like the other one above and get it to display on shop pages?

https://sexyleggingsusa.com/product/alo-yoga-sexy-moto-yoga-leggings-sexy-pilates-leggings-black/

Login was sent private

[bestfitbybrazil]

btw this where you can check if  shop page is working https://sexyleggingsusa.com/?s=moto&post_type=product  Its the first product.

edit the product here: https://sexyleggingsusa.com/wp-admin/post.php?post=21531&action=edit

 

[Harry]

Hi,

The OpenSwatch no longer work as our partner. If you want continue using OpenSwatch for your site, please add below code to Claue > Theme Option > General Layout > Custom CSS to fix style

.variations .value {
	border: none;
}
.variations .value::after {
	display: none;
}
#pa_coloroptions .swatch .swatch-item span {
	border-radius: 0;
	height: 60px;
	width: 60px;
	line-height: 60px;
	font-size: 13px;
}
#pa_coloroptions .swatch .swatch-item {
	border-radius: 0;
}

2. I add p tag for product description paragraph it now layout ok.

Kind regards

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

[bestfitbybrazil]

ok i didn’t see a difference, so i put the code in and the only thing that happened is the big boxes around the swatches are gone, but i still have rounded swatches hard to see and the shop page shows no swatches ??

https://sexyleggingsusa.com/product/alo-yoga-sexy-moto-yoga-leggings-sexy-pilates-leggings-black/

[bestfitbybrazil]

shop page no change first product

https://sexyleggingsusa.com/?s=moto&post_type=product

[Harry]

Hi,

1. I changed the code and it work.

.variations .value {
	border: none;
}
.variations .value::after {
	display: none;
}
#pa_coloroptions.swatch .swatch-item span {
	border-radius: 0;
	height: 60px;
	width: 60px;
	line-height: 60px;
	font-size: 13px;
}
#pa_coloroptions.swatch .swatch-item {
	border-radius: 0;
}

2. I check the link https://sexyleggingsusa.com/?s=moto&post_type=product and it work, list all products could you explain more the issue.

Kind regards

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

[bestfitbybrazil]

I saw this.  but the “shop pages” is still not showing any swatches

https://sexyleggingsusa.com/?s=moto&post_type=product   (the first product)

and the product detail page doesn’t show galleries even though they are set on product for all colors when you select color. Also the sizes are not labels. they are text and look badly.  its hard to see what is selected cause the borders of the swatches is light in color when selected.  is there a way to have them look like this on the sizes?

https://bestfitbybrazil.com/product/dynamite-brazil-shorts-sh400-pushup-euphoria-booty-shorts/

In the product on test site the galleries are here and the size attribute is asking for image.  how make it a label instead?

https://sexyleggingsusa.com/wp-admin/post.php?post=21531&action=edit

 

 

 

[Harry]

Hi,

1,2 Please contact plugin author.

3. Please add below code to highlight selected color

ul.swatch .swatch-item:hover, ul.swatch .swatch-item.selected {
	box-shadow: 0 0 0 3px rgb(0, 0, 0);
}

Kind regards

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

[bestfitbybrazil]

I understand you want me to ask plug-in author for this and  Believe me I have.  Every plugin I have trouble with the authors show me how it works on all of the wordpress themes and say that there are errors in claue theme that are Causing these issues.  I can’t have them fix anything that’s not broken.  The claue theme has given me trouble before I’m starting to get frustrated theme. They tell me to ask you to fix it, then you tell me to have them fix it but at the end of the day every plug-in author is saying something is wrong with Claue theme. I Even had application developer check errors from error file and he told me that there is some argument between Claue theme and Claue add-on inside the Instagram.PHP file.  I just want this thing to work and for the developers to take responsibility for their product last when they don’t and I’ve already paid out money for several different swatches that do not work on this theme including the one you recommended early on.  This is very frustrating because the plug-in Authors do not refund me when this happens.

Not asking anyone to build me anything special I just want the plug-ins to do what they’re supposed to do on the thing that I purchased.

[Harry]

Hi,

The gallery swatch related to config of plugin, not related to theme. Please contact plugin author he has to guide you how to use. Please ask the developer which cause the issue? We need to know before give you solution.

Kind regards

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

[bestfitbybrazil]

Ok I’m gonna try to make best with “Cleversoft Plugin”  It seems to get me the closest to what I need.  I just need your help with a 2 things.

This is the product detail page:

https://sexyleggingsusa.com/product/alo-yoga-sexy-moto-yoga-leggings-sexy-pilates-leggings-black/

1. can you give me css to make the color swatche squares 60px like before.  these are too small

This is the shop page.  First product.

https://sexyleggingsusa.com/?s=moto&post_type=product

2. can you help get rid of the size attribute.  i only need color swatches on shop pages.

The only other thing i wanted was for the <span style=”text-decoration: underline;”>size attributes on product detail page to look like link below.</span> This from your WPAddon plugin, which doesn’t work on my shop page, but if you can’t get the label to work, first 2 items above would be great to have done.

https://bestfitbybrazil.com/product/dynamite-brazil-shorts-sh400-pushup-blue-moon-booty-shorts/

Otherwise that’s all i need.  Author could not help with shop page at all.  And product detail, they believe they will break something if they create css and said i should have them author create this.

By the way.  what is a P tag?

thanks

 

[bestfitbybrazil]

Just noticed that something, not sure if its this plugin is putting these size attribute text on cart items widget on right pane of shop pages.  maybe if you can remove it from the shop page it will take it from here also?

[bestfitbybrazil]

I got the size of color swatch to be 60px on detail page.  so just need help to remove the size swatches from shop pages

[bestfitbybrazil]

widget in right pane fixed.  again just need remove size swatches from shop pages

[Harry]

Hi,

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

.archive .attribute_pa_size {display: none;}

Kind regards

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

[bestfitbybrazil]

the code you sent for hiding the size swatches here worked perfect! thanks so much.  On mobile device, if i click one of the “color” swatches on the shop page here, it switches the main image to that color which is great.  But on desktop it doesn’t do anything.  Do you have a fix for that?  I’m not sure if its the theme or the plugin because it works on other theme for desktop.

https://sexyleggingsusa.com/?s=moto&post_type=product

[bestfitbybrazil]

One thing i noticed with Clever Swatches is that they have a setting called

“CSS class Wrapper jQuery Selector” that the default setting is “.images”  and they say to do this:

Enter custom wrapper jQuery selector of product gallery if the default setting is not working. Default selector: .images

Does CLAUE have another selector setting that might make it work?  It works on product detail page, but not on shop pages and I think i was wrong its not working on mobile device either on shop page

[Harry]

Hi,

1. The swatches on catalog page will work when user has to select both color and size, please contact plugin author add option to change image when select only color

2. The setting class is only for single product page not for catalog page.

Kind regards

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

[bestfitbybrazil]

Again the author of plugin is no help at all.  This code you gave me hides the size on shop pages which is perfect.  when I remove it I can see that sizes are not defaulted or preselected and when I select it then the image change works.  Is there no way to code in preselected size “S” SMALL and use code below to hide it so we don’t have to see it?

.archive .attribute_pa_size {display: none;}

[bestfitbybrazil]

ok I think I’m close but need a little help.  When I unhide the size attribute on shop pages and hover over size small attribute, I get:

When I actually select size small I get this.  (see attached)

div.zoo-cw-attribute-option.zoo-cw-active

Isn’t there a way to write this in so it defaults to size small all the time?

[Harry]

Hi,

I’m sorry the css code can’t do it, it only control by plugin function.

Kind regards

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

[bestfitbybrazil]

Ok,  i went back to the original recommendation you made to use Woo Commerce Variation Plugin and added the Gallery part.  The Cleversoft plugin just won’t work on the shop page

product detail page:

https://sexyleggingsusa.com/product/alo-yoga-sexy-moto-yoga-leggings-sexy-pilates-leggings-black/

Shop page doesn’t show any attributes and I removed the line that hides size attributes:

https://sexyleggingsusa.com/?s=moto&post_type=product

Woo Variation Swatch settings:
https://sexyleggingsusa.com/wp-admin/admin.php?page=woo-variation-swatches-settings

The Developer says its something with the theme because it works on wordpress theme.  Can you help?

[Harry]

Hi,

Please ask plugin author add option to show before product title or after product title http://prntscr.com/n1qqod

Kind regards

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

[bestfitbybrazil]

I tried it both ways.  It works on wordpress theme preview but not claue.   Maybe if we can get the add to cart button to work on shop page, the other stuff will too?

[Author]

Posts