Lapsiteeman toteutus verkkokaupalle StoreFront-teemasta

Abstract

Opinnäytetyön tavoitteena oli toteuttaa lapsiteema verkkokaupalle toimeksiantajan toiveiden mukaan. Työn toimeksiantajana toimi markkinointitoimisto Tovari Oy.

Työssä perehdyttiin tarkemmin verkkokauppojen kehitykseen ja käytettävyyteen. Lisäksi tarkasteltiin kolmea erilaista verkkokauppa-alustaa: WooCommercea, Magentoa ja MyCashflow:ta. Työssä vertailtiin myös näiden kolmen alustan teemoja ja niiden ominaisuuksia. Lapsiteemoja kuvattiin tarkemmin ja kerrottiin, mitä ne ovat, miksi niitä käytetään ja milloin niiden käyttö on kannattavaa. Toteutuksessa käytettiin WooCommerce-verkkokauppa-alustaa. Lapsiteema luotiin StoreFront-teemasta, joka on WooCommercen pääteema.

Työ oli menetelmältään toiminnallinen, ja lopputuloksena tuotettiin demoversio lapsiteemasta, joka soveltuu erityyppisten verkkokauppojen pohjaksi. Lapsiteema toteutettiin niin, että siinä voidaan tarvittaessa kytkeä päälle erilaisia ulkoasun rakennetta ja ulkonäköä muokkaavia palasia. Työn koodauksessa käytettiin modulaarista ja puhdasta koodia. Opinnäytetyössä käytiin läpi lisäksi WooCommercen ja lapsiteeman asennuksen vaiheet.

The goal of this thesis was to create a child theme for a web store according to the clients wishes. The client of this thesis is marketing agency Tovari Oy.

In this thesis the development and usability of web stores was further explored. Also three different e-commerce platforms were further examined: WooCommerce, Magento and MyCashflow. Comparisons were made between these three platforms concerning their differences in creating themes and their different features. Child themes were explored more deeply, for example, what they are, why they are being used and when it is most profitable to use child themes. In the development of the child theme the WooCommerce e-commerce platform was used. Child theme was created from StoreFront-theme, which is WooCommerces main theme.

The thesis was practise-based and a demo version of a child theme, that can be used as a base for different web stores was created as a result. The child theme was created in a way that code pieces that shape the layout and appereance of the site can be turned on and off when needed. Modular and clean code was used in the development. The thesis also went through the steps needed to install WooCommerce and the child theme.