Built-in theme
Used by default. Chunks prefixed with xcomm3x_*, CSS classes xcomm3x-*. Styles are added automatically.
[[!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`
]]Creating your own theme
- Copy the BS5 or UIKit3 chunk set (11 chunks)
- Rename them your way (for example
my_comment_item,my_thread_outer, etc.) - Replace the CSS classes with your own
- Pass the new chunk names in the snippet parameters
The JS logic works only through data-xc-* attributes — do not remove them. Three classes are generated by PHP and are present in all themes: xcomm3x-text, xcomm3x-deleted, xcomm3x-vote-widget.