User Manual
Menu
Close
User Manual

Changelog

This log contains an overview of the different updates of this brandplatform. Every log is collapsable to view more information about the update.

1.8.5

ADJUSTED: mobile nav, styling steps, header script, product-description heading, preview size icons, responsive header, breadcrumbs, description list, slick slider js, tooltip shoppingcart, tooltip my-account, hide-classes, header molecule - prictag rsp, tooltip display for website, extra-options fixes iE ADDED: typography class, error message to collapse, new icons, autocomplete molecule, layout modification class REMOVED: toggle from UX page IMPLEMENTED: Wobbler inside the UX page, autocomplete

ADJUSTED: mobile nav, styling steps, header script, product-description heading, preview size icons, responsive header, breadcrumbs, description list, slick slider js, tooltip shoppingcart, tooltip my-account, hide-classes, header molecule - prictag rsp, tooltip display for website, extra-options fixes iE ADDED: typography class, error message to collapse, new icons, autocomplete molecule, layout modification class REMOVED: toggle from UX page IMPLEMENTED: Wobbler inside the UX page, autocomplete

  • Adjusted: mobile nav
  • Adjusted: styling steps
  • Adjusted: header script
  • Adjusted: product-description heading
  • Adjusted: preview size icons
  • Adjusted: responsive header
  • Adjusted: breadcrumbs
  • Adjusted: description list
  • Adjusted: slick slider js
  • Adjusted: tooltip shoppingcart
  • Adjusted: tooltip my-account
  • Adjusted: hide-classes
  • Adjusted: header molecule - prictag rsp
  • Adjusted: tooltip display for website
  • Adjusted: extra-options fixes iE
  • Added: typography class
  • Added: error message to collapse
  • Added: autocomplete molecule
  • Added: layout modification class
  • Added: [icon]: advantage-bonus-circle
  • Added: [icon]: advantage-bonus-fill
  • Added: [icon]: advantage-bonus
  • Added: [icon]: advantage-clock
  • Added: [icon]: advantage-delivery-circle
  • Added: [icon]: advantage-delivery
  • Added: [icon]: advantage-easy
  • Added: [icon]: advantage-facebook-group-circle
  • Added: [icon]: advantage-facebook-group-fill
  • Added: [icon]: advantage-garanti-circle
  • Added: [icon]: advantage-garanti-fill
  • Added: [icon]: advantage-play
  • Added: [icon]: advantage-quality
  • Added: [icon]: advantage-secure-circle
  • Added: [icon]: advantage-secure
  • Added: [icon]: advantage-service-general-circle
  • Added: [icon]: advantage-service-general-fill
  • Added: [icon]: advantage-service
  • Added: [icon]: advantage-thumbs-up-circle
  • Added: [icon]: advantage-thumbs-up
  • Added: [icon]: advantage-wallet-circle
  • Added: [icon]: advantage-wallet
  • Added: [icon]: delivery-box
  • Added: [icon]: delivery-truck
  • Added: [icon]: tag-ch
  • Added: [icon]: tag-couk
  • Added: [icon]: tag-dk
  • Added: [icon]: tag-euro
  • Added: [icon]: tag-se
  • Added: [icon]: traveling-pc
  • Removed: toggle from UX page
  • Implemented: Wobbler inside the UX page
  • Implemented: autocomplete
1.8.4

Added molecules: Popup, Leadtimes popup, Site-rating, trustpilot. Brandplatform: styling counter, configuration/ routes new popup category. added to UX page: Leadtimes bar + popup + trustpilot

Added molecules: Popup, Leadtimes popup, Site-rating, trustpilot. Brandplatform: styling counter, configuration/ routes new popup category. added to UX page: Leadtimes bar + popup + trustpilot

  • Added: Popup molecule
  • Added: Site-rating molecule
  • Added: trustpilot molecule
  • Added: Leadttimes popup
  • Added: Leadttimes bar to UX page
  • Added: Leadttimes popup to UX page
  • Added: trustpilot to UX page
  • Brandplatform adjustments: Styling counter
  • Brandplatform adjustments: config/routes new popup category
1.8.3

Added molecules: LeadTimes, Smartbanner, Partnerlinks, Wobbler. Added icons: warning, warning-filled, error, error-filled, succes. Adjusted: list, payment-methods, newsletter

