acromedia/orange_ecom_starter

A starting theme for Drupal E-Commerce projects.

Installs: 44 601

Dependents: 1

Suggesters: 0

Security: 0

Stars: 6

Watchers: 4

Forks: 4

Open Issues: 14

Language:CSS

Type:drupal-theme


README

Drupal Orange E-Commerce Starter

Notice
Development for this theme has moved to Drupal.org. If you want to submit issues, develop, or use this theme please visit the new project page.
No pull requests submitted to this repository will be accepted.

Custom theme by Acro Media Inc.

Introduction

This custom theme uses the Orange Framework as a base theme.

Requirements

Base Theme: Orange Framework.

Installation

Enable the theme and away you go.

Configuration

Sass

  • Configured to compile using Gulp.
  • Compile to CSS by running the following commands:
    • npm install
    • gulp
  • The CSS will be compiled to: css/style.css

Starting Your New Custom Theme

This theme is meant to be copied and renamed to become your custom theme for your project. Follow the steps below to live a happy life. #blessed

  • Copy/rename this theme folder into /web/themes/custom/your_custom_theme_name.
  • Remove the .git folder and composer.json file from your theme.
  • Rename the core theme filenames replacing orange_ecom_starter with the name of your new theme. List of core files below:
    • orange_ecom_starter.breakpoints.yml
    • orange_ecom_starter.info.yml
    • orange_ecom_starter.libraries.yml
    • orange_ecom_starter.theme
    • config/schema/orange_ecom_starter.schema.yml
  • Within your theme folder, find and replace the string orange_ecom_starter with your new theme name within all the files. This will change all the hook references, libraries etc. I would avoid manually sifting through the files as you'll likely miss something within one of the templates.
  • Make sure to update the Orange E-Commerce Starter label/name strings within config/schema/orange_ecom_starter.schema and orange_ecom_starter.info.yml as well.
  • Update the screenshot.png and favicon.ico files to match your new theme.
  • Update the color and font variables within sass/custom/_variables.scss to quickly adjust the theme to be more geared towards your project. Chat with a Creative department resource if you need help choosing appropriate choices.
  • Update the README.md with project specific details, and remove this Starting Your New Custom Theme section.
  • If you run into any issues, just call my name cause I'll hear you scream.
  • Master, master!