Jump to content
  • 0

Widok listy w module nowości


agata81

Question

18 answers to this question

Recommended Posts

  • 0

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.

Link to comment
Share on other sites

  • 0

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ł.

Link to comment
Share on other sites

  • 0

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 by e_com (see edit history)
Link to comment
Share on other sites

  • 0

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".

 

Link to comment
Share on other sites

  • 0

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.

Link to comment
Share on other sites

  • 0

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?

Link to comment
Share on other sites

  • 0

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 ;-)

Link to comment
Share on other sites

  • 0

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.

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...