Sections - gtbu/Typesetter5.2 GitHub Wiki
Typesetter has 2 methods of editing the content of a site.
A. The 'Ckeditor 4' in the single pages of the Theme. The Layout-editor in the top-line of the page allows to add further styles.
- In the page-source the area-code is then : < div class="GPAREA filetype-text editable_area" data-gp-section="0" data-gp-area-id="1" id="ExtraEditArea1"
B. Sections are a special type of Extra-Areas.
-
In the top - line of the page is a tab 'sections', for which several Custom sections exist. They insert a gp_area - div, to which You can add a class with a klick at the slider-icon.
-
In the source-code of a gallery-area is then <div class="GPAREA filetype-gallery gallery-size-lg gallery-theme-circle-grid editable_area" data-gp-section="1" data-gp-area-id="2" id="ExtraEditArea2" data-gp_label="Image Gallery".....
-
There is an additional example-addon custom-sections for faster development.
Such areas have then a wrapper-div with code like < div class="GPAREA filetype-wrapper_section gpRow editable_area" data-gp_label="Text & Gallery" data-gp_color="#555" data-gp-attrs="{"class":"gpRow"}" id="ExtraEditArea7" data-gp-section="1" >. Under options(Fa-Sliders - icon) are several classes choosable.
The parameters of the sections of the single page are stored parallel to the page.php in a draft.php.
-
There is a plugin Gallery editor tweaks which allows to edit image-gallerys in a magnified field (" Edit in box").
-
In the CMS under content -> extra content (/Admin/extra) You can directly edit the code and the source - code of Extra areas - and PUBLISH !
-
- An important point is the image width—for example, in a layout with text on the left and an image on the right: the image might fill the entire designated area on the right, regardless of the size set in the Image Editor. This can be due to the class assigned to the image, such as
gp-col-6. You can change the assigned class via the image's options icon.
- An important point is the image width—for example, in a layout with text on the left and an image on the right: the image might fill the entire designated area on the right, regardless of the size set in the Image Editor. This can be due to the class assigned to the image, such as
**Example - gallery **
- The code of a new added gallery is stored in data/pages/.../draft.php as array value of $file_sections = array {}.
- The used image-files are stored in data/uploaded/imag/\galleryname. You can add further images with the file-manager.
If You cklick at the right top of the sections at 'options' 
then You get a table with parameter-classes . In the Cms is also a table with 'available classes' under "manage-classes > classes" whhere you will also find a dropdwon with 3 Bootstrap versions.
- If you want to sort existing or added new images the you can go in the page over the existing gallery -> edit and drag the inages at the right top to the wanted position
P.S. There is a Colorbox dropdown under Settings in the CMS. It determines the border style for galleries in the Section Manager.