{"id":185893,"date":"2021-04-20T12:52:27","date_gmt":"2021-04-20T10:52:27","guid":{"rendered":"https:\/\/guide.jtl-software.com\/managing-boxes\/"},"modified":"2023-06-15T13:27:56","modified_gmt":"2023-06-15T11:27:56","slug":"managing-boxes","status":"publish","type":"page","link":"https:\/\/guide.jtl-software.com\/en\/jtl-shop\/appearance\/managing-boxes\/","title":{"rendered":"Managing boxes"},"content":{"rendered":"<div class=\"wpb-content-wrapper\">[vc_row][vc_column width=&#8221;1\/3&#8243; responsive=&#8221;{&#8220;col&#8220;: &#8220;12&#8220;, &#8220;order-md&#8220;: &#8220;1&#8220;, &#8220;col-lg&#8220;: &#8220;4&#8220;, &#8220;order-lg&#8220;: &#8220;12&#8220;}&#8221; advanced=&#8221;{&#8220;class&#8220;: &#8220;&#8220;, &#8220;hash&#8220;: &#8220;&#8220;}&#8221;]<div id=\"toc\">\n\t<div class=\"card border-0 bg-rysywhite mt-0 mt-lg-5 mb-5 w-100\" data-toc-element>\n\t\t<div class=\"d-none d-lg-flex flex-column\">\n\t\t\t<span class=\"fa-layers mx-auto mt--4 fa-fw fa-3x text-shaftblue\">\n\t\t\t\t<span class=\"fas fa-circle\"><\/span>\n\t\t\t\t<span class=\"fas fa-inverse fa-list-ul\" data-fa-transform=\"shrink-8\"><\/span>\n\t\t\t<\/span>\n\t\t\t<span class=\"font-weight-bold text-shaftblue text-center h5 mt-3 mb-0\">Contents<\/span>\n\t\t<\/div>\n\t\t<div class=\"d-block d-lg-none\">\n\t\t\t<a class=\"text-decoration-none card-header-link collapsed\" data-toggle=\"collapse\" href=\"#collapse-toc\" aria-expanded=\"false\" aria-controls=\"collapse-toc\">\n\t\t\t\t<div class=\"card-header d-flex bg-white align-items-center\" role=\"tab\" id=\"heading-toc\">\n\t\t\t\t\t<span class=\"h4 mb-0 d-flex align-items-center\">\n\t\t\t\t\t\t<span class=\"fa-layers fa-fw fa-2x mr-2 text-shaftblue\">\n\t\t\t\t\t\t\t<span class=\"fas fa-circle\"><\/span>\n\t\t\t\t\t\t\t<span class=\"fas fa-inverse fa-list-ul\" data-fa-transform=\"shrink-8\"><\/span>\n\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t<span>Contents<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<span class=\"flex-shrink-0 ml-auto fas fa-caret-down text-gray\"><\/span>\n\t\t\t\t<\/div>\n\t\t\t<\/a>\n\t\t<\/div>\n\t\t<div id=\"collapse-toc\" class=\"collapse show\" data-parent=\"#toc\" role=\"tabpanel\" aria-labelledby=\"heading-toc\">\n\t\t\t<div class=\"card-body p-4 table-of-content\">\n\t\t\t\t<ul data-toc-headings=\"h2,h3\" data-toc class=\"list-shop\"><\/ul>\n\t\t\t<\/div>\n\t    <\/div>\n\t<\/div>\n<\/div>[\/vc_column][vc_column responsive=&#8221;{&#8220;col&#8220;: &#8220;12&#8220;, &#8220;col-md&#8220;: &#8220;8&#8220;, &#8220;order-md&#8220;: &#8220;12&#8220;, &#8220;order-lg&#8220;: &#8220;1&#8220;}&#8221; width=&#8221;2\/3&#8243; advanced=&#8221;{&#8220;class&#8220;: &#8220;&#8220;, &#8220;hash&#8220;: &#8220;&#8220;}&#8221;]<h1 class=\"d-flex align-items-center hl-shop\" id=\"managing-boxes\">Managing boxes <span id='anchor-managing-boxes' data-href='#managing-boxes' class='far fa-link' data-anchor><\/span><\/h1><div class=\"custom-box\">\n\t<div class=\"d-flex align-items-center mb-4\">\n\t\t\t\t\t\t\t<span class=\"mr-3 fa-stack flex-shrink-0 fa-1x\">\n\t\t\t<span class=\"fas fa-circle fa-stack-2x text-shaftblue\"><\/span>\n\t\t\t\t\t<span class=\"flex-shrink-0 fas fa-clipboard-list text-white fa-stack-1x\"><\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\n\t\t\n\t\t<h3 class=\"mb-0 \" id=\"your-task-initial-situation\">Your task\/initial situation <span id='anchor-your-task-initial-situation' data-href='#your-task-initial-situation' class='far fa-link' data-anchor><\/span><\/h3>\t<\/div>\n\t<div class=\"box-content\">\n\t\tYou would like to define for different page types which boxes are to be displayed where.\t<\/div>\n<\/div>\n<h2 class=\"d-flex align-items-center hl-wawi\" id=\"set-the-contents-of-the-boxes\">Set the contents of the boxes <span id='anchor-set-the-contents-of-the-boxes' data-href='#set-the-contents-of-the-boxes' class='far fa-link' data-anchor><\/span><\/h2>\t<p>Boxes are used in JTL-Shop to display content in various places. You can define this content via the box administration in the administration area. You determine the type of box, the content, and the display page. The template in JTL-Shop automatically adapts to the box layout you have selected. You also have the option of creating custom boxes with your own xHTML source text.<\/p>\n<p>You can choose from the left sidebar and the footer.<\/p>\n<h3 class=\"d-flex align-items-center hl-shop\" id=\"more-information-on-the-left-side-bar\">More information on the left side bar <span id='anchor-more-information-on-the-left-side-bar' data-href='#more-information-on-the-left-side-bar' class='far fa-link' data-anchor><\/span><\/h3>\t<p>In the past, various content in online shops was displayed in the left side bar by default. Today, this is not necessarily the best choice. Modern online shops need to be highly responsive &#8211; they should be accessible from any device and should always look good. However, experience has shown that content in the left side bar is only displayed in full on desktop devices. On mobile devices, for example, this content is often pushed into the footer or cut off.<\/p>\n\t<p>Therefore, you can specify whether the left sidebar should be used only for the page type <span class=\"highlight\">Item overview<\/span>\u00a0or on all pages. To do this, select the corresponding option for the <span class=\"highlight\">Show left sidebar<\/span> setting in the Nova template under <span class=\"highlight\">View &gt; Settings &gt; Templates<\/span>. The <span class=\"highlight\">On all pages<\/span> option, is rather recommended in the B2B area, since displaying the online shop on mobile devices usually plays a minor role.<\/p>\n<h3 class=\"d-flex align-items-center hl-shop\" id=\"box-configuration-in-the-left-sidebar\">Box configuration in the left sidebar <span id='anchor-box-configuration-in-the-left-sidebar' data-href='#box-configuration-in-the-left-sidebar' class='far fa-link' data-anchor><\/span><\/h3>\t<p>In the following, we describe how you can configure the boxes displayed there using the example of the <span class=\"highlight\">Item overview<\/span> page type.<\/p>\n<ol start=\"1\" class=\"list-reset step mb-5 list-shop normal-step\">\n\t<li class=\"media-single-line\">\n\tLog in to the back end of JTL-Shop with your admin access data.<\/li><li class=\"media-single-line\">\n\tNavigate to the menu item <span class=\"highlight\">View &gt; Standard elements &gt; Footers\/Boxes<\/span>.<\/li><li class=\"media-single-line\">\n\tUse the <span class=\"highlight\">Page<\/span> drop-down menu to select the page type for which you want to edit the boxes, in this case the <span class=\"highlight\">Item overview<\/span>.<\/li><li >\n\tIn the <span class=\"highlight\">Status<\/span> column of the desired boxes, activate or deactivate the corresponding check box to specify which boxes are to be displayed on the item overview pages.<\/li><li class=\"media-single-line\">\n\tIf required, activate the container.<\/li><li class=\"media-single-line\">\n\tClick <span class=\"highlight\">Save<\/span>.<\/li><\/ol>\t\t\t\t\t\t<div data-gallery>\n\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/guide.jtl-software.com\/uploads\/activate-boxes-containers-jtl-shop-5-1.png\" itemprop=\"contentUrl\">\n\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/guide.jtl-software.com\/uploads\/activate-boxes-containers-jtl-shop-5-1.png\" srcset=\"https:\/\/guide.jtl-software.com\/uploads\/activate-boxes-containers-jtl-shop-5-1.png 1600w,https:\/\/guide.jtl-software.com\/uploads\/activate-boxes-containers-jtl-shop-5-1-1024x680.png 1024w,https:\/\/guide.jtl-software.com\/uploads\/activate-boxes-containers-jtl-shop-5-1-768x510.png 640w\" width=\"1576\" sizes=\"auto, (max-width: 20em) 30vw, (max-width: 30em) 60vw, (max-width: 40em) 90vw\" height=\"1047\" alt=\"Activating containers and boxes in the box management of JTL-Shop 5\" data-pswp=\"{&quot;src&quot;:&quot;https:\\\/\\\/guide.jtl-software.com\\\/uploads\\\/activate-boxes-containers-jtl-shop-5-1.png&quot;,&quot;w&quot;:1576,&quot;h&quot;:1047}\" class=\"border-defaultgray border-w-1 border img-fluid mb-5\">\n\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t<h3 class=\"d-flex align-items-center hl-shop\" id=\"page-type-quotall-pagesquot\">Page type &quot;All pages&quot; <span id='anchor-page-type-quotall-pagesquot' data-href='#page-type-quotall-pagesquot' class='far fa-link' data-anchor><\/span><\/h3>\t<p>If you select <span class=\"highlight\">All pages<\/span> under <span class=\"highlight\">Page<\/span>, you can see an overview of all available boxes. The status indicates whether the corresponding box is active on all pages (check mark), on no page (empty) or only on some pages (minus). If you want to activate\/deactivate a box on all pages, simply set or remove the corresponding check mark by clicking on the box under <span class=\"highlight\">Status<\/span>.<\/p>\n<p>When using NOVA, the settings only affect the sidebar in item overviews.<\/p>\n<div class=\"media-object media-object-border d-flex align-items-center\">\n\t\n\t\t\n\t\t<span class=\"mt-1 mr-3 flex-shrink-0 far fa-info-circle fa-2x columnsize-fa-2x text-shop\"><\/span>\n\t\t\t<span class=\"media-content border-shop\">\n\t\n\t\t\t<strong>Note:\u00a0<\/strong>The text displayed under <span class=\"highlight\">Status<\/span> changes only after the page has been <span class=\"highlight\">saved<\/span>.\t\t\t<\/span>\n\t\n\t<\/div>\n\n\n\t\t\t\t\t\t<div data-gallery>\n\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/guide.jtl-software.com\/uploads\/boxes-footers-page-selection-jtl-shop-5-1.png\" itemprop=\"contentUrl\">\n\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/guide.jtl-software.com\/uploads\/boxes-footers-page-selection-jtl-shop-5-1-1024x628.png\" srcset=\"https:\/\/guide.jtl-software.com\/uploads\/boxes-footers-page-selection-jtl-shop-5-1.png 1600w,https:\/\/guide.jtl-software.com\/uploads\/boxes-footers-page-selection-jtl-shop-5-1-1024x628.png 1024w,https:\/\/guide.jtl-software.com\/uploads\/boxes-footers-page-selection-jtl-shop-5-1-768x471.png 640w\" width=\"1024\" sizes=\"auto, (max-width: 20em) 30vw, (max-width: 30em) 60vw, (max-width: 40em) 90vw\" height=\"628\" alt=\"Selection of the pages on which boxes are to be displayed in JTL-Shop 5\" data-pswp=\"{&quot;src&quot;:&quot;https:\\\/\\\/guide.jtl-software.com\\\/uploads\\\/boxes-footers-page-selection-jtl-shop-5-1.png&quot;,&quot;w&quot;:1602,&quot;h&quot;:983}\" class=\"border-defaultgray border-w-1 border img-fluid mb-5\">\n\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<p>If you do decide that some boxes should only be displayed on certain pages, open the individual page types and activate or deactivate the desired boxes as described above.<\/p>\n<h3 class=\"d-flex align-items-center hl-wawi\" id=\"changing-the-order-of-boxes\">Changing the order of boxes <span id='anchor-changing-the-order-of-boxes' data-href='#changing-the-order-of-boxes' class='far fa-link' data-anchor><\/span><\/h3>\t<p>You can set the order of the boxes in the container individually for each page.<\/p>\n<ol start=\"1\" class=\"list-reset step mb-5 list-shop normal-step\">\n\t<li >\n\tTo do this, change the number in the <span class=\"highlight\">Sorting<\/span> field. The lower the number, the higher a box is displayed.<\/li><li class=\"media-single-line\">\n\tClick <span class=\"highlight\">Save<\/span>.<\/li><\/ol><h3 class=\"d-flex align-items-center hl-wawi\" id=\"show-deactivate-container\">Show\/Deactivate container <span id='anchor-show-deactivate-container' data-href='#show-deactivate-container' class='far fa-link' data-anchor><\/span><\/h3>\t<p>In the box administration, you will normally see the default containers <span class=\"highlight\">Left sidebar<\/span> and <span class=\"highlight\">Footer<\/span>. Within a container, you will see all boxes that are currently available. In order for the boxes to be displayed in the container, the container itself must also be activated.<\/p>\n<ol start=\"1\" class=\"list-reset step mb-5 list-shop normal-step\">\n\t<li class=\"media-single-line\">\n\tCheck the <span class=\"highlight\">Activate container<\/span> option under <span class=\"highlight\">Left sidebar<\/span> or <span class=\"highlight\">Footer<\/span>.<\/li><li >\n\t<span class=\"highlight\">Save<\/span> the page.<\/li><\/ol>\t<p>If you do not want to display any content, deactivate the entire container by removing the check mark.<\/p>\n<h3 class=\"d-flex align-items-center hl-wawi\" id=\"adding-boxes-to-containers\">Adding boxes to containers <span id='anchor-adding-boxes-to-containers' data-href='#adding-boxes-to-containers' class='far fa-link' data-anchor><\/span><\/h3>\t<p>You can add more boxes to the containers.<\/p>\n<p>To do this, select the box to be added from the <span class=\"highlight\">New box<\/span> drop-down menu. The box is available straight away and can be activated in the corresponding container.<\/p>\n\t\t\t\t\t\t<div data-gallery>\n\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/guide.jtl-software.com\/uploads\/box-container-add-box-jtl-shop-5-1.png\" itemprop=\"contentUrl\">\n\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/guide.jtl-software.com\/uploads\/box-container-add-box-jtl-shop-5-1-1024x493.png\" srcset=\"https:\/\/guide.jtl-software.com\/uploads\/box-container-add-box-jtl-shop-5-1.png 1600w,https:\/\/guide.jtl-software.com\/uploads\/box-container-add-box-jtl-shop-5-1-1024x493.png 1024w,https:\/\/guide.jtl-software.com\/uploads\/box-container-add-box-jtl-shop-5-1-768x370.png 640w\" width=\"1024\" sizes=\"auto, (max-width: 20em) 30vw, (max-width: 30em) 60vw, (max-width: 40em) 90vw\" height=\"493\" alt=\"Adding a new box to an existing container in JTL-Shop 5\" data-pswp=\"{&quot;src&quot;:&quot;https:\\\/\\\/guide.jtl-software.com\\\/uploads\\\/box-container-add-box-jtl-shop-5-1.png&quot;,&quot;w&quot;:1609,&quot;h&quot;:775}\" class=\"border-defaultgray border-w-1 border img-fluid mb-5\">\n\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t<h2 class=\"d-flex align-items-center hl-wawi\" id=\"different-types-of-boxes\">Different types of boxes <span id='anchor-different-types-of-boxes' data-href='#different-types-of-boxes' class='far fa-link' data-anchor><\/span><\/h2>\t<p>There are some types of boxes with special functionalities.<\/p>\n<h3 class=\"d-flex align-items-center hl-wawi\" id=\"filter-boxes\">Filter boxes <span id='anchor-filter-boxes' data-href='#filter-boxes' class='far fa-link' data-anchor><\/span><\/h3>\t<p>Filter boxes for characteristics, price ranges, etc. can only be displayed on pages of the type <span class=\"highlight\">Item overview<\/span>. First, on the selection page of the box administration, choose <span class=\"highlight\">Item overview<\/span> from the drop-down menu. Afterwards, when selecting new boxes, you will find all boxes of the type <span class=\"highlight\">Filter<\/span><b>,<\/b>\u00a0e.g. <span class=\"highlight\">Filter (characteristics)<\/span>.<\/p>\n<h3 class=\"d-flex align-items-center hl-wawi\" id=\"box-categories\">Box: Categories <span id='anchor-box-categories' data-href='#box-categories' class='far fa-link' data-anchor><\/span><\/h3>\t<p>The <span class=\"highlight\">Categories<\/span> box (default name, which you can change in the setting) is a box that depends on the category attribute in JTL-Wawi.<br \/>\nIf you want to display more than one category box in your online shop, you can control this via the <span class=\"highlight\">Categories<\/span> box and the JTL-Wawi category attribute <span class=\"highlight\">kategoriebox<\/span>. To do this, enter <span class=\"highlight\">kategoriebox<\/span> as the category attribute and a number (e.g. 1) as the value in JTL-Wawi for each category that you want to combine in a box. Categories with a category attribute\u00a0 and the same value are then made available via the template. You can add the categories in the box administration via the <span class=\"highlight\">Categories<\/span> box by setting the exact value of the category attribute of the box as the number.<\/p>\n<div class=\"media-object media-object-border d-flex align-items-top\">\n\t\n\t\t\n\t\t<span class=\"mt-1 mr-3 flex-shrink-0 far fa-info-circle fa-2x columnsize-fa-2x text-shop\"><\/span>\n\t\t\t<span class=\"media-content border-shop\">\n\t\n\t\t\t<b>Note:<\/b> The default value for the category <span class=\"highlight\">kategoriebox<\/span> is 0. This does not have to be entered and is automatically assigned to all categories for which the attribute has not been set.\t\t\t<\/span>\n\t\n\t<\/div>\n\n\n\t\t\t\t\t\t<div data-gallery>\n\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/guide.jtl-software.com\/uploads\/Kategorie-kategorieattribute-zuordnen.png\" itemprop=\"contentUrl\">\n\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/guide.jtl-software.com\/uploads\/Kategorie-kategorieattribute-zuordnen.png\" srcset=\"https:\/\/guide.jtl-software.com\/uploads\/Kategorie-kategorieattribute-zuordnen.png 1600w,https:\/\/guide.jtl-software.com\/uploads\/Kategorie-kategorieattribute-zuordnen.png 1024w,https:\/\/guide.jtl-software.com\/uploads\/Kategorie-kategorieattribute-zuordnen-768x547.png 640w\" width=\"844\" sizes=\"auto, (max-width: 20em) 30vw, (max-width: 30em) 60vw, (max-width: 40em) 90vw\" height=\"601\" data-pswp=\"{&quot;src&quot;:&quot;https:\\\/\\\/guide.jtl-software.com\\\/uploads\\\/Kategorie-kategorieattribute-zuordnen.png&quot;,&quot;w&quot;:844,&quot;h&quot;:601}\" class=\"img-fluid mb-5\">\n\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<div data-gallery>\n\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/guide.jtl-software.com\/uploads\/boxes-containers-category-box-edit-jtl-shop-5-1.png\" itemprop=\"contentUrl\">\n\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/guide.jtl-software.com\/uploads\/boxes-containers-category-box-edit-jtl-shop-5-1-1024x442.png\" srcset=\"https:\/\/guide.jtl-software.com\/uploads\/boxes-containers-category-box-edit-jtl-shop-5-1.png 1600w,https:\/\/guide.jtl-software.com\/uploads\/boxes-containers-category-box-edit-jtl-shop-5-1-1024x442.png 1024w,https:\/\/guide.jtl-software.com\/uploads\/boxes-containers-category-box-edit-jtl-shop-5-1-768x331.png 640w\" width=\"1024\" sizes=\"auto, (max-width: 20em) 30vw, (max-width: 30em) 60vw, (max-width: 40em) 90vw\" height=\"442\" alt=\"Adding and editing a category box in JTL-Shop 5\" data-pswp=\"{&quot;src&quot;:&quot;https:\\\/\\\/guide.jtl-software.com\\\/uploads\\\/boxes-containers-category-box-edit-jtl-shop-5-1.png&quot;,&quot;w&quot;:1500,&quot;h&quot;:647}\" class=\"border-defaultgray border-w-1 border img-fluid mb-5\">\n\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t<p class=\"d-flex align-items-center h6\">Editing a box: Title<\/p>\t<p>Specify a name for the box. You will find the new box under this name in the box administration. If no name is entered, the name \u201cCategories\u201d is used by default.<\/p>\n<hr  \/>\n<p class=\"d-flex align-items-center h6\">Editing a box: Category box ID<\/p>\t<p>Enter the \u201ccategory box\u201d category attribute ID here, which you have set for the category in JTL-Wawi. This box then lists all the categories that have been given the category attribute and this number. The default setting is 0 and lists all categories of the currently selected level that are visible in the online shop.<\/p>\n<hr  \/>\n<p class=\"d-flex align-items-center hl-wawi h6\">Editing a box: German title<\/p>\t<p>Specify a name for the box. The new box will be displayed under these names in your online shop.<\/p>\n<h2 class=\"d-flex align-items-center hl-wawi\" id=\"custom-boxes\">Custom boxes <span id='anchor-custom-boxes' data-href='#custom-boxes' class='far fa-link' data-anchor><\/span><\/h2>\t<p>In addition to the boxes you can select from the drop-down menu, you can also create new boxes of your own.<\/p>\n<h3 class=\"d-flex align-items-center hl-wawi\" id=\"creating-and-editing-custom-boxes\">Creating and editing custom boxes <span id='anchor-creating-and-editing-custom-boxes' data-href='#creating-and-editing-custom-boxes' class='far fa-link' data-anchor><\/span><\/h3><ol start=\"1\" class=\"list-reset step mb-5 list-shop normal-step media-single-line\">\n\t<li >\n\tTo do this, select one of the <span class=\"highlight\">Custom box<\/span> settings below the <span class=\"highlight\">Footer<\/span> section, under <span class=\"highlight\">New box<\/span>.<\/li><li class=\"media-single-line\">\n\tThen click <span class=\"highlight\">Add<\/span>.<\/li><\/ol>\t\t\t\t\t\t<div data-gallery>\n\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/guide.jtl-software.com\/uploads\/boxes-footer-create-custom-box-jtl-shop-5-1.png\" itemprop=\"contentUrl\">\n\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/guide.jtl-software.com\/uploads\/boxes-footer-create-custom-box-jtl-shop-5-1-1024x502.png\" srcset=\"https:\/\/guide.jtl-software.com\/uploads\/boxes-footer-create-custom-box-jtl-shop-5-1.png 1600w,https:\/\/guide.jtl-software.com\/uploads\/boxes-footer-create-custom-box-jtl-shop-5-1-1024x502.png 1024w,https:\/\/guide.jtl-software.com\/uploads\/boxes-footer-create-custom-box-jtl-shop-5-1-768x377.png 640w\" width=\"1024\" sizes=\"auto, (max-width: 20em) 30vw, (max-width: 30em) 60vw, (max-width: 40em) 90vw\" height=\"502\" alt=\"Creating a box with custom contents in JTL-Shop 5\" data-pswp=\"{&quot;src&quot;:&quot;https:\\\/\\\/guide.jtl-software.com\\\/uploads\\\/boxes-footer-create-custom-box-jtl-shop-5-1.png&quot;,&quot;w&quot;:1616,&quot;h&quot;:793}\" class=\"img-fluid mb-5\">\n\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t<ol start=\"3\" class=\"list-reset step mb-5 list-shop normal-step media-single-line\">\n\t<li >\n\tThe created box is now listed on the page under <span class=\"highlight\">Footer<\/span>. Click on the <span class=\"highlight\">Edit<\/span> icon behind the respective box to edit it further.<\/li><li >\n\tEnter a name and the content for each language maintained in JTL-Shop.<\/li><li >\n\tClick <span class=\"highlight\">Save<\/span>. The box is now displayed on the pages for which you activate it in the box administration.<\/li><\/ol>\t\t\t\t\t\t<div data-gallery>\n\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/guide.jtl-software.com\/uploads\/custom-example-box-front-end-jtl-shop-5-1.png\" itemprop=\"contentUrl\">\n\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/guide.jtl-software.com\/uploads\/custom-example-box-front-end-jtl-shop-5-1-1024x679.png\" srcset=\"https:\/\/guide.jtl-software.com\/uploads\/custom-example-box-front-end-jtl-shop-5-1.png 1600w,https:\/\/guide.jtl-software.com\/uploads\/custom-example-box-front-end-jtl-shop-5-1-1024x679.png 1024w,https:\/\/guide.jtl-software.com\/uploads\/custom-example-box-front-end-jtl-shop-5-1-768x509.png 640w\" width=\"1024\" sizes=\"auto, (max-width: 20em) 30vw, (max-width: 30em) 60vw, (max-width: 40em) 90vw\" height=\"679\" alt=\"View of a box with custom-created content in the front end of JTL-Shop 5\" data-pswp=\"{&quot;src&quot;:&quot;https:\\\/\\\/guide.jtl-software.com\\\/uploads\\\/custom-example-box-front-end-jtl-shop-5-1.png&quot;,&quot;w&quot;:1090,&quot;h&quot;:723}\" class=\"img-fluid mb-5\">\n\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t<h3 class=\"d-flex align-items-center hl-wawi\" id=\"revisions\">Revisions <span id='anchor-revisions' data-href='#revisions' class='far fa-link' data-anchor><\/span><\/h3>\t<p>Revisions are available for boxes that you have created and edited yourself. These allow you to view previous versions of the box and restore them if necessary.<\/p>\n<ol start=\"1\" class=\"list-reset step mb-5 list-shop normal-step media-single-line\">\n\t<li >\n\tOpen the editing dialogue via the pencil icon behind your custom box.<\/li><li >\n\tScroll to the bottom of the page. If you have already made changes to your own box, you will see a list of revisions there. Click on the plus symbol to call up a comparison of the changes.<\/li><\/ol>\t<p>On the left you see the older version, on the right the newer one with the changes. You can now delete the revision from the list or discard the changes and restore the previous version.<\/p>\n\t\t\t\t\t\t<div data-gallery>\n\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/guide.jtl-software.com\/uploads\/custom-box-revisions-jtl-shop-5-1.png\" itemprop=\"contentUrl\">\n\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/guide.jtl-software.com\/uploads\/custom-box-revisions-jtl-shop-5-1-1024x699.png\" srcset=\"https:\/\/guide.jtl-software.com\/uploads\/custom-box-revisions-jtl-shop-5-1.png 1600w,https:\/\/guide.jtl-software.com\/uploads\/custom-box-revisions-jtl-shop-5-1-1024x699.png 1024w,https:\/\/guide.jtl-software.com\/uploads\/custom-box-revisions-jtl-shop-5-1-768x524.png 640w\" width=\"1024\" sizes=\"auto, (max-width: 20em) 30vw, (max-width: 30em) 60vw, (max-width: 40em) 90vw\" height=\"699\" alt=\"Comparison of the changes to a box in JTL-Shop 5\" data-pswp=\"{&quot;src&quot;:&quot;https:\\\/\\\/guide.jtl-software.com\\\/uploads\\\/custom-box-revisions-jtl-shop-5-1.png&quot;,&quot;w&quot;:1444,&quot;h&quot;:985}\" class=\"img-fluid mb-5\">\n\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t[\/vc_column][\/vc_row]<\/div>","protected":false},"excerpt":{"rendered":"Contents Contents Managing boxes Your task\/initial situation You would like to define for different page types which boxes are to <a href=\"https:\/\/guide.jtl-software.com\/en\/jtl-shop\/appearance\/managing-boxes\/\">[...]<\/a>","protected":false},"author":2,"featured_media":0,"parent":187891,"menu_order":647,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"_relevanssi_hide_post":"","_relevanssi_hide_content":"","_relevanssi_pin_for_all":"","_relevanssi_pin_keywords":"","_relevanssi_unpin_keywords":"","_relevanssi_related_keywords":"","_relevanssi_related_include_ids":"","_relevanssi_related_exclude_ids":"","_relevanssi_related_no_append":"","_relevanssi_related_not_related":"","_relevanssi_related_posts":"","_relevanssi_noindex_reason":"","footnotes":""},"tags":[],"class_list":["post-185893","page","type-page","status-publish","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.8 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Managing boxes &#8211; JTL-Guide<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/guide.jtl-software.com\/en\/jtl-shop\/appearance\/managing-boxes\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Managing boxes &#8211; JTL-Guide\" \/>\n<meta property=\"og:url\" content=\"https:\/\/guide.jtl-software.com\/en\/jtl-shop\/appearance\/managing-boxes\/\" \/>\n<meta property=\"og:site_name\" content=\"JTL-Guide\" \/>\n<meta property=\"article:modified_time\" content=\"2023-06-15T11:27:56+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"12 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/guide.jtl-software.com\/en\/jtl-shop\/appearance\/managing-boxes\/\",\"url\":\"https:\/\/guide.jtl-software.com\/en\/jtl-shop\/appearance\/managing-boxes\/\",\"name\":\"Managing boxes &#8211; JTL-Guide\",\"isPartOf\":{\"@id\":\"https:\/\/guide.jtl-software.com\/en\/#website\"},\"datePublished\":\"2021-04-20T10:52:27+00:00\",\"dateModified\":\"2023-06-15T11:27:56+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/guide.jtl-software.com\/en\/jtl-shop\/appearance\/managing-boxes\/#breadcrumb\"},\"inLanguage\":\"en-en\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/guide.jtl-software.com\/en\/jtl-shop\/appearance\/managing-boxes\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/guide.jtl-software.com\/en\/jtl-shop\/appearance\/managing-boxes\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"JTL-Shop\",\"item\":\"https:\/\/guide.jtl-software.com\/en\/jtl-shop\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Appearance\",\"item\":\"https:\/\/guide.jtl-software.com\/en\/jtl-shop\/appearance\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Managing boxes\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/guide.jtl-software.com\/en\/#website\",\"url\":\"https:\/\/guide.jtl-software.com\/en\/\",\"name\":\"JTL-Guide\",\"description\":\"Dokumentation f\u00fcr die gesamte Produktfamilie von JTL\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/guide.jtl-software.com\/en\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-en\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Managing boxes &#8211; JTL-Guide","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/guide.jtl-software.com\/en\/jtl-shop\/appearance\/managing-boxes\/","og_locale":"en_US","og_type":"article","og_title":"Managing boxes &#8211; JTL-Guide","og_url":"https:\/\/guide.jtl-software.com\/en\/jtl-shop\/appearance\/managing-boxes\/","og_site_name":"JTL-Guide","article_modified_time":"2023-06-15T11:27:56+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"12 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/guide.jtl-software.com\/en\/jtl-shop\/appearance\/managing-boxes\/","url":"https:\/\/guide.jtl-software.com\/en\/jtl-shop\/appearance\/managing-boxes\/","name":"Managing boxes &#8211; JTL-Guide","isPartOf":{"@id":"https:\/\/guide.jtl-software.com\/en\/#website"},"datePublished":"2021-04-20T10:52:27+00:00","dateModified":"2023-06-15T11:27:56+00:00","breadcrumb":{"@id":"https:\/\/guide.jtl-software.com\/en\/jtl-shop\/appearance\/managing-boxes\/#breadcrumb"},"inLanguage":"en-en","potentialAction":[{"@type":"ReadAction","target":["https:\/\/guide.jtl-software.com\/en\/jtl-shop\/appearance\/managing-boxes\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/guide.jtl-software.com\/en\/jtl-shop\/appearance\/managing-boxes\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"JTL-Shop","item":"https:\/\/guide.jtl-software.com\/en\/jtl-shop\/"},{"@type":"ListItem","position":2,"name":"Appearance","item":"https:\/\/guide.jtl-software.com\/en\/jtl-shop\/appearance\/"},{"@type":"ListItem","position":3,"name":"Managing boxes"}]},{"@type":"WebSite","@id":"https:\/\/guide.jtl-software.com\/en\/#website","url":"https:\/\/guide.jtl-software.com\/en\/","name":"JTL-Guide","description":"Dokumentation f\u00fcr die gesamte Produktfamilie von JTL","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/guide.jtl-software.com\/en\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-en"}]}},"_links":{"self":[{"href":"https:\/\/guide.jtl-software.com\/en\/wp-json\/wp\/v2\/pages\/185893","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/guide.jtl-software.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/guide.jtl-software.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/guide.jtl-software.com\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/guide.jtl-software.com\/en\/wp-json\/wp\/v2\/comments?post=185893"}],"version-history":[{"count":5,"href":"https:\/\/guide.jtl-software.com\/en\/wp-json\/wp\/v2\/pages\/185893\/revisions"}],"predecessor-version":[{"id":193954,"href":"https:\/\/guide.jtl-software.com\/en\/wp-json\/wp\/v2\/pages\/185893\/revisions\/193954"}],"up":[{"embeddable":true,"href":"https:\/\/guide.jtl-software.com\/en\/wp-json\/wp\/v2\/pages\/187891"}],"wp:attachment":[{"href":"https:\/\/guide.jtl-software.com\/en\/wp-json\/wp\/v2\/media?parent=185893"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/guide.jtl-software.com\/en\/wp-json\/wp\/v2\/tags?post=185893"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}