{"id":20672137,"url":"https://github.com/workarea-commerce/workarea-haven-theme","last_synced_at":"2026-02-09T08:35:21.267Z","repository":{"id":44006217,"uuid":"220533568","full_name":"workarea-commerce/workarea-haven-theme","owner":"workarea-commerce","description":null,"archived":false,"fork":false,"pushed_at":"2026-02-05T21:30:15.000Z","size":10668,"stargazers_count":1,"open_issues_count":8,"forks_count":2,"subscribers_count":2,"default_branch":"master","last_synced_at":"2026-02-06T07:39:00.938Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"","language":"Haml","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/workarea-commerce.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2019-11-08T19:23:02.000Z","updated_at":"2020-12-14T14:03:40.000Z","dependencies_parsed_at":"2023-02-03T14:46:03.837Z","dependency_job_id":null,"html_url":"https://github.com/workarea-commerce/workarea-haven-theme","commit_stats":null,"previous_names":[],"tags_count":3,"template":false,"template_full_name":null,"purl":"pkg:github/workarea-commerce/workarea-haven-theme","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/workarea-commerce%2Fworkarea-haven-theme","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/workarea-commerce%2Fworkarea-haven-theme/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/workarea-commerce%2Fworkarea-haven-theme/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/workarea-commerce%2Fworkarea-haven-theme/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/workarea-commerce","download_url":"https://codeload.github.com/workarea-commerce/workarea-haven-theme/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/workarea-commerce%2Fworkarea-haven-theme/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":29260080,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-02-09T04:11:57.159Z","status":"ssl_error","status_checked_at":"2026-02-09T04:11:56.117Z","response_time":56,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.5:443 state=error: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-11-16T20:32:11.995Z","updated_at":"2026-02-09T08:35:21.240Z","avatar_url":"https://github.com/workarea-commerce.png","language":"Haml","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Workarea Haven Theme\n\nHaven - a sleek, modern theme for the Workarea platform.\n\n[Haven Theme Demo Site](https://haven-theme.demo.workarea.com)\n\n[Documentation for workarea themes on homebase](https://homebase.weblinc.com/plugins/theme)\n\n## Screenshots\n\nCategory browse page\n![Screenshot of category page](public/screenshots/category_page.png)\n\nProduct detail page\n![Screenshot of product detail page](public/screenshots/product_detail_page.png)\n\nCheckout\n![Screenshot of checkout](public/screenshots/checkout.png)\n\nMore screenshots available in /public/screenshots within the repository.\n\n## Browser Support\n\nBased on current browser usage statistics Haven Theme supports evergreen browsers and IE11+ see the browserlist file for specifics.\n\n* Note that Haven Theme uses flexbox, if you need to support IE10 or lower significant changes to styles may be requried\n* Haven theme uses position: sticky; for the sticky header. This does not work in IE11 but has been deemed as progressive enhancement. A polyfill can be used to make the header stick in IE11 if necessary.\n\n## Notable features\n\n* Sticky header - note this feature is not supported by IE11\n\n## Optimal Image Sizes\n\n| Image Type| Optimum size | Note |\n|----------|--------|-------|\n| Logo | 140 x 37px ||\n| Product Images | 2400 x 2400 | This size accounts for use of image-zoom |\n| Product Images - no zoom | 1200 x 1200 | Minimum image size if you are not using zoom |\n| Product Grid Content (1 cell) | 272px x 400px | Background image for product grid content block |\n| Product Grid Content (2 cells) | 552px x 400px | Background image for product grid content block spanning 2 grid cells |\n| Swatch Images | 32px x 32px | Images used for swatch display |\n| Blog Thumbnail | 353px x 172px | Displayed in blog entry summaries, and the featured entry content block |\n| Blog Header Image | 1112px x 544px | Image content blocks can be added to the blog entry 'blog header' content area |\n\n## Out of the box plugin support\n\nThe following workarea plugins are supported by Haven, and are dependencies of the plugin.\n\n* Product Quickview\n* Package Products\n* Product Badges\n* Product Videos\n* Product Image Zoom\n* Product Grid Content\n* Swatches\n* Reviews\n* Blog\n* Content Search\n* Styled selects\n* Email Signup Popup\n* Shipping Message\n* Gift Cards\n* Share\n\n## Theme Configuration\n\n### Recommended initializer configuration\n\nWhile you are able to configure Workarea themes from any initializer it is recommended\nthat you create a new initializer called theme.rb using the following code\n\n```ruby\nWorkarea.configure do |config|\n  config.theme = config.theme.merge(\n    color_scheme: \"haven\",\n    primary_font_family: \"poppins\",\n    secondary_font_family: \"pt_serif\"\n  )\nend\n```\n\nThis will set your application up with the default configuration options, but allow you to\nchange them easily.\n\n---\n\n### Color Schemes\n\nHaven comes with [TODO] color schemes pre-defined for demo and learning purposes.\n\nTo change the color scheme in your application, set the color_scheme configuration\nin your theme initializer to one of the following configurations:\n\nDefault:\n\n    Workarea.config.theme[:color_scheme] = \"haven\"\n\n#### Creating a new color scheme\n\nWe will be creating a gem for theme infastructure in the near future that will make this process\nmore developer friendly. In the meantime you can create a new color scheme by:\n\n1. Copying one of the existing color scheme files into your application re-nameing the file,\n2. Update the color_scheme config to match the name of your new color scheme file.\n\n__Example__\nThis will create a sass file called _custom_color_scheme.scss in your host application, please change \u003cyour-app-name\u003e\nFrom your ~/src directory, ensure you have workarea-haven-theme pulled down\n\n    cp -i workarea-haven-theme/app/assets/stylesheets/workarea/storefront/theme_config/_haven_color_scheme.scss \u003cyour-app-name\u003e/app/assets/stylesheets/workarea/storefront/theme_config/_custom_color_scheme.scss\n\n### Font Stacks\n\nHaven Theme includes configurable font-stack functionality!\n\nA developer is able to configure the primary and secondary font stacks using the theme\nconfiguration initializer. To change the font stacks in your application set the\nprimary_font_family and secondary_font_family initializer values to one of the font_stacks\ndefined in workarea-haven-theme/config/initializers/theme.rb\n\nExample:\n\n```ruby\nconfig.theme = config.theme.merge(\n  primary_font_family: \"poppins\",\n  secondary_font_family: \"pt_serif\"\n)\n```\n\nThe primary_font_family is used for most text throughout the site, including body text, links,\nbuttons, prices, content blocks etc.\nThe secondary_font_family is used for content headings only.\n\n#### Adding a new font\n\nI recommend using google fonts where possible, the [googlefonts webfont helper](https://google-webfonts-helper.herokuapp.com) is a useful tool for downloading webfonts and easily generating @font-face CSS - give it a try!\n\n1. Create a new directory in app/assets/fonts/workarea/storefront/\u003cyour_font_name_here\u003e\n2. Download woff and woff2 files for the font you want to use.\n3. Place your font files in the directory we created in step 1.\n4. Create a sass file for you @font-face declarations in /app/assets/stylesheets/workarea/storefront/theme_config/fonts/_\u003cyour_font_name_here\u003e.scss\n5. Update your theme initializer, adding a new font_stack and setting either the primary_font_family or secondary_font_family\n\nExample configuration for Calibri font stack used as secondary font family:\n\n```ruby\nconfig.theme[:font_stacks] = config.theme.font_stacks.merge (\n  calibri: 'Calibri, Candara, Segoe, \"Segoe UI\", Optima, Arial, sans-serif',\n)\n\nconfig.theme = config.theme.merge(\n  secondary_font_family: \"calibri\"\n)\n```\n\n## Getting Started\n\nThis gem contains a rails engine that must be mounted onto a host Rails application.\n\nTo access Workarea gems and source code, you must be an employee of WebLinc or a licensed retailer or partner.\n\nWorkarea gems are hosted privately at https://gems.weblinc.com/.\nYou must have individual or team credentials to install gems from this server. Add your gems server credentials to Bundler:\n\n    bundle config gems.weblinc.com my_username:my_password\n\nOr set the appropriate environment variable in a shell startup file:\n\n    export BUNDLE_GEMS__WEBLINC__COM='my_username:my_password'\n\nThen add the gem to your application's Gemfile specifying the source:\n\n    # ...\n    gem 'workarea-haven_theme', source: 'https://gems.weblinc.com'\n    # ...\n\nOr use a source block:\n\n    # ...\n    source 'https://gems.weblinc.com' do\n      gem 'workarea-haven_theme'\n    end\n    # ...\n\nUpdate your application's bundle.\n\n    cd path/to/application\n    bundle\n\n## Workarea Platform Documentation\n\nSee [http://developer.weblinc.com](http://developer.weblinc.com) for Workarea platform documentation.\n\n## Copyright \u0026 Licensing\n\nCopyright WebLinc 2018. All rights reserved.\n\nFor licensing, contact sales@workarea.com.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fworkarea-commerce%2Fworkarea-haven-theme","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fworkarea-commerce%2Fworkarea-haven-theme","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fworkarea-commerce%2Fworkarea-haven-theme/lists"}