This topic has 52 replies, 3 voices, and was last updated 3 years, 3 months ago ago by Olga Barlow
Also, I’m trying to change the color of the filter button that’s showing in the responsive version but I can’t find anything, how can I change that?
Hello,
1) Unfortunately, our brands filter widget does not have drop-down type, only a list.
2) Add the below code to Theme Options > Custom CSS to change the color of the floating filter button
.et-toggle-mob-sidebars-inner .et-toggle {
background-color: #26609c;
color: #fff;
}
Regards
1. I understand but this wasn’t happening before, I don’t know what happened but a few days ago I had the filter that was by brands and with the design that I mentioned but now I can’t seem to be able to add it, why is that?
2. Ok thank you
Hello,
1) You had the default Filter by attributes there where Brand attribute was chosen. You still can use that if you need. But we never had the 8theme Brand filter with the drop-down style.
2) You are welcome.
Regards
1. The thing, before the filter was reading the brands just from Brands, not from the attributes as well, right now, it’s showing me for example that I have 38 products at ITC but when I click on it it will show me just 11 products because it’s not the same number as it is in the attributes section, but that didn’t happen before. https://prnt.sc/1idrfw4 see how they have it? That’s what I’m trying to achieve, I had the same thing before but now I have the issue that I just mentioned above, how can I manage to add the woocommerce filter to read just from the brands without being forced to add all the products in the attributes section as well? It’s really over complicating everything
Hello,
You added the brand attribute for the 11 products only https://prnt.sc/1ifp9bh
But you added 38 products to the ITC brand. That’s why you have different results while using filter by brand attribute and filter by brand itself.
So, add the necessary attribute for all the products of this brand if you want to filter by the ITC attribute and get all the products you have in ITC brand.
Brand filter does not have drop-down type, so you won’t have this https://prnt.sc/1idrfw4 Only Brand list widget has the drop-down style but it does not filter, it just redirects you to the brand page.
Regards
Ok so I’m facing some big issues with some pages -> https://italceramic.ro/categorie-produs/gresie/
In the responsive version everything is messed up, every page from categorie-produs is like that, the filter button isn’t supposed to be there, the elements are all minimized somehow, this didn’t happen before I updated the theme -> https://prnt.sc/1j1x2se & https://prnt.sc/1j1xa0z Also facing some issue with this page as well because apparently is not mobile friendly -> https://italceramic.ro/despre-noi/ and I can’t understand why because I haven’t received any warnings before I made the update for the theme and the plugin.
And another issue https://italceramic.ro/colectii-placi-ceramice/ still with the responsive version, in the past I did some edits and turned that row into two rows so everything would like nice, now that’s gone, why did that happen? A lot of problems with the responsive version for some reason..
Hello,
Header overlap option was enabled for the mobile header https://prnt.sc/1jgdv7c It means that header overlaps the page content. I have disabled that. Check your site and remove unnecessary padding on start of the pages if you added that.
Regards
Alright awesome, thank you
Do you know by any chance how can I remove the filter from there? I dont want to show it there https://prnt.sc/1jghefr (I have used the old screenshot, thats why the image is still in red but all good, I just need to know how can I remove the filter from there
Hello,
Theme Options > WooCommerce > Shop > Shop page layout > Sidebar Position For Mobile
Regards
Ok thank you but that’s affecting everything, I’m looking for a way to keep the filter active just for the shop page, not for every category
Hello,
In this case, provide us with URLs of your Shop page and one of Categories. We will give you custom CSS code
Regards
Awesome, thank you!
https://italceramic.ro/categorie-produs/gresie/ this is for the categories
https://italceramic.ro/shop/ this is for the shop
P.S: The filter toggle should be disabled just in the responsive version if possible
Add the next code in Theme Options > Theme custom CSS > Custom CSS for mobile:
.tax-product_cat .et-toggle-mob-sidebars-wrapper {
display: none;
}
Regards
Hello, I’m having an issue with this -> https://prnt.sc/1r4mkw5
The number that’s supposed to show up when a certain price is hit so they can get a free delivery is only showing in the shop and product pages but not anywhere else, is there any way we can solve/change this?
Also, out of no where this picture is showing like this for 2-3 seconds when the page is loaded -> https://prnt.sc/1r4mo63
What can I do to solve it?
Hello,
1/ Try to disable all the third-party plugins (including cache plugins), that do not come bundled with XStore https://www.8theme.com/documentation/xstore/plugins/included-plugins/ , clear cache of browser, and check then. Maybe one of the additional plugins is a reason for the problem.
2/ Check how it works with another Image Loading Type in Theme options > Speed Optimization.
Regards
1. That didn’t work..
2. Didn’t work either, if I apply something else the image will not be shown anymore but the overall zoom effect still happens for some reason
Also I was wondering how can I be able to add a REad more button in the category description -> https://prnt.sc/1refbv2 I have tried by adding the more function in the category description editor but it’s not showing
Hello,
1) This option caused the issue with the minicart https://prnt.sc/1rk8j15
Once I disable this option cart works fine.
2) We have made some improvements in /wp-content/plugins/et-core-plugin/app/controllers/shortcodes/categories.php Check now.
3) Do you mean that you want to show a small excerpt and “Read more” link at the end to allow the user to see full text once he clicks that link? There is no such option in our theme by default. You can implement this by additional customization and use this solution for example https://www.w3schools.com/howto/howto_js_read_more.asp
I have made an example here https://italceramic.ro/categorie-produs/placi-ceramice/ and added custom script in Settings > Insert Headers and Footers.
<script>
jQuery(document).ready(function () {
var excerpt_shown = false;
jQuery('#myBtn').on('click', function() {
if ( excerpt_shown ) {
$(this).text('Citeste mai mult');
$('#more').hide();
$('#dots').show();
excerpt_shown = false;
}
else {
$(this).text('Citeste mai putin');
$('#more').show();
$('#dots').hide();
excerpt_shown = true;
}
});
});
</script>
Regards
1. It works, thanks
2. The image is still zooming when the page is loading
3. That works as well, thank you
I have a question, I want to move the description while I’m on mobile view to the bottom of the category, is that possible? If yes, where is the function so I can do it?
Hello,
Check the slider with the images again.
Regards
Ok that works thank you
1. Do you know how can I move the description to the bottom of the page only in the responsive mode?
2. https://prnt.sc/1s2fomp I’m having issues with H1, H2, H3 and H4 these are capitalized, is there any settings that I can change in order for the text-transform to be set to none?
3. How can I change the color of this text? https://prnt.sc/1s2fwfy These are the categories, the hovor colors as well
Hello,
1) We don’t have such option in our theme, sorry.
2) Do you want to change it to none for the description only or for the whole site?
If you want to change for the whole site then go to Theme Options > Typoghraphy > change headings settings. If you want to change it for the description only then use below custom
.term-description h1, .term-description h2, .term-description h3, .term-description h4, .term-description h5, .term-description h6{
text-transform: none;
}
3) Use custom
.widget_product_categories.sidebar-widget ul li a {color: #000;
}
.sidebar-widget ul li.current-cat>a, .sidebar-widget ul li>ul.children li.current-cat>a, .widget_product_categories.sidebar-widget ul li:hover > a {
color: #26609c;
}
If you have more questions, please, create new topic to avoid misunderstanding. This topic has 3 pages already. Create the new one.
Regards
You must be logged in to reply to this topic.Log in/Sign up