X-Cart forums - Different image for Thumbnail and Product page

X-Cart forums (https://forum.x-cart.com/index.php)

- Dev Questions (X-Cart 5) (https://forum.x-cart.com/forumdisplay.php?f=56)

- - Different image for Thumbnail and Product page (https://forum.x-cart.com/showthread.php?t=69966)

JannieB

09-10-2014 10:38 AM

Different image for Thumbnail and Product page

Trying to work out how to use different images for the thumbnail on the category page, and the initial main image on the product detail page.

Out of the box, both use the first image in the sequence.

Have considered the following solution:

Use image 0 for thumbnail, but try and use the last image for the product page. Basically do reverse the sequence of the image array ...... except I can't work out where/how to do this.

Any help appreciated.

Jan

totaltec

09-10-2014 12:55 PM

Re: Different image for Thumbnail and Product page

In my templates I use things like:

Code:

{if:!product.countImages()gt1}

Some code

{end:}

Flexy, doesn't allow for the same "flexibility" (pun intended) as Smarty. There is good reason for this, it forces you to put the logic where it belongs, in PHP rather than the templates. There is no cool "array_reverse" that I know of.

You will have to determine the class that displays the thumbnail. Extend the class, assigning your own value for thumbnail. Then {getMyThumbSrc()}.

It's a pain for someone with a design oriented background. But hardcore devs will appreciate that this a better way. XC5 has truly separated design from logic, but in doing so made the two camps depend on each other more than ever before. I think as a whole this is a very good thing. For your individual one-man (or woman) project it can be a real hassle.

JannieB

09-11-2014 01:25 AM

Re: Different image for Thumbnail and Product page

Thanks Mike, I fear you are right. I know this is a better way to go, but as you say, old habits die hard!

I have a feeling that once I've got my head around all this, it will be a lot easier to extend than the old system......
... will let you know how I get on!

Jan

JannieB

09-11-2014 03:41 AM

Re: Different image for Thumbnail and Product page

Managed to do it!

For the benefit of anyone else trying to do this, this is what I did:

Created a new class in CustomSkin\Model which extends the \XLite\Model\Product class and added a function as follows:

Code:

public function getThumb()

    {

        if (count($this->getImages()) > 1) {

                return $this->getImages()->get(1);

        } else {

                return $this->getImages()->get(0);

        }

                        

    }

Then created a version of the tpl common.product-thumbnail.tpl in items_list\product\parts, which calls my new getThumb function instead of getImage.

This retrieves the second image as the thumbnail.

Sorted!

There'll be no stopping me now .... (perhaps!)

Jan

totaltec

09-11-2014 03:56 AM

Re: Different image for Thumbnail and Product page

Quote:

Originally Posted by JannieB

There'll be no stopping me now .... (perhaps!)

Agreed! You rock! Thanks for sharing your solution.

SignTorch

11-19-2014 02:39 PM

Re: Different image for Thumbnail and Product page

very helpful, great to watermark product images but not thumbnails

All times are GMT -8. The time now is 11:29 AM.