Creating a Product page like in Listings Manager using CMS

5 posts by 2 authors in: Forums > CMS Builder
Last Post: May 22, 2008   (RSS)

By miked - May 22, 2008

Hello, I have integrated the CMS builder for my new client and all is working well! One last item, I would like to have their Product Pages look and work like Listings Manager has their pages look. Example: here is where we used Listings Manager for one of my other clients:

http://scandinavianinteriors.net/living.shtml

My client likes how the products are all thumbnails w/ brief descriptions and then by "clicking" on the item more details and photos appear in a new window.

Can I create a product page like this using CMS Builder too?

Re: [miked] Creating a Product page like in Listings Manager using CMS

By Dave - May 22, 2008

Hi Mike,

Yes, you can. What you'd do is setup a section "Products" with the product fields and an upload field for images.

Then you'd create a "List Page" that listed ALL the products (or you could have it page through them with prev/next links if you wanted).

If you only want to show one image (the first one) on the list page, the trick for that is to add a break tag like this:


<?php foreach ($yourRecord['uploads'] as $upload):

... display upload here ...

<?php break; ?>
<?php endforeach ?>


Then create a "Detail Page" that shows all the fields (and images) for a record. The link page will automatically create a link for you to the detail page called "_link".

That's a quick overview. Give it a shot and let me know if you need any more details. It's actually more simple than it sounds. :)

Hope that helps!
Dave Edis - Senior Developer
interactivetools.com

Re: [Dave] Creating a Product page like in Listings Manager using CMS

By miked - May 22, 2008

Thanks, that helped. How about being able to click on the image and have a larger pic pop up? I see where it says thumbnails and larger images when setting up the products but I must be doing something wrong as it's not showing a thumbnail and then a larger image on the site.

Re: [miked] Creating a Product page like in Listings Manager using CMS

By Dave - May 22, 2008

With the image code that is generated you'll see a tag in the src of the large image. Just copy that tag into an a href around the thumbnail image. Like this:

<a href="<?php echo $upload['urlPath'] ?>"><img src="<?php echo $upload['thumbUrlPath'] ?>" ... ></a>

Hope that helps!
Dave Edis - Senior Developer
interactivetools.com