forum features

[ArashDev]

Hello.
I have a few questions:

1. What is the name of this theme, and if someone has it, could they make it available for download?

https://www.skycheats.com

 

1. How is this filter section added in the shop page?

 

1. How can I add these sections to the product page?

[Danloona]

Hi There,

 

Seems it's custom made theme by them, however i found the developer site of it https://drawncodes.com/

Regarding second question, seems it might also custom coded module... 

 

Edited February 4 by Danloona

[Split]

I can help you with sorting based on letters, but I didn't do the rest on request.

 

<section id="cp-store-alphabet">
  {{$categoriesByLetter = [];}}
  {{$letters = [];}}
  {{foreach \IPS\nexus\Package\Group::rootsWithViewablePackages() as $group}}
    {{$llang = \IPS\Member::loggedIn()->language()->get( 'nexus_pgroup_' . $group->id );}}
    {{$firstLetter = mb_substr($llang, 0, 1);}}
    {{if (!isset($categoriesByLetter[$firstLetter]))}}
      {{$categoriesByLetter[$firstLetter] = [];}}
      {{$letters[] = $firstLetter;}}
    {{endif}}
    {{$categoriesByLetter[$firstLetter][] = $group;}}
  {{endforeach}}

  <div class="ipsTabs" id='elTabs_alphabet' data-ipsTabBar data-ipsTabBar-contentArea='#ipsTabs_content_alphabet' {{if \IPS\Request::i()->isAjax()}}data-ipsTabBar-updateURL='false'{{endif}}>
    <ul role='tablist'>
      {{if \count( $popularProducts )}}
      	<li><a href="#" id='alphabet_tab_popular' class="ipsTabs_item" role="tab">POPULAR</a></li>
      {{endif}}
      {{foreach $letters as $letter}}
          <li><a href="#" id='alphabet_tab_{$letter}' class="ipsTabs_item" role="tab">{$letter}</a></li>
      {{endforeach}}
    </ul>
  </div>
  
  <section id='ipsTabs_content_alphabet' class='ipsTabs_panels'>
    {{if \count( $popularProducts )}}
      <div id='ipsTabs_elTabs_alphabet_alphabet_tab_popular_panel' class="ipsTabs_panel" aria-labelledby="alphabet_tab_popular" aria-hidden="false">
        <ul class='cp-groups-list'>
          {{foreach $popularProducts as $group}}
          <li>
            <a href='{$group->url()}' {{if $group->image}}style="background-image: url( '{expression="str_replace( array( '(', ')' ), array( '\(', '\)' ), $group->image )"}' );"{{endif}}>
              <h2>{$group->_title}</h2>
            </a>
          </li>
          {{endforeach}}
        </ul>
      </div>
    {{endif}}

    {{foreach $letters as $letter}}
      <div id='ipsTabs_elTabs_alphabet_alphabet_tab_{$letter}_panel' class="ipsTabs_panel" aria-labelledby="alphabet_tab_{$letter}" aria-hidden="false">
        <ul class='cp-groups-list'>
          {{foreach $categoriesByLetter[$letter] as $group}}
            <li>
              <a href='{$group->url()}' {{if $group->image}}style="background-image: url( '{expression="str_replace( array( '(', ')' ), array( '\(', '\)' ), $group->image )"}' );"{{endif}}>
                <h2>{$group->_title}</h2>
              </a>
            </li>
          {{endforeach}}
        </ul>
      </div>
    {{endforeach}}
  </section>
</section>