This plugin helps dealing with translated categories, adding UUIDs to structure fields and the ability to sync their content accross all languages.
This plugin is completely free and published under the MIT license. However, if you are using it in a commercial project and want to help me keep up with maintenance, you can consider making a donation of your choice.
Version 2.0.0 introduces breaking changes from previous 1.x.x versions (explained and documented in the release), and is compatible with Kirby 5 only.
Download and copy this repository to /site/plugins/categories
Alternatively, you can install it with composer: composer require sylvainjule/categories
This plugin allows an editor to easily create and manage multi-language categories, while keeping the field's content synced between languages in order to keep IDs unique. It will only work in multi-language setups.
Whenever a user adds a new item to a synced structure field, all languages inherit the new item.
Whenever a user deletes an item from a synced structure field, it is deleted from all languages.
Whenever a user sorts a synced structure field, the new sort order is applied in all languages.
It requires two steps:
First, add a structure field anywhere in your blueprints:
fields:
categories:
label: Categories
type: structure
Second, you need to tell the plugin which template => fieldname
to watch and sync accross languages, by adding this option to your config file
// site/config/config.php
'sylvainjule.categories.watch' => [
'template' => 'fieldname',
'template' => ['fieldname1', 'fieldname2'],
'site' => 'fieldname', # can also be used with the site.yml blueprint
]
For example, if you have a blog
template with a categories
field, and a projects
template with clients
+ techniques
fields, you will need to set:
// site/config/config.php
'sylvainjule.categories.watch' => [
'blog' => 'categories',
'projects' => ['clients', 'techniques'],
]
You can then set the categories created with the field as dynamic options of select
, multiselect
, checkboxes
, etc. Refer to the official documentation about using structure field items as options.
Since the plugin makes sure that a given category shares the same UUID accross all languages, use {{ structureItem.uuid }}
as an immutable value. The text
property can be any field from your structure.
category:
label: Category
type: select
options: query
query:
fetch: page.parent.categories.toCategories
text: "{{ structureItem.fieldname }}"
value: "{{ structureItem.uuid }}"
An array of template => [fields]
pairs to watch (default is empty | []
). See above for examples.
'sylvainjule.categories.watch' => []
Setting this option to false
(default is true
) will prevent the plugin to apply any change in the page.update:after
| site.update:after
hooks (you would then have to manually call it, see 5. Caveats).
'sylvainjule.categories.hook' => true,
You can use the field like any other Structure, but knowing your categories share an immutable UUID accross languages. Few examples:
// select field
$categories = $page->parent()->categories()->toCategories(); // our structure field
$category = $page->category(); // a select field value referencing structureItem.uuid
$category = $categories->findBy('uuid', $category); // we convert this UUID into the associated Structure Object
// multiselect field
$categories = $page->parent()->categories()->toCategories(); // our structure field
$selectedArray = $page->categories()->split(); // a multiselect field value referencing structureItem.uuid
$selectedCategories = $categories->filter(function($category) use($selectedArray) {
return in_array($category->uuid()->value(), $selectedArray);
}); // we convert this array of UUIDs into a filtered Structure
...
The plugin registers two hooks (site.update:after
, page.update:after
) to save data in content files. To my understanding you should avoid running multiple hooks which save content in the same files to prevent any conflict.
If your project or another plugin registers these hooks, few options:
- Make sure it doesn't call the
$newPage->save()
or$newSite->save()
method. - Make sure it doesn't call the
$newPage->save()
method on a template watched by the plugin (ie. added in thesylvainjule.categories.watch
option). - Make sure you disable the plugin's hook by setting
'sylvainjule.categories.hook' => false
, and call its logic in your own hook, in order to call the->save()
method only once:
'page.update:after' => function($newPage, $oldPage) {
// get the array of changes to apply
// $changes = [
// 'en' => [
// 'fieldname1' => $data,
// 'fieldname2' => $data,
// ],
// 'de' => [
// 'fieldname1' => $data,
// 'fieldname2' => $data,
// ],
// ...
// ]
$changes = $categories->getChangesArray($this, $newPage, $oldPage);
// logic to merge into your own hook / save to make sure content is saved in all languages
$currentLanguage = $this->language();
$currentCode = $currentLanguage->code();
$otherLanguages = $this->languages()->not($currentLanguage);
if(array_key_exists($currentCode, $changes)) {
$newPage = $newPage->save($changes[$currentCode], $currentCode);
}
foreach($otherLanguages as $lang) {
if(array_key_exists($lang->code(), $changes)) {
$newPage = $newPage->save($changes[$lang->code()], $lang->code());
}
}
},
MIT