Widok listy w module nowości

[agata81]

Witam

 

W jaki sposób mogę dostosować moduł blocknewproducts, żeby była możliwość wyboru widoku (siatka/lista) tak jak jest w kategoriach.

 

Bardzo proszę o pomoc.

 

Pozdrawiam Agata

[e_com]

Moduł "blocknewproducts", co się może wydawać nielogiczne, nie ma nic wspólnego z wyświetlaniem wszystkich nowych produktów.

Realizuje to front kontroler NewProductsController wysyłając dane do templatki z głównego katalogu szablonu new-products.tpl.

 

Templatka ta powinna mieć zmianę układu siatka/lista:

{if $products}
    <div class="content_sortPagiBar">
        <div class="sortPagiBar clearfix">
            {include file="./product-sort.tpl"}
            {include file="./nbr-product-page.tpl"}
        </div>
        <div class="top-pagination-content clearfix">
            {include file="./product-compare.tpl"}
            {include file="$tpl_dir./pagination.tpl" no_follow=1}
        </div>
    </div>

    {include file="./product-list.tpl" products=$products}

    <div class="content_sortPagiBar">
        <div class="bottom-pagination-content clearfix">
            {include file="./product-compare.tpl"}
            {include file="./pagination.tpl" no_follow=1 paginationId='bottom'}
        </div>
    </div>
{else}
    <p class="alert alert-warning">{l s='No new products.'}</p>
{/if}

Zmianę układu wykonuje includowana templatka product-sort.tpl.

 

Jeśli u Ciebie tego nie ma, to masz jakiś wybrakowany szablon.

[agata81]

Dziękuję za odpowiedz.

 

W pliku new-products.tpl mam dokładnie ten kod.

 

Chodzi mi o to żeby były widoczne ikony siatki i listy w zakładce nowości.

 

Agata

[e_com]

Jeśli masz includowaną templatkę product-sort.tpl, to teoretycznie powinna być możliwość zmiany układu siatka/lista.

A czemu nie ma, to trudno tak telepatycznie stwierdzić, może wróż Maciej by potrafił

Link do sklepu by się przydał.

[agata81]

link do sklepu: http://storybox.pl/

[e_com]

Są jak najbardziej ikony przełączników siatka/lista:

http://storybox.pl/new-products

[agata81]

Chodzi o moduł na stronie głównej

[e_com]

Teraz dopiero zrozumiałem o co chodzi

To jednak chodzi o moduł "blocknewproducts" wyświetlany na home.

Niestety, ale te wszystkie moduły wyświetlane na home, nie mają zmiany układu wyświetlania na listę.

Dlatego jest ten kontroler dla nowości:

http://storybox.pl/new-products

[agata81]

A nie można tak zmodyfikować kodu w module, żeby można było zmieniać widok?

[e_com]

Można. Trzeba zmodyfikować templatkę blocknewproducts_home.tpl

{if isset($new_products) && $new_products}
<div id="product-list-switcher" class="form-group display">
    <label class="visible-xs">{l s='Display product list as:'}</label>
    <div class="btn-group" role="group" aria-label="{l s='Product list display type'}">
    <a id="grid" class="btn btn-default" rel="nofollow" href="#" onclick="bindGrid();" title="{l s='Grid'}">
          <i class="icon icon-fw icon-th"></i>
          <span class="visible-xs">{l s='Grid'}</span>
    </a>
    <a id="list" class="btn btn-default" rel="nofollow" href="#" onclick="bindGrid();" title="{l s='List'}">
          <i class="icon icon-fw icon-bars"></i>
          <span class="visible-xs">{l s='List'}</span>
    </a>
    </div>
</div>
    {include file="$tpl_dir./product-list.tpl" products=$new_products class='blocknewproducts tab-pane' id='blocknewproducts'}
{else}
<ul id="blocknewproducts" class="blocknewproducts tab-pane">
    <li class="alert alert-info">{l s='No new products at this time.' mod='blocknewproducts'}</li>
</ul>
{/if}

Powinno się dodać ten product-list-switcher do wszystkich modułów home page.

Bo on przełącza widok lista/siatka we wszystkich modułach home page.

Żeby działał selektywnie tylko na jeden moduł "blocknewproducts" trzeba by zrobić więcej przeróbek w javascript.

Edited March 29, 2017 by e_com (see edit history)

[agata81]

Dzięki za pomoc.

Prawie się udało, ale nie do końca.

Po kliknięciu na ikonę listy, wyświetla listę ale po prawej stronie pod "Dodaj do koszyka" i "Więcej" zamiast pojawić się link "dodaj do porównania" pojawia się tekst "undefined"

Klikając na ikonę siatka w celu powrotu do widoku siatki nie wyświetla tek samo jak na początku, tzn nie pokazuje lektora i lektora a na dole wyświetla niepotrzebnie tekst "undefined".

 

[e_com]

Zrobiłem test w swoim demo i tak to wygląda:

http://presta.eu.org/demo/pl/

 

Ale dodałem przełącznik widoku tylko do homefutured.tpl

Kod templatki:

{if isset($products) && $products}
  <div id="product-list-switcher" class="form-group display">
      <label class="visible-xs">{l s='Display product list as:'}</label>
      <div class="btn-group" role="group" aria-label="{l s='Product list display type'}">
      <a id="grid" class="btn btn-default" rel="nofollow" href="#" onclick="bindGrid();" title="{l s='Grid'}">
        <i class="icon icon-fw icon-th"></i>
        <span class="visible-xs">{l s='Grid'}</span>
      </a>
      <a id="list" class="btn btn-default" rel="nofollow" href="#" onclick="bindGrid();" title="{l s='List'}">
        <i class="icon icon-fw icon-bars"></i>
        <span class="visible-xs">{l s='List'}</span>
      </a>
      </div>
  </div>
  {include file="$tpl_dir./product-list.tpl" class='homefeatured tab-pane' id='homefeatured'}
{else}
  <ul id="homefeatured" class="homefeatured tab-pane">
    <li class="alert alert-info">{l s='No featured products at this time.' mod='homefeatured'}</li>
  </ul>
{/if}

Z blocknewproducts_home.tpl usuń kod przełącznika.

Co prawda mam inny szablon, ale teoretycznie powinno działać i u Ciebie.

[agata81]

Nadal to samo ;(

[e_com]

Wyczyść cache przeglądarki (Ctrl+F5) bo mi w Twoim sklepie przełącza widoki poprawnie.

Tylko pojawia się to "undefined" w divie "functional-buttons".

Masz dodane do listy produktów autora i lektora i to te zmienne giną przy przełączaniu.

To jakiś moduł je dodaje? Czy to jakaś modyfikacja?

[agata81]

Tylko pojawia się to "undefined" w divie "functional-buttons". - A zamiast tego powinno być "Add to Compare"

Masz dodane do listy produktów autora i lektora i to te zmienne giną przy przełączaniu.

To jakiś moduł je dodaje? Czy to jakaś modyfikacja? - Modyfikacja, to producent i dostawca pierwotnie ;-)

[endriu107]

Undefined pojawia sie ponieważ w js nie ma zdefiniowanego tego pola.

[agata81]

Dziwne bo w kategoriach to pole jest.

[e_com]

Undefined pojawia sie ponieważ w js nie ma zdefiniowanego tego pola.

Zgadza się, ale na home komparator jest standardowo zawsze wygaszony w product-listach includowanych do tych modułów frontowych.

Przełączanie widoku jakoś go aktywuje, muszę poszukać w js z default-bootstrap, bo u mnie jest OK.

[agata81]

Dziękuję i bardzo proszę o pomoc.