- Posts: 68
- Thank you received: 2
image thumbs in product-listing possible?
12 years 9 months ago #137438
by squareweb
image thumbs in product-listing possible? was created by squareweb
-- 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
-- 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.
12 years 9 months ago - 12 years 9 months ago #137452
by lionel75
Replied by lionel75 on topic image thumbs in product-listing possible?
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/
* 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: 12 years 9 months ago by lionel75.
The following user(s) said Thank You: nicolas
Please Log in or Create an account to join the conversation.
12 years 9 months ago #137617
by squareweb
Replied by squareweb on topic image thumbs in product-listing possible?
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
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
Please Log in or Create an account to join the conversation.
12 years 9 months ago - 12 years 9 months ago #137630
by lionel75
Replied by lionel75 on topic image thumbs in product-listing possible?
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) .
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
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) .
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: 12 years 9 months ago by lionel75.
Please Log in or Create an account to join the conversation.
12 years 9 months ago #137646
by nicolas
Replied by nicolas on topic image thumbs in product-listing possible?
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.
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.
12 years 9 months ago - 12 years 9 months ago #137681
by lionel75
Replied by lionel75 on topic image thumbs in product-listing possible?
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
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
Last edit: 12 years 9 months ago by lionel75.
Please Log in or Create an account to join the conversation.
12 years 9 months ago #137731
by nicolas
Replied by nicolas on topic image thumbs in product-listing possible?
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.
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.
12 years 9 months ago #137736
by squareweb
Replied by squareweb on topic image thumbs in product-listing possible?
Thanks guys,
I've got all the info I need.
I'll customize my view accordingly.
Merry Christmas to all of you.
Mark
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.
12 years 9 months ago #138020
by squareweb
Replied by squareweb on topic image thumbs in product-listing possible?
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
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.
12 years 9 months ago #138035
by nicolas
Replied by nicolas on topic image thumbs in product-listing possible?
With such code probably:
Code:
<?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.
12 years 9 months ago #138057
by squareweb
Replied by squareweb on topic image thumbs in product-listing possible?
Thanks Nicolas,
This works indeed.
Mark
This works indeed.
Mark
Please Log in or Create an account to join the conversation.
Time to create page: 0.241 seconds