Integrating Photologue

Question

I want to integrate photologue with my Django app and use it to display photos in a vehicle inventory...kinda like what is offered by Boost Motor Group Inc. I've already integrated the app so the next step which I'm trying to figure out is how to hook it up into my vehicle model and also how to display the photos. My vehicle model looks like this BTW ``` class Vehicle(models.Model): stock_number = models.CharField(max_length=6, blank=False) vin = models.CharField(max_length=17, blank=False) common_vehicle = models.ForeignKey(CommonVehicle) exterior_colour = models.ForeignKey(ExteriorColour) interior_colour = models.ForeignKey(InteriorColour) interior_type = models.ForeignKey(InteriorType) odometer_unit = models.ForeignKey(OdometerUnit) status = models.ForeignKey(Status) odometer_reading = models.PositiveIntegerField() selling_price = models.PositiveIntegerField() purchase_date = models.DateField() sales_description = models.CharField(max_length=60, blank=False) feature_sets = models.M…

Accepted Answer

I use ImageKit (great!)

model.py

```
from imagekit.models import ImageModel
class Photo(ImageModel):
    name = models.CharField(max_length=100)
    original_image = models.ImageField(upload_to='photos')
    num_views = models.PositiveIntegerField(editable=False, default=0)
    content_type = models.ForeignKey(ContentType)
    object_id = models.PositiveIntegerField()
    content_object = generic.GenericForeignKey('content_type', 'object_id')

class IKOptions:
        # This inner class is where we define the ImageKit options for the model
        spec_module = 'cms.specs'
        cache_dir = 'photos'
        image_field = 'original_image'
        save_count_as = 'num_views'

class Vehicle(models.Model):
    images = generic.GenericRelation('Photo', blank = True, null = True)  
```

specs.py

```
from imagekit.specs import ImageSpec 
from imagekit import processors 
from imagekit.lib import *

# first we define our thumbnail resize processor 
class ResizeThumb(processors.Resize): 
    width = 100 
    height = 75 
    crop = True

# now lets create an adjustment processor to enhance the image at small sizes 
class EnchanceThumb(processors.Adjustment): 
    contrast = 1.2 
    sharpness = 1.1

# now we can define our thumbnail spec 
class Thumbnail(ImageSpec): 
    processors = [ResizeThumb, EnchanceThumb] 
```

in your template you will access this thumbnails like this:

```
{% for p in vehicle.images.all %}
   {{ p.get_thumbnail.url }}
{% endfor %}
```

admin.py could look like this:

```
class ImagesInline(generic.GenericTabularInline):
    model = Photo
    max_num =4

class VehicleAdmin(admin.ModelAdmin):
    inlines = [ImagesInline]
```

All about ImageKit

add the file specs.py to your app and tell ImageKit of it like this

```
  class IKOptions:
        # This inner class is where we define the ImageKit options for the model
        spec_module = 'cms.specs # ur_app.specs
```

add a field to your Photo-Model to save what kind of view/ content it shows. i.e. ChoiceField

In view/template you can filter for it

Integrating Photologue

Solution

Problem