Темы оформления

Xcomm3x1 мин чтенияСтраница 5 из 11
На этой странице 4

Встроенная тема

Используется по умолчанию. Чанки с префиксом xcomm3x_*, CSS-классы xcomm3x-*. Стили подключаются автоматически.

[[!XcommThread? &resource=`[[*id]]` &block_key=`main` &limit=`10`]]
[[!Xcomm3x? &resource=`[[*id]]` &block_key=`main`]]

Bootstrap 5

[[!XcommThread?
  &resource=`[[*id]]`
  &block_key=`main`
  &tpl=`xcomm3x_bs5_comment_item`
  &outerTpl=`xcomm3x_bs5_thread_outer`
  &replyBtnTpl=`xcomm3x_bs5_reply_btn`
  &editBtnTpl=`xcomm3x_bs5_edit_btn`
  &deleteBtnTpl=`xcomm3x_bs5_delete_btn`
  &loadMoreTpl=`xcomm3x_bs5_load_more`
  &noCommentsTpl=`xcomm3x_bs5_no_comments`
  &limit=`10`
]]

[[!Xcomm3x?
  &resource=`[[*id]]`
  &block_key=`main`
  &tpl=`xcomm3x_bs5_post_form`
  &guestFieldsTpl=`xcomm3x_bs5_guest_fields`
  &replyFormTpl=`xcomm3x_bs5_reply_form`
  &editFormTpl=`xcomm3x_bs5_edit_form`
  &commentTpl=`xcomm3x_bs5_comment_item`
  &replyBtnTpl=`xcomm3x_bs5_reply_btn`
  &editBtnTpl=`xcomm3x_bs5_edit_btn`
  &deleteBtnTpl=`xcomm3x_bs5_delete_btn`
]]

UIKit 3

[[!XcommThread?
  &resource=`[[*id]]`
  &block_key=`main`
  &tpl=`xcomm3x_uk3_comment_item`
  &outerTpl=`xcomm3x_uk3_thread_outer`
  &replyBtnTpl=`xcomm3x_uk3_reply_btn`
  &editBtnTpl=`xcomm3x_uk3_edit_btn`
  &deleteBtnTpl=`xcomm3x_uk3_delete_btn`
  &loadMoreTpl=`xcomm3x_uk3_load_more`
  &noCommentsTpl=`xcomm3x_uk3_no_comments`
  &limit=`10`
]]

[[!Xcomm3x?
  &resource=`[[*id]]`
  &block_key=`main`
  &tpl=`xcomm3x_uk3_post_form`
  &guestFieldsTpl=`xcomm3x_uk3_guest_fields`
  &replyFormTpl=`xcomm3x_uk3_reply_form`
  &editFormTpl=`xcomm3x_uk3_edit_form`
  &commentTpl=`xcomm3x_uk3_comment_item`
  &replyBtnTpl=`xcomm3x_uk3_reply_btn`
  &editBtnTpl=`xcomm3x_uk3_edit_btn`
  &deleteBtnTpl=`xcomm3x_uk3_delete_btn`
]]

Создание собственной темы

  1. Скопируй набор чанков BS5 или UIKit3 (11 чанков)
  2. Переименуй по своему принципу (например, my_comment_item, my_thread_outer и т.д.)
  3. Замени CSS-классы на свои
  4. Передай имена новых чанков в параметрах сниппетов

JS-логика работает только через data-xc-* атрибуты — их удалять нельзя. Три класса генерируются PHP-кодом и присутствуют во всех темах: xcomm3x-text, xcomm3x-deleted, xcomm3x-vote-widget.