dasnonphoto.com | Home page · dasnonphoto.com | portrait gallery (for example) Here there will be...

10
dasnonphoto.com | Home page This is the home page. It show portfolio. Nothing to do here.

Transcript of dasnonphoto.com | Home page · dasnonphoto.com | portrait gallery (for example) Here there will be...

Page 1: dasnonphoto.com | Home page · dasnonphoto.com | portrait gallery (for example) Here there will be nothing to do. This is a gallery (the gallery of portraits). There is only one image

dasnonphoto.com | Home page

This is the home page. It show portfolio. Nothing to do here.

Page 2: dasnonphoto.com | Home page · dasnonphoto.com | portrait gallery (for example) Here there will be nothing to do. This is a gallery (the gallery of portraits). There is only one image

dasnonphoto.com | portrait gallery (for example)

Here there will be nothing to do. This is a gallery (the gallery of portraits). There is only one image here, but of course there may be several. When you click on the image, it opens in a window (see below)

Page 3: dasnonphoto.com | Home page · dasnonphoto.com | portrait gallery (for example) Here there will be nothing to do. This is a gallery (the gallery of portraits). There is only one image

dasnonphoto.com | pic001 in a window

Here is the image. This is the place to add a button 'buy a print'. After I explain how this will happen in the admin.

Page 4: dasnonphoto.com | Home page · dasnonphoto.com | portrait gallery (for example) Here there will be nothing to do. This is a gallery (the gallery of portraits). There is only one image

dasnonphoto.com | the button above the picture

Here is the button 'buy a print'.This button must be displayed on mouse over the image and when the mouse moves and

disappear after two seconds

Page 5: dasnonphoto.com | Home page · dasnonphoto.com | portrait gallery (for example) Here there will be nothing to do. This is a gallery (the gallery of portraits). There is only one image

dasnonphoto.com | the picture product page

By clicking the 'buy a print' button, it redirects to the picture product. End for the user interface.Now see the admin panel.

Page 6: dasnonphoto.com | Home page · dasnonphoto.com | portrait gallery (for example) Here there will be nothing to do. This is a gallery (the gallery of portraits). There is only one image

dasnonphoto.com | Admin : galery

In the admin panel. This is my galleries (not portolio, galery!) For our example, we select 'Portrait' galery.

Page 7: dasnonphoto.com | Home page · dasnonphoto.com | portrait gallery (for example) Here there will be nothing to do. This is a gallery (the gallery of portraits). There is only one image

dasnonphoto.com | Admin : galery

Here is my 'Portrait' galery with on picture. See details of this picture

Page 8: dasnonphoto.com | Home page · dasnonphoto.com | portrait gallery (for example) Here there will be nothing to do. This is a gallery (the gallery of portraits). There is only one image

dasnonphoto.com | Admin : Image (media)

The image panel for now. See below modification request to link Image with Product

Page 9: dasnonphoto.com | Home page · dasnonphoto.com | portrait gallery (for example) Here there will be nothing to do. This is a gallery (the gallery of portraits). There is only one image

dasnonphoto.com | Admin : modification

The media is attached to a product ? A check box. If yes, enter the product URL.The result: a buy a print button on the image with a url link to the corresponding product.

Of course, if the checkbox is not selected, no button on the image ;-)

Page 10: dasnonphoto.com | Home page · dasnonphoto.com | portrait gallery (for example) Here there will be nothing to do. This is a gallery (the gallery of portraits). There is only one image

dasnonphoto.com | Admin : modification

Make something clear, no "gas plant"

Develop as a plugin (no code "directly hard drive" in pages)

Make a small control panel that lets you select:

Opacity / transparency of the image as part of (and with) the buy a print buttonThe color of the button

The button text (buy a print, order, buy, order ...)The color of the button text