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
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
Hi,
I need some help but not sure if it is within the support. But I hope you can help me up 🙂
I am trying to customise my own design using the theme Gecko.
- As can be seen from the attached image #1, I have used woocommerce cart count and cart subtotal codings I found on the internet, trying to position them fitting into the background cash register, however, I was not able to do it quite well due to my lack of coding knowledge and hence they are way out of the position. Would like to ask if you are able to help me up with this minor positioning issue? How can I position them using CSS?
- Another thing is, I think the above mentioned woocommerce cart count and cart subtotal that I found on internet does not update any cart changes automatically. May I ask where can I find the code you have used for the shopping cart count in the theme Gecko? Is it some AJAX issue that my own codings cannot automatically update without refreshing the page?
- With reference to attached image #2, there is a white blank portion on the SHOP page, but the white blank portion does not appears on other web pages. How can I remove (eg. display: none) the white blank portion on the SHOP page?
- As seen in attached image #3 mobile version, I believe the design got cut off due to the background images I have added to the header and container. May I ask how can I code it in css to have the mobile version reflects the entire design exactly from the web version?
Thank you so much and your help is appreciated! <3
Really love the theme Gecko but would just like to add a little something (cute design) to it 🙂
Let me know if you need the admin account and admin password for the website.
Attachments:
You must be
logged in to view attached files.
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:
ALO Yoga Sexy Moto Yoga Leggings High Waisted 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
Hi,
The code i suggest will apply for all font icon and add to JanStudio > Theme Option > General Layout > Custom CSS, if you want apply for separate icon, please change your code to
<span style="color: #000000;"><i class="fa fa-child" style="font-size: 25px;" aria-hidden="true"></i> Improve Joint Mobility</span>
and add to your content.
If you want change color just change “color: #000000” to “color: #79c411”
Kind regards
Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio
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
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?
ALO Yoga Sexy Moto Yoga Leggings High Waisted Sexy Pilates Leggings Black
Login was sent private
This reply has been marked as private.
Hi,
Please add below code to JanStudio > Theme Option > General Layout > Custom CSS
html[lang="es"] .product-category h2::before,
html[lang="es"] .product-category h3::before {
content: 'Shop now';
}
and change “Shop now” to your language.
Kind regards
Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio
Hi Mathilde,
Thank you for choosing our theme.
Please add below code to JanStudio > Theme Option > General Layout > Custom CSS
.price-stock .availability {display: none;}
Kind regards
Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio