Dostosowanie lewej i prawej kolumny do wyglądu sklepu

Powrót do strony głównej

Standardowy plik layout'u default.yml znajdujacy sie w lokalizacji /soteshop/apps/frontend/config/layout/ wygląda następująco:

all:
   .layout: 
      name:     layout1
      container_left: 
        display:  [stProducer.list, stCategoryTree.show, stNewsletterFrontend.newsletter, stProduct.new, stProduct.productGroup-1]
        params:
            stProduct.productGroup-1: {product_group: RECOMMEND}
            
            
      container_right: 
        display:  [stNavigationFrontend.productsBox, stProduct.productGroup-1, stBoxFrontend.boxes, stProduct.productGroup-2]
        params:
            stProduct.productGroup-1: {product_group: PROMOTION}
            stProduct.productGroup-2: {product_group: SALES}

Opis pliku:

  • name - rodzaj wyświetlanego layout'u (domyślnie ustawione jest layout1),
  • container_left , container_right - lewa , prawa kolumna strony,
  • display - wyświetlane elementy (np. stProducer.list, gdzie stProducer to załączany moduł, list to wyświetlany komponent).

Dokumentacja wyświetlania elementów w lewej i prawej kolumnie sklepu.

W przypadku wiekszej ilości np. grup produktów, konieczne jest nadanie im parametrów.

  • params - parametry

Grupy produktów posiadają następujące parametry:

  • (7) RECOMMEND - polecane produkty,
  • (8) PROMOTION - promocje,
  • (9) SALES - wyprzedaż.

Jeśli chcesz skonfigurować wyświetlane elementy w lewej i prawej kolumnie nowego tematu graficznego (zakładając, że temat dodałeś w module edycja grafiki (WWW) w panelu administracyjnym) to:

  1. utwórz w lokalizacji /soteshop/apps/frontend/config/layout nowy plik z nazwą nowego tematu graficznego i rozszerzeniem .yml,
  2. skopiuj całą zawartość pliku default.yml do nowo utworzonego pliku i wprowadź w nim zmiany np. przenieś stBoxFrontend.boxes z display w container_right do display w container_left. Boks informacyjny będzie wyświetlany w lewej kolumnie,
  3. zapisz plik i wyczyść pamięć podręczną.