Questions related to sliders on homepage

This topic has 52 replies, 3 voices, and was last updated 3 years, 3 months ago ago by Olga Barlow

  • Avatar: Sebastian
    Sebastian
    Participant
    July 30, 2021 at 16:26

    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?

    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    July 30, 2021 at 17:57

    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

    Avatar: Sebastian
    Sebastian
    Participant
    July 31, 2021 at 12:59

    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

    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    August 2, 2021 at 10:22

    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

    Avatar: Sebastian
    Sebastian
    Participant
    August 2, 2021 at 15:26

    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

    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    August 2, 2021 at 19:43

    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

    Avatar: Sebastian
    Sebastian
    Participant
    August 4, 2021 at 16:06

    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..

    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    August 5, 2021 at 15:24

    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

    Avatar: Sebastian
    Sebastian
    Participant
    August 5, 2021 at 15:34

    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

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    August 5, 2021 at 16:38

    Hello,

    Theme Options > WooCommerce > Shop > Shop page layout > Sidebar Position For Mobile

    Regards

    Avatar: Sebastian
    Sebastian
    Participant
    August 5, 2021 at 23:02

    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

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    August 6, 2021 at 08:21

    Hello,

    In this case, provide us with URLs of your Shop page and one of Categories. We will give you custom CSS code

    Regards

    Avatar: Sebastian
    Sebastian
    Participant
    August 6, 2021 at 11:41

    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

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    August 6, 2021 at 12:08

    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

    Avatar: Sebastian
    Sebastian
    Participant
    September 3, 2021 at 15:49

    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?

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    September 4, 2021 at 09:42

    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

    Avatar: Sebastian
    Sebastian
    Participant
    September 6, 2021 at 15:53

    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

    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    September 8, 2021 at 11:24

    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

    Avatar: Sebastian
    Sebastian
    Participant
    September 8, 2021 at 16:05

    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?

    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    September 9, 2021 at 16:19

    Hello,

    Check the slider with the images again.

    Regards

    Avatar: Sebastian
    Sebastian
    Participant
    September 13, 2021 at 15:54

    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

    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    September 14, 2021 at 14:51

    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

  • 1 2
    Viewing 52 results - 31 through 52 (of 52 total)

You must be logged in to reply to this topic.Log in/Sign up

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.