Sign in

Persona Default View List?

  • This topic has 1 reply, 2 voices, and was last updated 1 month, 2 weeks ago by .
Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #8585
    Avatar photoagomezmeade

    Hello

    Anyone know how to make the List View default instead of Grid View on the Persona theme?

    Thanks

    #8600
    Avatar photocandidexmedia

    Here’s what I could come up with:

    First, if you haven’t already, create an override theme folder so that your changes are kept even if you upgrade the theme.

    Next, you’ll want to override index.hbs and script.min.js.

     

    Open the override script.min.js, and change the following code from this:

    let gridBtn = layoutButtons[0];
    let rowsBtn = layoutButtons[1];

     

    To this:

    let gridBtn = layoutButtons[1];
    let rowsBtn = layoutButtons[0];

     

    Then, in the override index.hbs, swap the switchers items buttons and is-active class.

    Before:

    <button class="switchers__item is-active">
       <svg  width="20" height="20" fill="currentColor" >
          <use xlink:href="{{@website.assetsUrl}}/svg/svg-map.svg#switcher-grid"/>
       </svg>
    </button>
    <button class="switchers__item">
       <svg  width="20" height="20" fill="currentColor" >
          <use xlink:href="{{@website.assetsUrl}}/svg/svg-map.svg#switcher-rows"/>
       </svg>
    </button>

     

    After:

    <button class="switchers__item is-active">
       <svg  width="20" height="20" fill="currentColor" >
          <use xlink:href="{{@website.assetsUrl}}/svg/svg-map.svg#switcher-rows"/>
       </svg>
    </button>
    <button class="switchers__item">
       <svg  width="20" height="20" fill="currentColor" >
          <use xlink:href="{{@website.assetsUrl}}/svg/svg-map.svg#switcher-grid"/>
       </svg>
    </button>

     

     

    That’s it! Let me know if that works on your end.

Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.