     nano = $($(e.target).attr('href')).find('.nano')
     nano.nanoScroller({alwaysVisible: true})
     @paneNanoContent = nano.find('.nano-content')
-    @onScrollItemPane()
-
-  onScrollItemPane: ->
+    @showVisibleItemImages()
+
+  showVisibleItemImages: ->
     # dynamically load visible items when the user scrolls enough to see them
     return console.error "Couldn't update scroll, since paneNanoContent wasn't initialized." unless @paneNanoContent
     items = @paneNanoContent.find('.item:not(.loaded)')

    e.stopPropagation()
    button = $(e.target).closest('button')
    item = @idToItem[button.data('item-id')]
    affordable = item.affordable
    if not affordable
      @playSound 'menu-button-click'
      @askToBuyGems button unless features.freeOnly


      #- ...then rerender key bits
      @renderSelectors(".item[data-item-id='#{item.id}']", "#gems-count")
      console.log('render selectors', ".item[data-item-id='#{item.id}']", "#gems-count")
      @itemDetailsView.render()
      @showVisibleItemImages()

      Backbone.Mediator.publish 'store:item-purchased', item: item, itemSlug: item.get('slug')
    else