Added molecules: LeadTimes, Smartbanner, Partnerlinks, Wobbler. Added icons: warning, warning-filled, error, error-filled, succes. Adjusted: list, payment-methods, newsletter

  • Added: LeadTimes molecule
  • Added: Smartbanner molecule
  • Added: Partnerlinks molecule
  • Added: Wobbler molecule
  • Added: Warning-, warning-filled-, error-, error-filled- and succes-icon
  • Adjusted: List atom - added the possibility to add classes to list-item and link
  • Adjusted: Newsletter molecule - added email validation
  • Adjusted: Payment-methods molecule - added all other payment methods
1.8.2

Added: carrousel molecule, slick slider CDN, product-description, setup productOverviewPage ,implementation into productCategroryPage

Added: carrousel molecule, slick slider CDN, product-description, setup productOverviewPage ,implementation into productCategroryPage

  • Added: Slick dependencies + CDN connection + order load scripts
  • Added: Carrousel molecule
  • Added: product-description molecule
  • Added: Setup productOverviewPage
  • Implemented: Carrousel molecule into productCategoryPage
  • Implemented: product-description molecule into productCategoryPage
  • Implemented: extra-options modification onto UX productpage
  • Adjusted: Extra-options molecule
  • Adjusted: button atom - added "is-disabled" class
  • Adjusted: option molecule - added "is-disabled" and "is-active" class
  • Adjusted: breadcrumbs molecule - changed layout classes
  • Disabled: sourcemapping css - you can enable it again by uncomment the code inside \StyleGuide\gulp\styles.js
1.8.1

Added/adjusted: Mobile header , slick-slider dependencies

Added/adjusted: Mobile header , slick-slider dependencies

  • Adjusted: Header organism => added styling mobile header
  • Added: slick-slider dependencies (jQuery 1.11.1 & slick-slider-carrousel v1.8.1)
1.8.0

Adjusted: shopping-cart icon, hover states button and secondary-nav links Added: atom references to header info block Clean-up : header scss files

Adjusted: shopping-cart icon, hover states button and secondary-nav links Added: atom references to header info block Clean-up : header scss files

  • Adjusted: shopping-cart icon
  • Adjusted: hover states button
  • Adjusted: hover states secondary-nav links
  • Added: atom references to header info block
  • Clean-up: _language-selector.scss
  • Clean-up: _advantages.scss
  • Clean-up: _header.scss
  • Clean-up: _my-account.scss
  • Clean-up: _newsletter.scss
  • Clean-up: _payment-methods.scss
  • Clean-up: _search-bar.scss
  • Clean-up: _shopping-cart.scss
  • Clean-up: _social-media.scss
  • Clean-up: _tooltip.scss
  • Clean-up: _footer.scss
  • Clean-up: _header.scss
  • Clean-up: _main-nav.scss
  • Clean-up: _secondary-nav.scss
1.7.9

Added: Search-bar, Shopping-cart, My-account; Implemented: molecules into header Adjusted: tooltip atom to molecule, animations, advantages

Added: Search-bar, Shopping-cart, My-account; Implemented: molecules into header Adjusted: tooltip atom to molecule, animations, advantages

  • Adjusted: tooltip shopping-cart & My-acount
  • Adjusted: tooltip atom to Molecule + all implementations
  • Adjusted:
  • Implemented: Molecules into header
  • Added: Shopping-cart
  • Added: My-account
  • Added: Search-bar
  • Added: animations icon-arrow-down for main-nav
1.7.8

Adjusted: Main-nav, Secondary-nav, Tooltip, Header

Adjusted: Main-nav, Secondary-nav, Tooltip, Header

  • Adjusted: Main-nav organism => HTML markup + datasets
  • Adjusted: Secondary-nav organism => HTML markup + datasets
  • Adjusted: Tooltip molecule => added modifier header tooltips
  • Adjusted: Header organism => added main-nav and secondary nav
1.7.7

Added/Changed: Prototype-header, prototype-main-nav, prototype-secondary-nav, replaced search icon

Added/Changed: Prototype-header, prototype-main-nav, prototype-secondary-nav, replaced search icon

  • Added: Prototype-header
  • Added: Prototype-main-nav
  • Added: Prototype-secondary-nav
  • Replaced: search-icon
1.7.6

Added: Typography atoms, adjusted the file path for icons

Added: Typography atoms, adjusted the file path for icons

  • Added: Typography atom
  • Adjusted: File path for icons considering website directories
1.7.5

Added: Footer layout adjustments, Advantages, Advantages to footer in Detail page

Added: Footer layout adjustments, Advantages, Advantages to footer in Detail page

  • Added: Footer layout adjustments
  • Added: Advantages component
  • Added: Advantages to footer in Detail page
