{"id":185896,"date":"2021-04-20T12:52:23","date_gmt":"2021-04-20T10:52:23","guid":{"rendered":"https:\/\/guide.jtl-software.com\/customising-the-display-of-items-in-boxes\/"},"modified":"2023-06-15T13:20:41","modified_gmt":"2023-06-15T11:20:41","slug":"customising-the-display-of-items-in-boxes","status":"publish","type":"page","link":"https:\/\/guide.jtl-software.com\/en\/jtl-shop\/appearance\/customising-the-display-of-items-in-boxes\/","title":{"rendered":"Customising the display of items in 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=\"customising-the-display-of-items-in-boxes\">Customising the display of items in boxes <span id='anchor-customising-the-display-of-items-in-boxes' data-href='#customising-the-display-of-items-in-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 want to define whether various boxes are displayed and how much content is displayed in them.\t<\/div>\n<\/div>\n<h2 class=\"d-flex align-items-center hl-wawi\" id=\"general-information-about-boxes-in-jtl-shop\">General information about boxes in JTL-Shop <span id='anchor-general-information-about-boxes-in-jtl-shop' data-href='#general-information-about-boxes-in-jtl-shop' class='far fa-link' data-anchor><\/span><\/h2>\t<p>JTL-Shop provides you with different types of boxes. These can include all kinds of content. For example, you can offer your customers filter options for the item overview or display the contents of the basket.<\/p>\n\t<p>Different boxes that contain items from your online shop are also very important. In this chapter, you will learn how to customise the general presentation of these items.<\/p>\n\t<p>To find out how to display individual boxes, please see the <span style=\"color: #5cbcf6;\"><a style=\"color: #5cbcf6;\" href=\"https:\/\/guide.jtl-software.com\/en\/jtl-shop\/appearance\/managing-boxes\/\">Footer\/Boxes<\/a><\/span> help page.<\/p>\n\t<p>You can configure the boxes that are displayed on the start page separately. Go to help page <span style=\"color: #5cbcf6;\"><a style=\"color: #5cbcf6;\" href=\"https:\/\/guide.jtl-software.com\/en\/jtl-shop\/appearance\/customising-the-start-page\/\">Configuring the start page<\/a><\/span>.<\/p>\n<h2 class=\"d-flex align-items-center hl-wawi\" id=\"changing-the-display-in-boxes\">Changing the display in boxes <span id='anchor-changing-the-display-in-boxes' data-href='#changing-the-display-in-boxes' class='far fa-link' data-anchor><\/span><\/h2>\t<p>In principle, the following boxes are available to you:<\/p>\n<ul class=\"list-reset ml-3 list-icons list-custom-square list-shop\">\n\t<li >\n\t\t\t<span class=\"list-icon fas fa-square\"><\/span>\t\t<b>Bestsellers:<\/b> They contain the best-selling products of your JTL-Shop. You can use the option <span class=\"highlight\">Minimum number of sales for bestsellers<\/span> in the <span class=\"highlight\">Items<\/span> section under <span class=\"highlight\">View &gt; Settings &gt; Global<\/span> to specify when items are to be considered bestsellers.\t<\/li><li >\n\t\t\t<span class=\"list-icon fas fa-square\"><\/span>\t\t<b>Special offers:<\/b> Special offers are all items for which there is currently a special price in your online shop. Read here how to<span style=\"color: #f68b25;\"><a style=\"color: #f68b25;\" title=\"Setting up special prices in JTL-Wawi\" href=\"https:\/\/guide.jtl-software.com\/en\/jtl-wawi\/items\/setting-up-special-prices\/\"> set up special prices in JTL-Wawi<\/a><\/span>.\t<\/li><li >\n\t\t\t<span class=\"list-icon fas fa-square\"><\/span>\t\t<b>New in product range:<\/b> This is set in the item master data of JTL-Wawi. Please see<span style=\"color: #f68b25;\"> <a style=\"color: #f68b25;\" title=\"ItemMasterData:GeneralInfo\" href=\"https:\/\/guide.jtl-software.com\/en\/jtl-wawi\/items\/item-master-data-general\/\">Item master data: General info &#8211; Tab: Online shops\/JTL-POS<\/a><\/span>.\t<\/li><li >\n\t\t\t<span class=\"list-icon fas fa-square\"><\/span>\t\t<b>Top items:<\/b> This is also set in the <span class=\"highlight\">Online shops\/JTL-POS<\/span> tab of the JTL-Wawi item master data.\t<\/li><li >\n\t\t\t<span class=\"list-icon fas fa-square\"><\/span>\t\t<b>Recently viewed:<\/b> This box contains the items that the visitor viewed last.\t<\/li><li >\n\t\t\t<span class=\"list-icon fas fa-square\"><\/span>\t\t<b>Items coming soon:<\/b> Items for which a release date is set in the future and which have already been activated for your JTL-Shop.\t<\/li><li >\n\t\t\t<span class=\"list-icon fas fa-square\"><\/span>\t\t<strong>Wish list:<\/strong> Items that visitors have put on their wish list are displayed here. The wish list settings can be found at <span class=\"highlight\">View &gt; Standard views &gt; Wish list<\/span>.\t<\/li><li >\n\t\t\t<span class=\"list-icon fas fa-square\"><\/span>\t\t<strong>Comparison list:<\/strong> Customers can use the comparison list to directly compare similar items. The settings for the comparison list can be found at <span class=\"highlight\">View &gt; Standard views &gt; Comparison list<\/span>.\t<\/li><li >\n\t\t\t<span class=\"list-icon fas fa-square\"><\/span>\t\t<b>Top rated:<\/b> If you use the review system, the best rated products are displayed here. Please see:<span style=\"color: #5cbcf6;\"> <a style=\"color: #5cbcf6;\" title=\"Activating item reviews in JTL-Shop\" href=\"https:\/\/guide.jtl-software.com\/en\/jtl-shop\/marketing-search-engine-optimisation\/activating-item-reviews\/\">Activating item reviews<\/a><\/span>\t<\/li><\/ul><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<span style=\"color: #5cbcf6;\"><b>Please note:<\/b><\/span> Boxes are only displayed if there is at least one piece of content for the boxes. If, for example, you have not yet sold any items, the <span class=\"highlight\">Bestsellers<\/span> box will not be displayed.\t\t\t<\/span>\n\t\n\t<\/div>\n\n\n\t<p>To open the settings for the boxes, proceed as follows:<\/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 &gt; Tab: Settings<\/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\/edit-box-settings-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\/edit-box-settings-jtl-shop-5-1-1024x715.png\" srcset=\"https:\/\/guide.jtl-software.com\/uploads\/edit-box-settings-jtl-shop-5-1.png 1600w,https:\/\/guide.jtl-software.com\/uploads\/edit-box-settings-jtl-shop-5-1-1024x715.png 1024w,https:\/\/guide.jtl-software.com\/uploads\/edit-box-settings-jtl-shop-5-1-768x536.png 640w\" width=\"1024\" sizes=\"auto, (max-width: 20em) 30vw, (max-width: 30em) 60vw, (max-width: 40em) 90vw\" height=\"715\" data-pswp=\"{&quot;src&quot;:&quot;https:\\\/\\\/guide.jtl-software.com\\\/uploads\\\/edit-box-settings-jtl-shop-5-1.png&quot;,&quot;w&quot;:1284,&quot;h&quot;:896}\" 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>Depending on the box, you will find different options. With most boxes you have the following option:<\/p>\n\t<p><b>Number of displayed items: <\/b>Here you set how many items are to be shown in the box.<\/p>\n\t<p>The following options are available for selected boxes:<\/p>\n\t<p><strong>Base number of items: <\/strong>Specify from how many items the items displayed in the box are randomly selected.<\/p>\n<hr  \/>\n\t<p><b>Maximum age of items in days:<\/b> In the <span class=\"highlight\">New in product range<\/span> box, you can specify how many days items are considered as new.<\/p>\n<hr  \/>\n\t<p><strong>Show comparison list:<\/strong> You can choose to display the <span class=\"highlight\">comparison list<\/span> to customers by selecting <span class=\"highlight\">Yes.<\/span><\/p>\n<hr  \/>\n\t<p><strong>Show images:<\/strong> With this option you determine whether item images should also be displayed on the <span class=\"highlight\">Wish list<\/span>.<\/p>\n<hr  \/>\n\t<p><b>Top rated requires average rating of:<\/b> In the <span class=\"highlight\">Top rated<\/span> box, you can specify the minimum average rating that displayed items should have. In this way, you can avoid displaying items with poor ratings, especially if there are few ratings.<\/p>\n<ol start=\"3\" class=\"list-reset step mb-5 list-shop normal-step\">\n\t<li class=\"media-single-line\">\n\tClick <span class=\"highlight\">Save<\/span> to apply the settings.<\/li><\/ol>[\/vc_column][\/vc_row]<\/div>","protected":false},"excerpt":{"rendered":"Contents Contents Customising the display of items in boxes Your task\/initial situation You want to define whether various boxes are <a href=\"https:\/\/guide.jtl-software.com\/en\/jtl-shop\/appearance\/customising-the-display-of-items-in-boxes\/\">[...]<\/a>","protected":false},"author":2,"featured_media":0,"parent":187891,"menu_order":640,"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-185896","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>Customising the display of items in 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\/customising-the-display-of-items-in-boxes\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Customising the display of items in boxes &#8211; JTL-Guide\" \/>\n<meta property=\"og:url\" content=\"https:\/\/guide.jtl-software.com\/en\/jtl-shop\/appearance\/customising-the-display-of-items-in-boxes\/\" \/>\n<meta property=\"og:site_name\" content=\"JTL-Guide\" \/>\n<meta property=\"article:modified_time\" content=\"2023-06-15T11:20:41+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=\"6 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\/customising-the-display-of-items-in-boxes\/\",\"url\":\"https:\/\/guide.jtl-software.com\/en\/jtl-shop\/appearance\/customising-the-display-of-items-in-boxes\/\",\"name\":\"Customising the display of items in boxes &#8211; JTL-Guide\",\"isPartOf\":{\"@id\":\"https:\/\/guide.jtl-software.com\/en\/#website\"},\"datePublished\":\"2021-04-20T10:52:23+00:00\",\"dateModified\":\"2023-06-15T11:20:41+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/guide.jtl-software.com\/en\/jtl-shop\/appearance\/customising-the-display-of-items-in-boxes\/#breadcrumb\"},\"inLanguage\":\"en-en\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/guide.jtl-software.com\/en\/jtl-shop\/appearance\/customising-the-display-of-items-in-boxes\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/guide.jtl-software.com\/en\/jtl-shop\/appearance\/customising-the-display-of-items-in-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\":\"Customising the display of items in 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":"Customising the display of items in 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\/customising-the-display-of-items-in-boxes\/","og_locale":"en_US","og_type":"article","og_title":"Customising the display of items in boxes &#8211; JTL-Guide","og_url":"https:\/\/guide.jtl-software.com\/en\/jtl-shop\/appearance\/customising-the-display-of-items-in-boxes\/","og_site_name":"JTL-Guide","article_modified_time":"2023-06-15T11:20:41+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"6 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/guide.jtl-software.com\/en\/jtl-shop\/appearance\/customising-the-display-of-items-in-boxes\/","url":"https:\/\/guide.jtl-software.com\/en\/jtl-shop\/appearance\/customising-the-display-of-items-in-boxes\/","name":"Customising the display of items in boxes &#8211; JTL-Guide","isPartOf":{"@id":"https:\/\/guide.jtl-software.com\/en\/#website"},"datePublished":"2021-04-20T10:52:23+00:00","dateModified":"2023-06-15T11:20:41+00:00","breadcrumb":{"@id":"https:\/\/guide.jtl-software.com\/en\/jtl-shop\/appearance\/customising-the-display-of-items-in-boxes\/#breadcrumb"},"inLanguage":"en-en","potentialAction":[{"@type":"ReadAction","target":["https:\/\/guide.jtl-software.com\/en\/jtl-shop\/appearance\/customising-the-display-of-items-in-boxes\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/guide.jtl-software.com\/en\/jtl-shop\/appearance\/customising-the-display-of-items-in-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":"Customising the display of items in 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\/185896","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=185896"}],"version-history":[{"count":5,"href":"https:\/\/guide.jtl-software.com\/en\/wp-json\/wp\/v2\/pages\/185896\/revisions"}],"predecessor-version":[{"id":193786,"href":"https:\/\/guide.jtl-software.com\/en\/wp-json\/wp\/v2\/pages\/185896\/revisions\/193786"}],"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=185896"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/guide.jtl-software.com\/en\/wp-json\/wp\/v2\/tags?post=185896"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}