Git Product home page Git Product logo

orange_ecom_starter's Introduction

Drupal Orange E-Commerce Starter

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!

orange_ecom_starter's People

Contributors

cbildstein avatar

Watchers

James Cloos avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.