Glyde Studio - Category

This will primarily control visibility of certain fields, or how certain functionality is configured on the Category page. This can be managed in the Admin Portal by Stores > Settings > Configuration > Glyde > Glyde Studio.

📘

NOTE

All fields are configurable on a Website scope only.


Category

Field NameNotes
Category Page JSONThis is where you will need to input the JSON Configurations as per the specified format.
🚧

NOTE

All JSON fields need to be in the correct format as per below.

  \{  
  "display_title": true,  
  "display_description": true,  
  "display_category_tree_view": true,  
  "display_sub_category_carousel": true,
  "display_breadcrumbs": true,
  "sub_category_carousel_style": "thumbnail-title",  
  "category_position": "bottom",  
  "category_description_position": "inline-left",  
  "filter_position": "inline-left",  
  "product_tile_display_options": ["grid", "list", "table"],  
  "default_product_tile_display": "grid",  
  "show_per_page": \{  
  "default": 12,  
  "options": [12,24,36]  
  },  
  "display_results_total": true,  
  "display_category_product_count": true  
  }

Use a JSON checker to confirm the payload is correct before saving, or it may have issues with the front end if one of the parameters are not as expected.

JSON Configurations

NameDescriptionTypeValue
display_titleDictates the visibility of the Category Title.Booleantrue or false
display_descriptionDictates the visibility of the Category Description.Booleantrue or false
display_category_tree_viewDictates the visibility of the Category Tree View.Booleantrue or false
display_sub_category_carouselDictates the visibility of the Sub Category Carousel.Booleantrue or false
sub_category_carousel_style

Dictates the style of the Sub Category Carousel.

Thumbnail and Title

Title

Thumbnail

StringUse one of the following:
  • thumbnail-title
  • title
  • thumbnail
sub_category_carousel_button_style

Dictates the style of the Sub Category Button Links (titles of the Sub Categories if applicable).

Text

Outlined

Contained

StringUse one of the following:
  • text
  • outlined
  • contained
category_positionDictates the position of the CategoryStringUse one of the following:
  • top
  • bottom
category_description_positionDictates the position of the Category Description text on the page, whether it appears at the Top or Bottom of the Product list.StringUse one of the following:
  • top
  • bottom
filter_position

Dictates the position of the category filter.

Left Drawer

Right Drawer

Inline Top

Inline Left

StringUse one of the following:
  • left-drawer
  • right-drawer
  • inline-top
  • inline-left
default_product_tile_displayDictates the default Product Tile display.StringUse one of the following:
  • grid
  • list
  • table
product_tile_display_options

Dictates the available options for customers to view the Product Tiles. From left to right, it's Grid, List, and Table.

Array (String)

Use the following format:

["grid", "list", "table"]

Remove any options you do not wish to use.

show_per_page (default)Dictates the default amount of products to show customers per page.NumbersExample value:
12 or 48
show_per_page (options)

Dictates the available options for customers to show the amount of products per page.

Array (Numbers)

Use the following format:

[12,24,36]

display_results_total
display_category_product_count

If any changes were made, you can then select Save Config from the top right.