1.7.4

Added: old-header (WIP-stable), changed checkmark icon, added usp icons,added copy-to clipboard in user manual, fixed banner component, removed mobile nav bug, fix UI bug mobile tabs

Added: old-header (WIP-stable), changed checkmark icon, added usp icons,added copy-to clipboard in user manual, fixed banner component, removed mobile nav bug, fix UI bug mobile tabs

  • Changed default icon color of icon navigation set to $text-color
  • Added copy to clipboard to user manual
  • Changed the image default-macro (del sections & del subclass)
  • Added the usp icons
  • Changed the usp images to icons
  • Fixed the banner component
  • Added iis build changes
  • Fix UI bug mobile ( title overlapping tabs)
  • Remove mobile nav bug
1.7.3

Added to the brandplatform: mobile nav adjustments + copy to clipboard function for the code-blocks

Added to the brandplatform: mobile nav adjustments + copy to clipboard function for the code-blocks

  • Changed the styling of the mobile navigation of the brandplatform
  • Added a copy to clipboard function (for copying code-blocks) to the brandplatform
1.7.2

Fixed: changelog rotate with bp-js class

Fixed: changelog rotate with bp-js class

  • fixed the bp-js class of the collapse
1.7.1

Added: old header, footer component to the pages

Added: old header, footer component to the pages

  • Added old header
  • Added footer component to the pages
1.7.0

Added: new container component, trust-icons, dropdown, payment-methods, social-media

Added: new container component, trust-icons, dropdown, payment-methods, social-media

  • Added new container component
  • Added trust-icons
  • Added dropdown
  • Added payment-methods
  • Added social-media
1.6.1

Added detail page

Added detail page

  • Added detail page
1.6.0

Added design select page

Added design select page

  • Added design select page
1.5.0

added: header molecule, options organism. updated header organism

added: header molecule, options organism. updated header organism

  • Added header molecule
  • Updated collapsable molecule
  • Added options organism
  • Updated header organism with mobile styling
1.4.1

update: changed page name

update: changed page name

  • Changed 'detail-page' to 'example-page'
1.4.0

Added header, usp, pagination, lists, color selector, general layout, flag, count, gallery, options.

Added header, usp, pagination, lists, color selector, general layout, flag, count, gallery, options.

  • Added description-list atom
  • Added list atom
  • Added tooltip atom
  • Added color-selector atom
  • Added flag atom
  • Added count atom
  • Added image atom
  • Added newsletter molecule
  • Added USP molecule
  • Added pagination molecule
  • Added product-examples molecule
  • Added option molecule
  • Added gallery molecule
  • Added design-filters molecule
  • Added header organism
  • Added default page
  • Added general layout helpers: sections & containers
1.3.0

Toggle, collapsable & product

Toggle, collapsable & product

  • Added toggle atom
  • Added collapsable molecule
  • Added product molecule
1.2.0

Header, newsletter, breadcrumb, status and USP

Header, newsletter, breadcrumb, status and USP

  • Added status atom
  • Added logo atom
  • Added link atom
  • Added input atom
  • Added breadcrumbs molecule
  • Added dropdown molecule (unfinished)
  • Added newsletter molecule
  • Added USP molecule
  • Added Header organism
  • Added Main Nav organism
  • Added Secondary Nav organism (unfinished)
1.1.0

Added basic smartphoto style & branding

Added basic smartphoto style & branding

  • Added colours
  • Added typography
  • Added buttons
  • Reworked tabbar
1.0.0

Initial setup of the brandplatform using Nunjucks, SCSS and JavaScript

Initial setup of the brandplatform using Nunjucks, SCSS and JavaScript

  • Added nunjucks structure to support single or multiple categories within one structure
  • Added scss structure and seperated brandplatform from client
  • Created new flow within the brandplatform for a more consistent structure
  • Seperated nunjucks usage for brandplatform and client
  • Added markdown filters so that designers can implement their knowledge into the components
  • Completed the user manual to better explain how to get started and how to styleguide works
  • Added Express routing and express server for dynamic routing
  • Added scripts that create the brandplatform based on file structure and management
  • Added reusable components within the brandplatform
  • Added explanatory resources to represent the way we work
  • Added base styling components such as: colors, icons, typography
  • Added base layout component such as containers
  • Defined the base colors, typography and layout variables to start setting up the components
  • Initialised JavaScript (ES6) usage and split it up between multiple styleguides
  • Seperated brandplatform and client JavaScript
  • Tested multiple use cases and different structures to support the brandplatform