{"id":5396,"date":"2018-05-24T21:26:12","date_gmt":"2018-05-25T04:26:12","guid":{"rendered":"http:\/\/ardexamericas2.wpengine.com\/?page_id=5396"},"modified":"2018-07-05T10:55:28","modified_gmt":"2018-07-05T17:55:28","slug":"docs","status":"publish","type":"page","link":"https:\/\/www.wwhenry.com\/fr\/docs\/","title":{"rendered":"Documentation"},"content":{"rendered":"<h2>Quicklinks<\/h2>\n<ul>\n<li><a href=\"#image-sizes\">Image Sizes<\/a>\n<ul>\n<li><a href=\"#slider-images\">Slider Images<\/a><\/li>\n<li><a href=\"#teaser-images\">Page Teaser Images<\/a><\/li>\n<li><a href=\"#category-images\">Page Category Images<\/a><\/li>\n<li><a href=\"#header-images\">Page Header Images<\/a><\/li>\n<li><a href=\"#product-featured\">Product &#8211; Featured Image<\/a><\/li>\n<li><a href=\"#product-thumbs\">Product &#8211; Thumbnails<\/a><\/li>\n<li><a href=\"#case-study-images\">Case Study &#8211; Slider Images<\/a><\/li>\n<\/ul>\n<\/li>\n<li><a href=\"#products-overview\">Products Overview Page<\/a><\/li>\n<li><a href=\"#product-sequence\">Product Sequence (on Category Page)<\/a><\/li>\n<li><a href=\"#product-category-color-hex\">Product &amp; Product Category Colors<\/a><\/li>\n<li><a href=\"#custom-search\">Custom Search (Relevanssi)<\/a><\/li>\n<\/ul>\n<hr>\n<h2 id=\"image-sizes\">Image Sizes<\/h2>\n<p>Notes: the sizes listed under width\/height here are the <strong>ideal upload sizes<\/strong>. They often contradict the original ARDEX UK image size PDF.<\/p>\n<hr>\n<p><a href=\"https:\/\/www.wwhenry.com\/wp-content\/uploads\/2018\/06\/Screen-Shot-2018-06-06-at-7.19.57-AM.png\"><img decoding=\"async\" class=\"alignright size-large wp-image-5620\" src=\"https:\/\/www.wwhenry.com\/wp-content\/uploads\/2018\/06\/Screen-Shot-2018-06-06-at-7.19.57-AM-1024x380.png\" alt=\"\" width=\"1024\" height=\"380\" srcset=\"https:\/\/www.wwhenry.com\/wp-content\/uploads\/2018\/06\/Screen-Shot-2018-06-06-at-7.19.57-AM-1024x380.png 1024w, https:\/\/www.wwhenry.com\/wp-content\/uploads\/2018\/06\/Screen-Shot-2018-06-06-at-7.19.57-AM-300x111.png 300w, https:\/\/www.wwhenry.com\/wp-content\/uploads\/2018\/06\/Screen-Shot-2018-06-06-at-7.19.57-AM-768x285.png 768w, https:\/\/www.wwhenry.com\/wp-content\/uploads\/2018\/06\/Screen-Shot-2018-06-06-at-7.19.57-AM-936x347.png 936w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/p>\n<h3 id=\"slider-images\">Slider Images<\/h3>\n<p><strong>Upload Width x Height:<\/strong> 1872 x 512<\/p>\n<p><strong>Suggestions:<\/strong><\/p>\n<ul>\n<li>Upload a single image at 1872&#215;512 for crisp display on retina screens.<\/li>\n<li>If you&rsquo;ve already uploaded a <em>Category Image<\/em> or a <em>Page Header Image<\/em> (see below) you can use that same image as a slide. This prevents an extra upload. The image will automatically be cropped vertically from center to fit 1872 x 512.<\/li>\n<li>If you want to use a different aspect ratio for Slider Images a developer needs to implement image sizes and styling to support it.<\/li>\n<\/ul>\n<p><strong>Aspect Ratio:<\/strong> 117:32<\/p>\n<p><strong>Image Size Used:<\/strong><br \/>\nslider_image (936w, 256h, hard crop)<\/p>\n<hr>\n<p><a href=\"https:\/\/www.wwhenry.com\/wp-content\/uploads\/2018\/06\/Screen-Shot-2018-06-06-at-9.45.30-AM.png\"><img decoding=\"async\" class=\"alignright size-large wp-image-5646\" src=\"https:\/\/www.wwhenry.com\/wp-content\/uploads\/2018\/06\/Screen-Shot-2018-06-06-at-9.45.30-AM-1024x709.png\" alt=\"\" width=\"1024\" height=\"709\" srcset=\"https:\/\/www.wwhenry.com\/wp-content\/uploads\/2018\/06\/Screen-Shot-2018-06-06-at-9.45.30-AM-1024x709.png 1024w, https:\/\/www.wwhenry.com\/wp-content\/uploads\/2018\/06\/Screen-Shot-2018-06-06-at-9.45.30-AM-300x208.png 300w, https:\/\/www.wwhenry.com\/wp-content\/uploads\/2018\/06\/Screen-Shot-2018-06-06-at-9.45.30-AM-768x532.png 768w, https:\/\/www.wwhenry.com\/wp-content\/uploads\/2018\/06\/Screen-Shot-2018-06-06-at-9.45.30-AM-936x649.png 936w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/p>\n<h3 id=\"teaser-images\">Page Teaser Images<\/h3>\n<p><strong>Upload Width x Height:<\/strong> 1600 x 800<\/p>\n<p><strong>Suggestions:<\/strong><\/p>\n<ul>\n<li>Upload a single 2:1 image at 1600&#215;800 for crisp images on retina.<\/li>\n<li>The site currently has \u00ab\u00a0Page Teaser Image\u00a0\u00bb styles only for 1\/2 columns (50% width) and 1\/1 columns (100% width). By uploading a single 1600&#215;800 image, the correct sizes for both will be automatically generated.<\/li>\n<li>If you want to use a different aspect ratio for Page Teaser Images a developer needs to implement the image sizes and styling to support it.<\/li>\n<\/ul>\n<p><strong>Aspect Ratio:<\/strong> 2:1<\/p>\n<p><strong>Image Sizes Used:<\/strong><br \/>\nteaser_image (800w, 400h, cropped from center) for 1\/2 columns<br \/>\nteaser_image_wide (1600w, 400h, cropped from center) for 1\/1 columns<\/p>\n<hr>\n<p><a href=\"https:\/\/www.wwhenry.com\/wp-content\/uploads\/Screen-Shot-2018-05-24-at-11.35.14-PM.png\"><img decoding=\"async\" src=\"https:\/\/www.wwhenry.com\/wp-content\/uploads\/Screen-Shot-2018-05-24-at-11.35.14-PM-1024x421.png\" alt=\"screenshot\" width=\"1024\" height=\"421\" class=\"alignright size-large wp-image-5427\" srcset=\"https:\/\/www.wwhenry.com\/wp-content\/uploads\/Screen-Shot-2018-05-24-at-11.35.14-PM-1024x421.png 1024w, https:\/\/www.wwhenry.com\/wp-content\/uploads\/Screen-Shot-2018-05-24-at-11.35.14-PM-300x123.png 300w, https:\/\/www.wwhenry.com\/wp-content\/uploads\/Screen-Shot-2018-05-24-at-11.35.14-PM-768x316.png 768w, https:\/\/www.wwhenry.com\/wp-content\/uploads\/Screen-Shot-2018-05-24-at-11.35.14-PM-936x385.png 936w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/p>\n<p><a href=\"https:\/\/www.wwhenry.com\/wp-content\/uploads\/Screen-Shot-2018-05-24-at-9.29.44-PM.png\"><img decoding=\"async\" src=\"https:\/\/www.wwhenry.com\/wp-content\/uploads\/Screen-Shot-2018-05-24-at-9.29.44-PM-1024x325.png\" alt=\"screenshot\" width=\"1024\" height=\"325\" class=\"alignright size-large wp-image-5401\" srcset=\"https:\/\/www.wwhenry.com\/wp-content\/uploads\/Screen-Shot-2018-05-24-at-9.29.44-PM-1024x325.png 1024w, https:\/\/www.wwhenry.com\/wp-content\/uploads\/Screen-Shot-2018-05-24-at-9.29.44-PM-300x95.png 300w, https:\/\/www.wwhenry.com\/wp-content\/uploads\/Screen-Shot-2018-05-24-at-9.29.44-PM-768x243.png 768w, https:\/\/www.wwhenry.com\/wp-content\/uploads\/Screen-Shot-2018-05-24-at-9.29.44-PM-936x297.png 936w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/p>\n<h3 id=\"category-images\">Product Category Images<\/h3>\n<h4>(Category Image &#038; Application Image)<\/h4>\n<p><strong>Upload Width x Height:<\/strong> 1872 x 820<\/p>\n<p><strong>Suggestions:<\/strong><\/p>\n<ul>\n<li>Upload a single image at 1872&#215;820 for crisp display on retina screens.<\/li>\n<li>Assign the same image (do not upload twice) to both Category Image and Application Image when editing a Category.<\/li>\n<li>If you want to use a different aspect ratio for Category Images a developer needs to implement image sizes and styling to support it.<\/li>\n<\/ul>\n<p><strong>Note:<\/strong><\/p>\n<p>The Category Image appears on a Single Category Page (first image), but the Application Image appears as a small thumbnail on the Products Overview Page (second image).<\/p>\n<p><strong>Aspect Ratio:<\/strong> 16:7<\/p>\n<p><strong>Image Sizes Used:<\/strong><br \/>\nheader_image (936w, ANYh, soft crop) &#8211; used for \u00ab\u00a0Category Image\u00a0\u00bb<br \/>\napplication_image (424w, 186h, hard crop) &#8211; used for \u00ab\u00a0Application Image\u00a0\u00bb<\/p>\n<hr>\n<p><a href=\"https:\/\/www.wwhenry.com\/wp-content\/uploads\/Screen-Shot-2018-06-06-at-3.39.25-PM.png\"><img decoding=\"async\" src=\"https:\/\/www.wwhenry.com\/wp-content\/uploads\/Screen-Shot-2018-06-06-at-3.39.25-PM-1024x537.png\" alt=\"\" width=\"1024\" height=\"537\" class=\"alignright size-large wp-image-5701\" srcset=\"https:\/\/www.wwhenry.com\/wp-content\/uploads\/Screen-Shot-2018-06-06-at-3.39.25-PM-1024x537.png 1024w, https:\/\/www.wwhenry.com\/wp-content\/uploads\/Screen-Shot-2018-06-06-at-3.39.25-PM-300x157.png 300w, https:\/\/www.wwhenry.com\/wp-content\/uploads\/Screen-Shot-2018-06-06-at-3.39.25-PM-768x403.png 768w, https:\/\/www.wwhenry.com\/wp-content\/uploads\/Screen-Shot-2018-06-06-at-3.39.25-PM-936x491.png 936w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/p>\n<p><a href=\"https:\/\/www.wwhenry.com\/wp-content\/uploads\/Screen-Shot-2018-06-06-at-5.22.58-PM.png\"><img decoding=\"async\" src=\"https:\/\/www.wwhenry.com\/wp-content\/uploads\/Screen-Shot-2018-06-06-at-5.22.58-PM-1024x504.png\" alt=\"\" width=\"1024\" height=\"504\" class=\"alignright size-large wp-image-5713\" srcset=\"https:\/\/www.wwhenry.com\/wp-content\/uploads\/Screen-Shot-2018-06-06-at-5.22.58-PM-1024x504.png 1024w, https:\/\/www.wwhenry.com\/wp-content\/uploads\/Screen-Shot-2018-06-06-at-5.22.58-PM-300x148.png 300w, https:\/\/www.wwhenry.com\/wp-content\/uploads\/Screen-Shot-2018-06-06-at-5.22.58-PM-768x378.png 768w, https:\/\/www.wwhenry.com\/wp-content\/uploads\/Screen-Shot-2018-06-06-at-5.22.58-PM-936x460.png 936w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/p>\n<h3 id=\"header-images\">Page Header Images<\/h3>\n<p><strong>Upload Width x Height:<\/strong> 1872 x ANY (recommend 820)<\/p>\n<p><strong>Suggestions:<\/strong><\/p>\n<ul>\n<li>Upload a single image at 1872&#215;820 for crisp display on retina screens.<\/li>\n<li>Using a height of 820px will keep a consistent 16:7 aspect ratio across various pages, but this is not required. If you want to use a taller or shorter image for a specific page, go for it.<\/li>\n<\/ul>\n<p><strong>Note:<\/strong><\/p>\n<p>This image size of \u00ab\u00a0Page Header Image\u00a0\u00bb refers to the image at top left of various page templates. This image may be set differently for different pages. Examples: <\/p>\n<ul>\n<li><strong>\u00ab\u00a0Products Overview\u00a0\u00bb Page Template<\/strong> &#8211; can be set as either <em>Featured Image<\/em> or <em>Products Fields > Image<\/em><\/li>\n<li><strong>\u00ab\u00a0Subpage with Header\u00a0\u00bb Page Template<\/strong> &#8211; set as <em>Featured Image<\/em><\/li>\n<li><strong>Category Image<\/strong> &#8211; see above<\/li>\n<\/ul>\n<p><strong>Aspect Ratio:<\/strong> ANY (or 16:7 if height is 820)<\/p>\n<p><strong>Image Sizes Used:<\/strong><br \/>\nheader_image (936w, 936h, soft crop)<\/p>\n<hr>\n<p><a href=\"https:\/\/www.wwhenry.com\/wp-content\/uploads\/Screen-Shot-2018-06-06-at-6.42.01-PM.png\"><img decoding=\"async\" src=\"https:\/\/www.wwhenry.com\/wp-content\/uploads\/Screen-Shot-2018-06-06-at-6.42.01-PM-1024x534.png\" alt=\"\" width=\"1024\" height=\"534\" class=\"alignright size-large wp-image-5719\" srcset=\"https:\/\/www.wwhenry.com\/wp-content\/uploads\/Screen-Shot-2018-06-06-at-6.42.01-PM-1024x534.png 1024w, https:\/\/www.wwhenry.com\/wp-content\/uploads\/Screen-Shot-2018-06-06-at-6.42.01-PM-300x156.png 300w, https:\/\/www.wwhenry.com\/wp-content\/uploads\/Screen-Shot-2018-06-06-at-6.42.01-PM-768x400.png 768w, https:\/\/www.wwhenry.com\/wp-content\/uploads\/Screen-Shot-2018-06-06-at-6.42.01-PM-936x488.png 936w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/p>\n<h3 id=\"product-featured\">Product Images &#8211; Featured Image<\/h3>\n<p><strong>Upload Width x Height:<\/strong> ANY x ANY (minimum 1024px)<\/p>\n<p><strong>Suggestions:<\/strong><\/p>\n<ul>\n<li>Upload a single image with a width or height (or both) of 1024px for crisp display on retina screens.<\/li>\n<li>Image does not have to be square. Image should have as little whitespace as possible around the product; the product should fill the image dimensions.<\/li>\n<\/ul>\n<p><strong>Aspect Ratio:<\/strong> ANY<\/p>\n<p><strong>Image Sizes Used:<\/strong><br \/>\nlarge (1024w, 1024h, soft crop)<\/p>\n<h3 id=\"product-thumbs\">Product Images &#8211; Thumbnails<\/h3>\n<p><strong>Upload Width x Height:<\/strong> 1024 x 509<\/p>\n<p><strong>Suggestions:<\/strong><\/p>\n<ul>\n<li>Upload a single image of 1024&#215;509 for crisp display on retina screens in both the sidebar and the center display.<\/li>\n<li>The first image is unique and will always display an uncropped square.<\/li>\n<\/ul>\n<p><strong>Aspect Ratio:<\/strong> 1024:509<\/p>\n<p><strong>Image Sizes Used:<\/strong><br \/>\nlarge (1024w, 1024h, soft crop) &#8211; used for center image<br \/>\nproduct_thumbnails (354w, 176h, hard crop) &#8211; used for left sidebar thumbs<\/p>\n<hr>\n<p><a href=\"https:\/\/www.wwhenry.com\/wp-content\/uploads\/Screen-Shot-2018-06-06-at-9.48.23-PM.png\"><img decoding=\"async\" src=\"https:\/\/www.wwhenry.com\/wp-content\/uploads\/Screen-Shot-2018-06-06-at-9.48.23-PM-1024x581.png\" alt=\"\" width=\"1024\" height=\"581\" class=\"alignright size-large wp-image-5733\" srcset=\"https:\/\/www.wwhenry.com\/wp-content\/uploads\/Screen-Shot-2018-06-06-at-9.48.23-PM-1024x581.png 1024w, https:\/\/www.wwhenry.com\/wp-content\/uploads\/Screen-Shot-2018-06-06-at-9.48.23-PM-300x170.png 300w, https:\/\/www.wwhenry.com\/wp-content\/uploads\/Screen-Shot-2018-06-06-at-9.48.23-PM-768x435.png 768w, https:\/\/www.wwhenry.com\/wp-content\/uploads\/Screen-Shot-2018-06-06-at-9.48.23-PM-936x531.png 936w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/p>\n<h3 id=\"case-study-images\">Case Study Images<\/h3>\n<h4>(Featured Image &#038; Project Images)<\/h4>\n<p><strong>Upload Width x Height:<\/strong> 1872 x 1404<\/p>\n<p><strong>Suggestions:<\/strong><\/p>\n<ul>\n<li>Upload a single image at 1872 x 1404 for crisp display on retina screens.<\/li>\n<li>Using a height of 1404px will keep a consistent 4:3 aspect ratio for every slide, but this is not required. If you want to use a taller or shorter aspect ratio for a specific case study, go for it &#8211; just be sure all slides for that case study are consistent.<\/li>\n<\/ul>\n<p><strong>Aspect Ratio:<\/strong> 4:3<\/p>\n<p><strong>Image Sizes Used:<\/strong><br \/>\nheader_image (936w, 936h, soft crop)<br \/>\nmedium (300w, 300h, soft crop)<\/p>\n<hr>\n<h2 id=\"products-overview\">Products Overview Page<\/h2>\n<hr>\n<p><a href=\"https:\/\/www.wwhenry.com\/wp-content\/uploads\/Screen-Shot-2018-05-24-at-9.29.44-PM.png\"><img decoding=\"async\" class=\"alignright size-large wp-image-5401\" src=\"https:\/\/www.wwhenry.com\/wp-content\/uploads\/Screen-Shot-2018-05-24-at-9.29.44-PM-1024x325.png\" alt=\"screenshot\" width=\"1024\" height=\"325\" srcset=\"https:\/\/www.wwhenry.com\/wp-content\/uploads\/Screen-Shot-2018-05-24-at-9.29.44-PM-1024x325.png 1024w, https:\/\/www.wwhenry.com\/wp-content\/uploads\/Screen-Shot-2018-05-24-at-9.29.44-PM-300x95.png 300w, https:\/\/www.wwhenry.com\/wp-content\/uploads\/Screen-Shot-2018-05-24-at-9.29.44-PM-768x243.png 768w, https:\/\/www.wwhenry.com\/wp-content\/uploads\/Screen-Shot-2018-05-24-at-9.29.44-PM-936x297.png 936w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/p>\n<p>Find it here: <a href=\"https:\/\/www.wwhenry.com\/products\/\">https:\/\/www.wwhenry.com\/products\/<\/a><\/p>\n<p>This page lists all parent product categories as dropdowns, each with an image, an arrow and a \u00ab\u00a0See All Products\u00a0\u00bb button.<\/p>\n<hr class=\"inviz\">\n<p><a href=\"https:\/\/www.wwhenry.com\/wp-content\/uploads\/Screen-Shot-2018-05-24-at-9.31.29-PM.png\"><img decoding=\"async\" class=\"alignright size-large wp-image-5402\" src=\"https:\/\/www.wwhenry.com\/wp-content\/uploads\/Screen-Shot-2018-05-24-at-9.31.29-PM-1024x523.png\" alt=\"screenshot\" width=\"1024\" height=\"523\" srcset=\"https:\/\/www.wwhenry.com\/wp-content\/uploads\/Screen-Shot-2018-05-24-at-9.31.29-PM-1024x523.png 1024w, https:\/\/www.wwhenry.com\/wp-content\/uploads\/Screen-Shot-2018-05-24-at-9.31.29-PM-300x153.png 300w, https:\/\/www.wwhenry.com\/wp-content\/uploads\/Screen-Shot-2018-05-24-at-9.31.29-PM-768x392.png 768w, https:\/\/www.wwhenry.com\/wp-content\/uploads\/Screen-Shot-2018-05-24-at-9.31.29-PM-960x490.png 960w, https:\/\/www.wwhenry.com\/wp-content\/uploads\/Screen-Shot-2018-05-24-at-9.31.29-PM-936x478.png 936w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/p>\n<p>Clicking a dropdown displays products from \u00ab\u00a0Product Selection\u00a0\u00bb for that category.<\/p>\n<p>Note: it does not show all products in this category, it only shows the few handpicked in \u00ab\u00a0Product Selection\u00a0\u00bb. Clicking \u00ab\u00a0See All Products\u00a0\u00bb will take you to that product category page, containing all products assigned to it.<\/p>\n<hr class=\"inviz\">\n<p><a href=\"https:\/\/www.wwhenry.com\/wp-content\/uploads\/Screen-Shot-2018-05-24-at-11.21.58-PM.png\"><img decoding=\"async\" class=\"alignright size-large wp-image-5421\" src=\"https:\/\/www.wwhenry.com\/wp-content\/uploads\/Screen-Shot-2018-05-24-at-11.21.58-PM-1024x535.png\" alt=\"screenshot\" width=\"1024\" height=\"535\" srcset=\"https:\/\/www.wwhenry.com\/wp-content\/uploads\/Screen-Shot-2018-05-24-at-11.21.58-PM-1024x535.png 1024w, https:\/\/www.wwhenry.com\/wp-content\/uploads\/Screen-Shot-2018-05-24-at-11.21.58-PM-300x157.png 300w, https:\/\/www.wwhenry.com\/wp-content\/uploads\/Screen-Shot-2018-05-24-at-11.21.58-PM-768x401.png 768w, https:\/\/www.wwhenry.com\/wp-content\/uploads\/Screen-Shot-2018-05-24-at-11.21.58-PM-936x489.png 936w, https:\/\/www.wwhenry.com\/wp-content\/uploads\/Screen-Shot-2018-05-24-at-11.21.58-PM.png 2044w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/p>\n<p>To control products within the dropdown for a Product Category, edit that Product Category and look for <strong>\u00ab\u00a0Product Selection\u00a0\u00bb<\/strong><\/p>\n<p>Add and drag\/drop products to re-arrange them in the order you want.<\/p>\n<hr>\n<p><a href=\"https:\/\/www.wwhenry.com\/wp-content\/uploads\/Screen-Shot-2018-06-06-at-10.15.16-PM.png\"><img decoding=\"async\" src=\"https:\/\/www.wwhenry.com\/wp-content\/uploads\/Screen-Shot-2018-06-06-at-10.15.16-PM-1024x579.png\" alt=\"\" width=\"1024\" height=\"579\" class=\"alignright size-large wp-image-5738\" srcset=\"https:\/\/www.wwhenry.com\/wp-content\/uploads\/Screen-Shot-2018-06-06-at-10.15.16-PM-1024x579.png 1024w, https:\/\/www.wwhenry.com\/wp-content\/uploads\/Screen-Shot-2018-06-06-at-10.15.16-PM-300x170.png 300w, https:\/\/www.wwhenry.com\/wp-content\/uploads\/Screen-Shot-2018-06-06-at-10.15.16-PM-768x434.png 768w, https:\/\/www.wwhenry.com\/wp-content\/uploads\/Screen-Shot-2018-06-06-at-10.15.16-PM-936x529.png 936w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/p>\n<p><a href=\"https:\/\/www.wwhenry.com\/wp-content\/uploads\/Screen-Shot-2018-06-06-at-10.17.54-PM.png\"><img decoding=\"async\" src=\"https:\/\/www.wwhenry.com\/wp-content\/uploads\/Screen-Shot-2018-06-06-at-10.17.54-PM-1024x485.png\" alt=\"\" width=\"1024\" height=\"485\" class=\"alignright size-large wp-image-5739\" srcset=\"https:\/\/www.wwhenry.com\/wp-content\/uploads\/Screen-Shot-2018-06-06-at-10.17.54-PM-1024x485.png 1024w, https:\/\/www.wwhenry.com\/wp-content\/uploads\/Screen-Shot-2018-06-06-at-10.17.54-PM-300x142.png 300w, https:\/\/www.wwhenry.com\/wp-content\/uploads\/Screen-Shot-2018-06-06-at-10.17.54-PM-768x364.png 768w, https:\/\/www.wwhenry.com\/wp-content\/uploads\/Screen-Shot-2018-06-06-at-10.17.54-PM-936x444.png 936w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/p>\n<h2 id=\"product-sequence\">Product Sequence<\/h2>\n<p>Control the sequence of products on a <strong>product category page<\/strong> by setting the <em>Order<\/em> number for each product.<\/p>\n<p>Products will be sorted by <em>Order<\/em> ascending (0,1,2,50,200,1000,etc). <\/p>\n<p>Products with the same <em>Order<\/em> will be sorted by Publish Date, descending (May 30th, April 4th, etc)<\/p>\n<p>New Products default to <em>Order<\/em> = 0<\/p>\n<p>The <em>Order<\/em> number can be set by clicking Quick Edit on the <a href=\"https:\/\/www.wwhenry.com\/wp-admin\/edit.php?post_type=product\" rel=\"noopener\" target=\"_blank\">All Products<\/a> page, or by setting <em>Post Attributes > Order<\/em> while editing a specific product.<\/p>\n<p>While editing <em>Order<\/em> for many products can be a cumbersome process, you can save yourself time by using larger numbers:<\/p>\n<ul>\n<li>Reserve numbers 0-100 for \u00ab\u00a0featured products\u00a0\u00bb that appear first<\/li>\n<li>Assign order numbers in increments of 10 or 20 (like 110, 120, etc) so if you need to move a product before\/after something in the sequence you can use something like 109 or 121.<\/li>\n<li>Consider assigning number ranges to specific categories (100+, 200+, 300+, etc) to help keep your sanity in tact<\/li>\n<li>To make bulk changes we do have the option of exporting\/importing product Order numbers, but this is only efficient if you&rsquo;re editing or need to reset 50+ products. Requires 1 hour of development time.<\/li>\n<\/ul>\n<hr>\n<h2 id=\"product-category-color-hex\">Product Category Colors<\/h2>\n<hr>\n<p><a href=\"https:\/\/www.wwhenry.com\/wp-content\/uploads\/Screen-Shot-2018-05-24-at-9.36.17-PM.png\"><img decoding=\"async\" class=\"alignnone size-large wp-image-5405\" src=\"https:\/\/www.wwhenry.com\/wp-content\/uploads\/Screen-Shot-2018-05-24-at-9.36.17-PM-1024x698.png\" alt=\"screenshot\" width=\"1024\" height=\"698\" srcset=\"https:\/\/www.wwhenry.com\/wp-content\/uploads\/Screen-Shot-2018-05-24-at-9.36.17-PM-1024x698.png 1024w, https:\/\/www.wwhenry.com\/wp-content\/uploads\/Screen-Shot-2018-05-24-at-9.36.17-PM-300x204.png 300w, https:\/\/www.wwhenry.com\/wp-content\/uploads\/Screen-Shot-2018-05-24-at-9.36.17-PM-768x523.png 768w, https:\/\/www.wwhenry.com\/wp-content\/uploads\/Screen-Shot-2018-05-24-at-9.36.17-PM-936x638.png 936w, https:\/\/www.wwhenry.com\/wp-content\/uploads\/Screen-Shot-2018-05-24-at-9.36.17-PM.png 1644w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/p>\n<p>Control the custom colors of a Single Product or a Product Category with the <strong>\u00ab\u00a0Product Category Color Hex\u00a0\u00bb<\/strong> setting.<\/p>\n<p>Instructions for adding additional names\/colors to the dropdown will be added here later.<\/p>\n<hr class=\"inviz\">\n<p><a href=\"https:\/\/www.wwhenry.com\/wp-content\/uploads\/Screen-Shot-2018-05-24-at-11.35.14-PM.png\"><img decoding=\"async\" class=\"alignright size-large wp-image-5427\" src=\"https:\/\/www.wwhenry.com\/wp-content\/uploads\/Screen-Shot-2018-05-24-at-11.35.14-PM-1024x421.png\" alt=\"screenshot\" width=\"1024\" height=\"421\" srcset=\"https:\/\/www.wwhenry.com\/wp-content\/uploads\/Screen-Shot-2018-05-24-at-11.35.14-PM-1024x421.png 1024w, https:\/\/www.wwhenry.com\/wp-content\/uploads\/Screen-Shot-2018-05-24-at-11.35.14-PM-300x123.png 300w, https:\/\/www.wwhenry.com\/wp-content\/uploads\/Screen-Shot-2018-05-24-at-11.35.14-PM-768x316.png 768w, https:\/\/www.wwhenry.com\/wp-content\/uploads\/Screen-Shot-2018-05-24-at-11.35.14-PM-936x385.png 936w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/p>\n<p>Here you can see the custom colors in action.<\/p>\n<p>Category Page \u2014<\/p>\n<hr class=\"inviz\">\n<p><a href=\"https:\/\/www.wwhenry.com\/wp-content\/uploads\/Screen-Shot-2018-05-24-at-11.42.09-PM.png\"><img decoding=\"async\" class=\"alignright size-large wp-image-5428\" src=\"https:\/\/www.wwhenry.com\/wp-content\/uploads\/Screen-Shot-2018-05-24-at-11.42.09-PM-1024x482.png\" alt=\"screenshot\" width=\"1024\" height=\"482\" srcset=\"https:\/\/www.wwhenry.com\/wp-content\/uploads\/Screen-Shot-2018-05-24-at-11.42.09-PM-1024x482.png 1024w, https:\/\/www.wwhenry.com\/wp-content\/uploads\/Screen-Shot-2018-05-24-at-11.42.09-PM-300x141.png 300w, https:\/\/www.wwhenry.com\/wp-content\/uploads\/Screen-Shot-2018-05-24-at-11.42.09-PM-768x362.png 768w, https:\/\/www.wwhenry.com\/wp-content\/uploads\/Screen-Shot-2018-05-24-at-11.42.09-PM-936x441.png 936w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/p>\n<p>Single Product Page &#8211;<\/p>\n<hr>\n<h2 id=\"custom-search\">Custom Search (Relevanssi)<\/h2>\n<p>Documentation coming soon!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Quicklinks Image Sizes Slider Images Page Teaser Images Page Category Images Page Header Images Product &#8211; Featured Image Product &#8211; Thumbnails Case Study &#8211; Slider Images Products Overview Page Product Sequence (on Category Page) Product &amp; Product Category Colors Custom \u2026<\/p>\n","protected":false},"author":42,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-subpage-header.php","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-5396","page","type-page","status-publish","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v27.3 (Yoast SEO v27.3) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Documentation - WW Henry<\/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:\/\/www.wwhenry.com\/docs\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Documentation\" \/>\n<meta property=\"og:description\" content=\"Quicklinks Image Sizes Slider Images Page Teaser Images Page Category Images Page Header Images Product &#8211; Featured Image Product &#8211; Thumbnails Case Study &#8211; Slider Images Products Overview Page Product Sequence (on Category Page) Product &amp; Product Category Colors Custom \u2026\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.wwhenry.com\/docs\/\" \/>\n<meta property=\"og:site_name\" content=\"WW Henry\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/ARDEXAmericas\/\" \/>\n<meta property=\"article:modified_time\" content=\"2018-07-05T17:55:28+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.wwhenry.com\/wp-content\/uploads\/2018\/06\/Screen-Shot-2018-06-06-at-7.19.57-AM-1024x380.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@ARDEXAmericas\" \/>\n<meta name=\"twitter:label1\" content=\"Dur\u00e9e de lecture estim\u00e9e\" \/>\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:\\\/\\\/www.wwhenry.com\\\/docs\\\/\",\"url\":\"https:\\\/\\\/www.wwhenry.com\\\/docs\\\/\",\"name\":\"Documentation - WW Henry\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.wwhenry.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.wwhenry.com\\\/docs\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.wwhenry.com\\\/docs\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.wwhenry.com\\\/wp-content\\\/uploads\\\/2018\\\/06\\\/Screen-Shot-2018-06-06-at-7.19.57-AM-1024x380.png\",\"datePublished\":\"2018-05-25T04:26:12+00:00\",\"dateModified\":\"2018-07-05T17:55:28+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.wwhenry.com\\\/docs\\\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.wwhenry.com\\\/docs\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/www.wwhenry.com\\\/docs\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.wwhenry.com\\\/wp-content\\\/uploads\\\/2018\\\/06\\\/Screen-Shot-2018-06-06-at-7.19.57-AM-1024x380.png\",\"contentUrl\":\"https:\\\/\\\/www.wwhenry.com\\\/wp-content\\\/uploads\\\/2018\\\/06\\\/Screen-Shot-2018-06-06-at-7.19.57-AM-1024x380.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.wwhenry.com\\\/docs\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.wwhenry.com\\\/fr\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Documentation\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.wwhenry.com\\\/#website\",\"url\":\"https:\\\/\\\/www.wwhenry.com\\\/\",\"name\":\"WW Henry\",\"description\":\"The Professionals&#039; Formula for Success\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.wwhenry.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Documentation - WW Henry","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:\/\/www.wwhenry.com\/docs\/","og_locale":"fr_FR","og_type":"article","og_title":"Documentation","og_description":"Quicklinks Image Sizes Slider Images Page Teaser Images Page Category Images Page Header Images Product &#8211; Featured Image Product &#8211; Thumbnails Case Study &#8211; Slider Images Products Overview Page Product Sequence (on Category Page) Product &amp; Product Category Colors Custom \u2026","og_url":"https:\/\/www.wwhenry.com\/docs\/","og_site_name":"WW Henry","article_publisher":"https:\/\/www.facebook.com\/ARDEXAmericas\/","article_modified_time":"2018-07-05T17:55:28+00:00","og_image":[{"url":"https:\/\/www.wwhenry.com\/wp-content\/uploads\/2018\/06\/Screen-Shot-2018-06-06-at-7.19.57-AM-1024x380.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_site":"@ARDEXAmericas","twitter_misc":{"Dur\u00e9e de lecture estim\u00e9e":"6 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.wwhenry.com\/docs\/","url":"https:\/\/www.wwhenry.com\/docs\/","name":"Documentation - WW Henry","isPartOf":{"@id":"https:\/\/www.wwhenry.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.wwhenry.com\/docs\/#primaryimage"},"image":{"@id":"https:\/\/www.wwhenry.com\/docs\/#primaryimage"},"thumbnailUrl":"https:\/\/www.wwhenry.com\/wp-content\/uploads\/2018\/06\/Screen-Shot-2018-06-06-at-7.19.57-AM-1024x380.png","datePublished":"2018-05-25T04:26:12+00:00","dateModified":"2018-07-05T17:55:28+00:00","breadcrumb":{"@id":"https:\/\/www.wwhenry.com\/docs\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.wwhenry.com\/docs\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/www.wwhenry.com\/docs\/#primaryimage","url":"https:\/\/www.wwhenry.com\/wp-content\/uploads\/2018\/06\/Screen-Shot-2018-06-06-at-7.19.57-AM-1024x380.png","contentUrl":"https:\/\/www.wwhenry.com\/wp-content\/uploads\/2018\/06\/Screen-Shot-2018-06-06-at-7.19.57-AM-1024x380.png"},{"@type":"BreadcrumbList","@id":"https:\/\/www.wwhenry.com\/docs\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.wwhenry.com\/fr\/"},{"@type":"ListItem","position":2,"name":"Documentation"}]},{"@type":"WebSite","@id":"https:\/\/www.wwhenry.com\/#website","url":"https:\/\/www.wwhenry.com\/","name":"WW Henry","description":"The Professionals&#039; Formula for Success","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.wwhenry.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"}]}},"_links":{"self":[{"href":"https:\/\/www.wwhenry.com\/fr\/wp-json\/wp\/v2\/pages\/5396","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.wwhenry.com\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.wwhenry.com\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.wwhenry.com\/fr\/wp-json\/wp\/v2\/users\/42"}],"replies":[{"embeddable":true,"href":"https:\/\/www.wwhenry.com\/fr\/wp-json\/wp\/v2\/comments?post=5396"}],"version-history":[{"count":0,"href":"https:\/\/www.wwhenry.com\/fr\/wp-json\/wp\/v2\/pages\/5396\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.wwhenry.com\/fr\/wp-json\/wp\/v2\/media?parent=5396"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}