Fotolux


← terug

Website met webshop op het Shopify platform voor een foto winkel.

De opdracht

Webshop op maat voor een fotowinkel uit de regio. Dit was mijn eerste project op het platform van Shopify. Shopify gebruikt de liquid template taal en heeft een zeer snel en gebruiksvriendelijk beheer systeem.

Beperkingen van Shopify

Bij de ontwikkeling van de webshop liepen we tegen 2 problemen aan. Shopify heeft geen:

  • foto slider
  • foto album

Daar heb ik de volgende oplossing voor bedacht.

Slider met Rails applicatie

Op het Shopify platform is het mogelijk om een eigen app te maken. Ik heb in Ruby on Rails een eenvoudige app gemaakt, waarmee je afbeeldingen kan uploaden en daar een titel en link aan kan toevoegen. Vervolgens wordt de afbeelding automatisch op maat gemaakt en geupload naar Amazon S3. Van de afbeeldingen wordt een statisch bestand gemaakt (in JSON formaat) waarin alle informatie is verzameld. Dat bestand wordt ingeladen als data bestand binnen de website en de fotoslider wordt gemaakt.

Screenshot slider app Screenshot slider app detail

Foto koppeling met Flickr

Binnen het beheersysteem van Shopify kunnen er geen foto albums worden gemaakt. Daar heb ik het volgende voor gemaakt. De foto’s kunnen worden geupload naar Flickr. Via de API van Flickr worden de albums ingeladen op een apart subdomein. Deze API calls worden gecachet om de snelheid te bevorderen. De foto albums worden ingeladen met een iframe op de website.

Screenshot Flickr foto's

Screenshots

Screenshot homepage Screenshot product Screenshot fotografie

Teamleden

  • Michiel Nijstad
  • Steven Nijstad
  • Rutger Laurman

Gebruikte technieken

  • HTML / CSS / JS
  • Grunt / Bootstrap
  • Sketch
  • Shopify
  • Flickr
  • Amazon S3
  • Ruby on Rails
  • Heroku