Code Monkey home page Code Monkey logo

devdocs's Introduction

Shopware Development Documentation

Install

This site is generated with Sculpin, a PHP based static site generator.

First you have to install Sculpin and run the install command in the project directory. This can be done via the init.sh shell script in the project root.

./init.sh

This will download Sculpin and install the required dependencies.

Running the website locally

./watch.sh

This will start a local webserver at http://localhost:8000/. You can use a different port like so:

./watch.sh 8001

Automatic Plugin Packaging

Foreach Plugin in the exampleplugins directory a corresponding ZIP package will be created that can be installed via the shopware plugin manager. It is important to put the plugin into the proper Frontend/Backend/Core subdirectory.

Example

exampleplugins/Frontend/SwagSloganOfTheDay/ will result in exampleplugins/SwagSloganOfTheDay.zip in the generated output directory. Please not that the subdirectory is not part of the resulting directory/filename.

Table of contents in your markdown documents

You have the ability to generate a table of content list for your document. Simply place the following code into your document and a table of contents will appear there magically:

<div class="toc-list"></div>

If you want, you can customize the behavior of the toc list as well. You can define the text of the headline using the attribute data-headline and you can define the max depth of headlines you wanna include into the list with the attribute data-depth:

<div class="toc-list" data-depth="1" data-headline="Awesome table of contents"></div>

Hiding blog posts from search engines

To add a <meta name="robots" content="noindex, nofollow" /> to your blog post, you have to add the following frontmatter entry to your blog post:

robots:
    hide: true

Version History

To create a version history table, you simply have to add a history array to your metadata.

Example:


---
layout: default
indexed: true
...
history:
  2015-11-16: creation
  2015-11-23: added frontend documentation
  2016-01-01: documented millenium bug
---

Algolia Search Configuration

The search is powered by Algolia. Configuration is done via kernel Parameters in app/config/sculpin_kernel.yml:

# app/config/sculpin_kernel.yml
sculpin_algolia:
  application_id: 'MYAPPLICATION'
  index_name:     'developers.shopware.com_prod'

The API Key should be provided via the environment variable SYMFONY__ALGOLIA_API_KEY. To enable the also the environment variable SYMFONY__ALGOLIA_ENABLED must exist.

SYMFONY__ALGOLIA_ENABLED=1 SYMFONY__ALGOLIA_API_KEY=MYAPIKEY ./vendor/bin/sculpin generate

These variables are automatically exported during the Travis-CI build for every merge/commit on the master branch.

CSS helper classes

We added a bunch of CSS helper classes which should help you to build simple layouts.

Warning box

<div class="alert alert-warning">
This is a warning
</div>

Centering of content

<div class="center">
</div>

Alternative:

<div class="is--center">
</div>

Floating images

<div class="is-float-left">
    <img src="sample.png" alt="Sample image" />
</div>
<div class="is-float-right">
    <img src="sample.png" alt="Sample image" />
</div>

devdocs's People

Contributors

mitelg avatar bcremer avatar dnoegel avatar janbuecker avatar klarstil avatar soebbing avatar teiling88 avatar shyim avatar tiagojsag avatar oliverskroblin avatar phil23 avatar dennisgarding avatar ndzoesch avatar taltholtmann avatar philipreinken avatar marcelschmaeing avatar janpietrzyk avatar wolv-dev avatar buddhacode avatar jenskueper avatar pascalthesing avatar joshuabehrens avatar htkassner avatar tobiasberge avatar nlubisch avatar pmuckel avatar t2oh4e avatar hlohaus avatar simonbaeumer avatar ddoehring avatar

Watchers

James Cloos 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.