Little CSS issues & number 1 appears while AJAX

  • Resolved bababoom

    (@bababoom)


    6 years, 11 months ago

    Hi the team!
    Great plugin ??

    I’ve managed to make the plugin work as I want but I still face 3 little issues:

    1- Just during the filter search the product, I have a little number 1 that appears at the top of my page, it’s generally hidden by my header but search add an overlay that make it displays..

    2- Still during the plugin search the products, my main column shifts from some pixel at the left and return to its normal position when the search is done. If column could stay at its position it would be better!

    3- I like the way you add options to change overlays and loading animations but they are all way too big to render professional, I would love to simplify them or even better, to add my own one gif while the search is performed. I can do that easily by css but the search is so fast I can’t achieve to know where to change it.. Can you help maybe?

    All the best!
    Simon

Viewing 8 replies - 1 through 8 (of 8 total)
  • Thread Starter bababoom

    (@bababoom)

    Here is the shop url: https://ftstp.com/shop

    Filter is active on the releases & tracks categories ??

    • This reply was modified 6 years, 11 months ago by bababoom.
    Thread Starter bababoom

    (@bababoom)

    Updates:

    1 – The little “1” number that appears while searching is just on Safari, Chrome & FF are ok.

    2- I achieved to make it fixed for Chrome & Firefox by adding this:
    .woof_search_is_going {margin-right: 0 !important;}
    but it still shift from 15 pixels on the left on Safari..

    3- I managed to add the svg I wanted but it still displays the default one on Firefox, Chrome & Safari are ok.

    Best!
    Simon

    Hello Simon

    1) I can not repeat this. Can you drop me screenshots of this with browser console?

    3) yes because in some settings svg does not work in this browser

    Thread Starter bababoom

    (@bababoom)

    Hello!

    1) It’s not a problem anymore since I remove the plain overlay during the search so we don’t see it anymore.

    3) It’s ok then, I’ll leave it that way.

    My main issue is still the 15px shifting on the left while the search is going on, I thought it worked but nope. It’s because when searching, woof adds 3 style css :

    position: relative;
    overflow: hidden;
    margin-right 15px;

    Is it possible to remove the margin-right?

    Thread Starter bababoom

    (@bababoom)

    Hi again,

    I managed to avoid the 15px shifting while search is going on.

    I have 2 little more concern though:

    1- Since I installed your plugin, I have a fade in on my single product pages, I would like to remove it but I don’t know how.

    2- I use Infinite Scroll on my website, is there a way to avoid pages 2/3/4..?
    (Also, clicking on the next pages does not work, I have a blank pages almost all the time instead).

    Thank you for the help,

    Simon

    Hello Simon

    1) For show or hide widgets on different pages – https://www.woocommerce-filter.com/how-to-show-or-hide-widget-only-on-selected-site-pages/

    2) Read this – https://www.woocommerce-filter.com/pagination-troubles-in-ajax-mode/
    Try to use this tool – https://www.ads-software.com/plugins/yith-infinite-scrolling/

    Thread Starter bababoom

    (@bababoom)

    Hello,

    1- I don’t use widgets. I was referencing to the fade in effect that comes when you click on a product in the list and that appears on the single product pages.

    2- thanks for the link, my theme already have infinite scroll, I will check with their team.

    Hello

    1) Looks like I did not understand you correctly. You can drop a screenshot

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘Little CSS issues & number 1 appears while AJAX’ is closed to new replies.