http://dev6.baupark.de/ - homepage
http://dev6.baupark.de/DK-Dampfsperr-Anschlussklebemasse/2000038 - test product
http://dev6.baupark.de/Service/Farbsuche-Fassade/ - color picker
https://baupark.de/farbsuche - old color picker

## menu

TODO:
- [bug] rebuild the whole `.main-navigation-menu` to be accessible from keyboard
- open search on focus
- add animations for mobile menu, probably rebuild it for a11y

## home carousel in hero section


Copy here is set as [Category Data](http://dev6.baupark.de/admin#/sw/settings/custom/field/detail/39547f9e121a4462a2f5cf8a9ec2abfe) in [Custom fields](http://dev6.baupark.de/admin#/sw/settings/custom/field/index?limit=25&page=1&sortBy=config.name&sortDirection=ASC&naturalSorting=false) in each category page.
Slides are generated from categories.

Text for VIEW ALL PRODUCTS is under [CmsElements.button.viewAllProducts](http://dev6.baupark.de/admin#/sw/settings/snippet/detail/CmsElements.button.viewAllProducts?ids=b84551157db54a45a1dbc0dd869745a1&page=1&limit=25)

## Text Slider

`.text-slider` - issues with overflow, make sure all is readable on all screen sizes

TODO: replace icons

## icons
`/Baupark2022/src/Resources/app/storefront/dist/assets/icon/baupark`

To add/change icons, you can use `sw_icon` twig action, eg:

<span>
    {% sw_icon 'arrow-right' style { 
        'namespace': 'Baupark2022',
        'pack': 'baupark' } 
    %}
</span>

`namespace` is name of the theme/plugin, `pack` is directory for an icon
> https://developer.shopware.com/docs/guides/plugins/plugins/storefront/add-icons#adding-icon

TODO:
- add rest of icon as baupark pack
- use sw_icon in footer, side nav

BUG: add icons to theme config so they will bundle with the rest

## images

https://winkelwagen.de/2021/09/16/how-to-shopware-image-urls/

## Tabs component

TODO: figure out how to display:
- latest products
- get any products as product entity to display

## detect user login

To check if user is logged in, you can use following condition:

{% if context.customer %}
    /**/
{% endif %}

## Customers also bought

Seems like the feature was removed in shopware 6, so we need to find a way to get this functionality

my question in shopware community
https://forum.shopware.com/t/how-to-create-kunden-kauften-auch-and-kunden-haben-sich-ebenfalls-angesehen-or-customers-also-bought-view-to-every-products/92070

## Color picker page

Snippet to paste in console on https://baupark.de/farbsuche

This will output ready array of colors and class nam es

let colors = document.querySelectorAll('#color-palette > ul > li > a');
let arr = [];

const rgb2hex = (rgb) => `#${rgb.match(/^rgb\((\d+),\s*(\d+),\s*(\d+)\)$/).slice(1).map(n => parseInt(n, 10).toString(16).padStart(2, '0')).join('')}`

colors.forEach(el => {
    let key = el.classList;
    let val = window.getComputedStyle(el).getPropertyValue('background-color');
  
    arr.push(`${key}:${rgb2hex(val)}`);
})

console.log(arr);