+ Reply to Thread
Page 1 of 2 12 LastLast
Results 1 to 10 of 17

Thread: item lists Smaller scrennsize grid changes to list

  1. #1

    item lists Smaller scrennsize grid changes to list

    item lists Smaller scrennsize grid changes to list

    how can i change that that not list is the standard at smaller screensizes but grid is.

    why changing from grid to list back on responsive layouts anyways.

    some help here please.

    please dont change anything on page, please explain if possible

  2. #2
    Hello Mustafa,

    Go to ftp://templates>>your_template>>tpl>>blocks>>grid.tpl

    find line:
    Code:
    Only registered members can view the code.
    and replace to:
    Code:
    Only registered members can view the code.
    Also, you need to clear cookies on your browser.
    Viktor,
    Flynax technical department,
    Best wishes.

  3. #3
    ok this is for standard listings display

    but what i need is to change i guess the javascript that changes from grid to list back .

    right now is working as follow

    standard listoption is "list"

    on widescreen:

    i changed the listing view to grid http://prntscr.com/hjtogb

    after that i resize the window to smaller screensize under 768px it changes automaticly back to list view and removes the grid options http://prntscr.com/hjtpin

    that musst be a javascript wich changes the listview back from grid to list. but what i need is from list to grid and when is grid do nothing on smaller screensizes

    thanks for your help viktor

  4. #4
    Hello Mustafa,

    Open file: ftp://templates>>your_teamplte>js/lib.js
    at line ~275 find code:
    Code:
    Only registered members can view the code.
    and replace to:
    Code:
    Only registered members can view the code.
    save and close.

    Then open file: ftp://templates>>your_teamplte>>css>>style.css
    at line~8050 find styles:
    Code:
    Only registered members can view the code.
    and replace to:
    Code:
    Only registered members can view the code.
    save and check again.
    Viktor,
    Flynax technical department,
    Best wishes.

  5. #5
    Thank you very much Viktor !

    its working

  6. #6
    Hello Viktor!

    How to activate switching view mode in mobile view like in desktop view?
    Last edited by Logmanov; September 4, 2021 at 09:55 AM.

  7. #7
    Flynax developer Rudi's Avatar
    Join Date
    Dec 2014
    Location
    Planet Earth
    Posts
    3,137
    Hello,

    Go to css > style.css > find a line like .grid_navbar.listings-area .buttons > div.grid and remove a property display: none;

  8. #8
    Hi Rudi!

    I removed it, but it doesn't work correctly. If renew the browser it turns back to previous view mode.

  9. #9
    Flynax developer Rudi's Avatar
    Join Date
    Dec 2014
    Location
    Planet Earth
    Posts
    3,137
    It works fine on my end saving the last selected mode

  10. #10
    Hi Rudi!

    I checked it in a new installed 4.8.2 version, without any customization.
    If renew the browser in mobile screensize it turns to list view mode.
    You can check it:
    Make mobile screen > click grid button > renew browser ↻

+ Reply to Thread