image thumbs in product-listing possible?

  • Posts: 68
  • Thank you received: 2
11 years 4 months ago #137438

-- url of the page with the problem -- : csm.siteflex.nl/index.php?option=com_hik...t=listing&Itemid=192
-- HikaShop version -- : 2.2.2
-- Joomla version -- : 3.2.1
-- PHP version -- : 5.3
-- Browser(s) name and version -- : Chrome latest
-- Error-message(debug-mod must be tuned on) -- : N.A.

Hi I would like to show imagethumbs on the productlisting page (below the main product image). Is this possible? Which setting or file do I need to change?

Thanks in advance

Please Log in or Create an account to join the conversation.

  • Posts: 846
  • Thank you received: 92
11 years 4 months ago #137452

1 Do you mean by image thumbs
* slide like the one locate in hikashop demo page ( mouse lapptop ) .
demo.hikashop.com/index.php?option=com_h...es&Itemid=78&lang=en
*......

2 Do you want that the image is clickable on open a modal windows that contain the same image at a bigger size ?
For 2
* find simpliest thumbnail to understand code stackoverflow.com/questions/9713926/how-...ght-active-thumbnail
*go then to highslide ( pay licence ) that have been port to joomla
* highslide.com/
* extensions.joomla.org/search?q=highslide

regards



I test and see that layout for agenda have image with link but not for the items from my capture screen !!!
You use a template that have a mediaqueries breakpoint but only width change not the size of text , not the size of image .

www.artetics.com/index.php?option=com_fi...ew&id=26815&catid=41
www.hikashop.com/forum/4-how-to/1654-ima...rt=20&lang=fr#57253/

Last edit: 11 years 4 months ago by lionel75.
The following user(s) said Thank You: nicolas

Please Log in or Create an account to join the conversation.

  • Posts: 68
  • Thank you received: 2
11 years 4 months ago #137617

Thanks lionel75,

What I want is the main image with the extra images (thumbs) below the main image.
In fact I do want the product-detail-image functionality in the product-list.

So I want this csm.siteflex.nl/index.php?option=com_hik...chrijfmap&Itemid=173

in this:

csm.siteflex.nl/index.php?option=com_hik...t=listing&Itemid=192

See attached file for example

Thanks in advance

mark

Attachments:

Please Log in or Create an account to join the conversation.

  • Posts: 846
  • Thank you received: 92
11 years 4 months ago #137630

Hi

A) import store load image
If you go to a product item and use the heklp button you can see an item call images .
You can read in this chaper that if article has no variant the first image ll be the default one that ll appear .
In a way the more general questionj is add somes images to article ( product) : see jed extension and look inside the php css js scode .
perhaps a tag ( of name gallery ( {gallery}imge.png, image2.png {/gallery} ) to insert in the content of the product page. Many joomla gallery use a directory for a group of images so you need to search for a extension that support many images like the syntax above or many open close tag siglplus could be one of this extension. jgalllery seem an extension use by some joomla ecommerce ( no only hikashop) developper ( search on the web inside joomla e commerce forum) .

B) Hikashop team could confirm which is the better way to store image
0- add image from OS file sytem
1- add /use image from those not use in the image "tab" ( use for variant )
2-add custom fields for image like path and title

C) for show image you ll have to go to code since you speak about layout listing of article and not article content .
You ll have a look to product list php code to see how it work and if some fields need to be add/Remove refer to the final look .

D) if image for each item in the article listing layout are in the client side . The work is related the layout and need to use some javascript code and css .

===Open question fields content value in article ===
I don't know if there is a way to call easely in product content any values field attach to a product ? ( interesting question to study )
for example how to call inside product content the alias name value of a product ?
for example how to call inside product content the image path value of a image path variable ?
i don't know if this article is the answer docs.joomla.org/Adding_custom_fields_to_the_article_component

Hope this ll help

Last edit: 11 years 4 months ago by lionel75.

Please Log in or Create an account to join the conversation.

  • Posts: 83677
  • Thank you received: 13547
  • MODERATOR
11 years 4 months ago #137646

Hi,

I don't know what you mean by "product content".
All the data is loaded in $this->element in the product page of each product. So you can display whatever you want with the appropriate code.

Please Log in or Create an account to join the conversation.

  • Posts: 846
  • Thank you received: 92
11 years 4 months ago #137681

Hi
1 because Hikashop use Joomla API i undertsand product object in hikashop like article . Because article has content ( $this->content ? using web editor JCE ) ; a product content is like a article content ( or description using toggle editor content see h28cc..png) ,. I read another post about fields , Does use Custom field of type image could be a way with custom php to have thumbs product listing ? Now i see that field dont support image ( i don't remember well but i think seblod support it ) . Does it make sense to add image type support for custom field in this case ? I don't understand if image type is usefull since it is the browser that ll render the image content using html tag information with path image !!

2 could you explain a bit more about $this-> element .No php file code use this syntax under hikashop component !! Have you got a basic example ? Does it let us access to images that are use for each variant ? Does this function can be use by joomla or is specific to hikashop ?

Thank's

Attachments:
Last edit: 11 years 4 months ago by lionel75.

Please Log in or Create an account to join the conversation.

  • Posts: 83677
  • Thank you received: 13547
  • MODERATOR
11 years 4 months ago #137731

1. The "image" type for custom fields is only available with the Business edition. That's why you don't see it as you apparently don't have it. It however won't generate thumbnails on the products listing. You wouldn't have the same issue, ie. you would have to customize the code to achieve the display you want.

2. All the frontend views of product/category view either have $this->row or $this->element or both. So there are plenty of example if you search a bit in the views. The images data is available in there but it's not easy to add, it's not just a tag that you can add. You need to add PHP code in the views.

Please Log in or Create an account to join the conversation.

  • Posts: 68
  • Thank you received: 2
11 years 4 months ago #137736

Thanks guys,

I've got all the info I need.
I'll customize my view accordingly.

Merry Christmas to all of you.

Mark

Please Log in or Create an account to join the conversation.

  • Posts: 68
  • Thank you received: 2
11 years 4 months ago #138020

Hi,

I've added an customfiled type image.
How do I show this image in my product-list, now it is only showing the filename of the image.
I would like to construct an img-tag.

Any idea how to get the image showing instead of the imagename.

thanks

Mark

Please Log in or Create an account to join the conversation.

  • Posts: 83677
  • Thank you received: 13547
  • MODERATOR
11 years 4 months ago #138035

With such code probably:

<?php
$prodFields = $this->fieldsClass->getFields('frontcomp',$this->row,'product','checkout&task=state');
foreach($prodFields as $fieldName => $oneExtraField) { echo $this->fieldsClass->show($oneExtraField,$this->row->$fieldName); }
?>

Please Log in or Create an account to join the conversation.

  • Posts: 68
  • Thank you received: 2
11 years 4 months ago #138057

Thanks Nicolas,

This works indeed.

Mark

Please Log in or Create an account to join the conversation.

Time to create page: 0.084 seconds
Powered by Kunena Forum