How Can I make 2 product per row in brooklyn theme mobile view

Highlighted
New Member
3 0 0

We can make 2 product per row in Collection Pages for the mobile view (I'm using Brooklyn theme)

You can access one of these file via your admin > online store> themes > actions> edit html/ css > snippets 

 around line 122 in the collection- template.liquid. To this, you can then add in the following code:

'small--one-half’

0 Likes
Highlighted
New Member
5 0 0

Hi Im having the same problem in that i cannot find the collection-template.liquid applicable snipplets of code, did you get a reply to your query - can you share if you did..thanks

0 Likes
Highlighted
New Member
5 0 0

Here is my collection-template file..any one solved this mystery, thanks in advance

<!-- /templates/collection.liquid -->
<div id="CollectionSection" data-section-id="{{ section.id }}" data-section-type="collection-template" data-grid-type="{{ section.settings.collection_products_grid }}">
  {% include 'collection-template' %}
 
</div>

{% schema %}
{
  "name": {
    "de": "Kategorieseiten",
    "en": "Collection pages",
    "es": "Páginas de colección",
    "fr": "Pages de collection",
    "it": "Pagine delle collezioni",
    "ja": "コレクションページ",
    "pt-BR": "Páginas de Coleções"
  },
  "settings": [
    {
      "type": "select",
      "id": "collection_products_grid",
      "label": {
        "de": "Rasterstil",
        "en": "Grid style",
        "es": "Estilo de cuadrícula",
        "fr": "Style de grille",
        "it": "Stile griglia",
        "ja": "グリッドスタイル",
        "pt-BR": "Estilo da grade"
      },
      "options": [
        {
          "value": "collage",
          "label": {
            "de": "Collage",
            "en": "Collage",
            "es": "Collage",
            "fr": "Collage",
            "it": "Collage",
            "ja": "コラージュ",
            "pt-BR": "Colagem"
          }
        },
        {
          "value": "grid",
          "label": {
            "de": "Raster",
            "en": "Grid",
            "es": "Cuadrícula",
            "fr": "Grille",
            "it": "Griglia",
            "ja": "グリッド",
            "pt-BR": "Grade"
          }
        }
      ]
    },
    {
      "type": "checkbox",
      "id": "collection_sort_enable",
      "label": {
        "de": "Kategoriesortierung aktivieren",
        "en": "Enable collection sorting",
        "es": "Habilitar la la función ordenar colecciones",
        "fr": "Activer le tri de la collection",
        "it": "Abilita ordinamento collezione",
        "ja": "コレクションの並べ替えを有効にする",
        "pt-BR": "Ativar a ordenação de coleções"
      }
    },
    {
      "type": "checkbox",
      "id": "collection_tags_enable",
      "label": {
        "de": "Kategorie-Tags anzeigen",
        "en": "Show collection tags",
        "es": "Mostrar etiquetas de colección",
        "fr": "Afficher les balises de la collection",
        "it": "Mostra tag della collezione",
        "ja": "コレクションのタグを表示する",
        "pt-BR": "Exibir tags de coleção"
      }
    },
    {
      "type": "checkbox",
      "id": "product_vendor_enable",
      "label": {
        "de": "Produktverkäufer anzeigen",
        "en": "Show product vendor",
        "es": "Mostrar proveedor del producto",
        "fr": "Afficher le distributeur du produit",
        "it": "Indica fornitore prodotto",
        "ja": "商品の販売元を表示する",
        "pt-BR": "Exiba o fornecedor do produto"
      }
    }
  ]
}
 
{% endschema %}

 

0 Likes
Highlighted
New Member
3 0 0

you have to go to snippets folder, the snippets folder is below the section folder. in this snippets folder you will find collection- template.liquid, then you can make change in 122 line

0 Likes
Highlighted
New Member
5 0 0

dohh !! that was easy!!! i swear i looked everywhere , thank you problem solved

0 Likes
New Member
1 0 0

hi im hema 

im using flatly theme 

i want to display two products per row in mobile view

 

please help me how to do it

0 Likes
Highlighted
Tourist
3 0 0

delete simbol ' '

0 Likes