[Skip to main content](#vessel-content)

#   Display the Variant as Individual Products

##

- **[artisanwebandprint](/forum/user/6555-artisanwebandprint "View artisanwebandprint's Profile")**
- [![artisanwebandprint's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/6555-artisanwebandprint "View artisanwebandprint's Profile") Topic Author
- [ Offline](/forum/user/6555-artisanwebandprint)

Less More

- Posts: 158
- Thank you received: 6
-
-

10 years 4 months ago -  10 years 4 months ago [\#244231](#244231) by [artisanwebandprint](/forum/user/6555-artisanwebandprint "View artisanwebandprint's Profile")  *[Display the Variant as Individual Products](/forum/26-product-category-display/885310-display-the-variant-as-individual-products#244231 "-- HikaShop version -- : 3.6.3 -- Joomla version -- : 3.5.8 -- PHP version -- : 5.4 -- Browser(s) name and version -- : all -- Error-message(debug-mod must be tuned on) -- : n/a  Hello,  I would like to know if it is possible to display a variant of a product and its corresponding image/details within a product listing? For example, Zappos - a popular US online shoe store has:  Scenerio: Slipper A made by Brand A in five colors.  When you click on the product in red, you are brought to the product page and shown the detail picks and the option to select another color.  When you are in the product listing, you see all five colors listed as individual &quot;products&quot; - each links to the listing above with the ability to change the color/variant.  Is this possible in Hikashop (please say yes).  Best,  Dawn")* was created by *[artisanwebandprint](/forum/user/6555-artisanwebandprint "View artisanwebandprint's Profile")*

-- HikaShop version -- : 3.6.3
-- Joomla version -- : 3.5.8
-- PHP version -- : 5.4
-- Browser(s) name and version -- : all
-- Error-message(debug-mod must be tuned on) -- : n/a

Hello,

I would like to know if it is possible to display a variant of a product and its corresponding image/details within a product listing? For example, Zappos - a popular US online shoe store has:

Scenerio: Slipper A made by Brand A in five colors.

When you click on the product in red, you are brought to the product page and shown the detail picks and the option to select another color.
image missing http://content.screencast.com/users/MyArtisanWeb/folders/Snagit/media/522f6b27-df2f-4373-bc82-3a09969af485/06.28.2016-15.21.png

When you are in the product listing, you see all five colors listed as individual "products" - each links to the listing above with the ability to change the color/variant.

image missing http://content.screencast.com/users/MyArtisanWeb/folders/Snagit/media/49a0d092-ab11-43e4-80c5-2200f12e314c/06.28.2016-15.19.png

Is this possible in Hikashop (please say yes).

Best,

Dawn

Last edit: 10 years 4 months ago by [artisanwebandprint](/forum/user/6555-artisanwebandprint "View artisanwebandprint's Profile").

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI2LXByb2R1Y3QtY2F0ZWdvcnktZGlzcGxheS84ODUzMTAtZGlzcGxheS10aGUtdmFyaWFudC1hcy1pbmRpdmlkdWFsLXByb2R1Y3RzP3RtcGw9bWFya2Rvd24=) or [Create an account](/register) to join the conversation.

- **[nicolas](/forum/user/63-nicolas "View nicolas's Profile")**
- [![nicolas's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar63.png?1793428657)](/forum/user/63-nicolas "View nicolas's Profile")
- [ Offline](/forum/user/63-nicolas)

Less More

- Posts: 86322
- Thank you received: 14281
-
-

10 years 4 months ago [\#244276](#244276) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile")  Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[Display the Variant as Individual Products](/forum/26-product-category-display/885310-display-the-variant-as-individual-products#244276 "-- HikaShop version -- : 3.6.3 -- Joomla version -- : 3.5.8 -- PHP version -- : 5.4 -- Browser(s) name and version -- : all -- Error-message(debug-mod must be tuned on) -- : n/a  Hello,  I would like to know if it is possible to display a variant of a product and its corresponding image/details within a product listing? For example, Zappos - a popular US online shoe store has:  Scenerio: Slipper A made by Brand A in five colors.  When you click on the product in red, you are brought to the product page and shown the detail picks and the option to select another color.  When you are in the product listing, you see all five colors listed as individual &quot;products&quot; - each links to the listing above with the ability to change the color/variant.  Is this possible in Hikashop (please say yes).  Best,  Dawn")*

Hi,

There is no option to do that.
You can have variants with the dropdown/image selection on the product page but you'll only have one main product listed on the products listing.
Or you can also have different products, one for each color.

Now, it's possible to cheat and do something like that but it will be more complex to handle:
- turn on the force canonical URL on listings setting.
- create your main product with the different colors as variants of the product
- create additional products, one per color, and in the canonical URL of these products, enter the URL of the variant of your main product corresponding to the color of the product (you can get it from the checkout cart when you add the main product with that color selected to the cart).
That way, the different color products will show on the listings, and will redirect to that same product with the corresponding variant preselected and you'll still have the variants selector available.

The following user(s) said Thank You: [PolishedGeek](/forum/user/8378-polishedgeek "View PolishedGeek's Profile"), [alin](/forum/user/51267-alin "View alin's Profile")

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI2LXByb2R1Y3QtY2F0ZWdvcnktZGlzcGxheS84ODUzMTAtZGlzcGxheS10aGUtdmFyaWFudC1hcy1pbmRpdmlkdWFsLXByb2R1Y3RzP3RtcGw9bWFya2Rvd24=) or [Create an account](/register) to join the conversation.

- **[artisanwebandprint](/forum/user/6555-artisanwebandprint "View artisanwebandprint's Profile")**
- [![artisanwebandprint's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/6555-artisanwebandprint "View artisanwebandprint's Profile") Topic Author
- [ Offline](/forum/user/6555-artisanwebandprint)

Less More

- Posts: 158
- Thank you received: 6
-
-

10 years 3 months ago [\#244801](#244801) by [artisanwebandprint](/forum/user/6555-artisanwebandprint "View artisanwebandprint's Profile")  Replied by *[artisanwebandprint](/forum/user/6555-artisanwebandprint "View artisanwebandprint's Profile")* on topic *[Display the Variant as Individual Products](/forum/26-product-category-display/885310-display-the-variant-as-individual-products#244801 "-- HikaShop version -- : 3.6.3 -- Joomla version -- : 3.5.8 -- PHP version -- : 5.4 -- Browser(s) name and version -- : all -- Error-message(debug-mod must be tuned on) -- : n/a  Hello,  I would like to know if it is possible to display a variant of a product and its corresponding image/details within a product listing? For example, Zappos - a popular US online shoe store has:  Scenerio: Slipper A made by Brand A in five colors.  When you click on the product in red, you are brought to the product page and shown the detail picks and the option to select another color.  When you are in the product listing, you see all five colors listed as individual &quot;products&quot; - each links to the listing above with the ability to change the color/variant.  Is this possible in Hikashop (please say yes).  Best,  Dawn")*

Hello,

Thank you for the idea! This is working as a "cheat" however there are two concerns:

1. I was planning to have the "add to basket" feature right on the products listing. I'm guessing this is not possible if we want to do this as the quantity for both won't update since they are not linked.

2. I want the variant to be pre-selected within the main product that I'm linking to with the canonical URL from the "fake product". Right now, there is no URL differential for each variant so I only have the option to link to the main product URL which then serves me the default variant for that product. This doesn't make much sense for a user. For this idea to work seamlessly, I would need a unique URL for each variant that I could link to from the "second clone product". This way when I click on the product in the listing, it will go to the "main product" and the correct variant would be selected.

Here's the screenshot:
**Products Listing - Clone Product**
image missing http://content.screencast.com/users/MyArtisanWeb/folders/Snagit/media/2931b2d2-fe36-48a2-931f-7920cb07e228/07.04.2016-21.22.png

**Main Product Page - Wrong Variant Selected**
image missing http://content.screencast.com/users/MyArtisanWeb/folders/Snagit/media/7fa17761-5a71-4d1b-9538-05d1aca8d61f/07.04.2016-21.25.png

I appreciate your assistance.

Best,

Dawn

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI2LXByb2R1Y3QtY2F0ZWdvcnktZGlzcGxheS84ODUzMTAtZGlzcGxheS10aGUtdmFyaWFudC1hcy1pbmRpdmlkdWFsLXByb2R1Y3RzP3RtcGw9bWFya2Rvd24=) or [Create an account](/register) to join the conversation.

- **[nicolas](/forum/user/63-nicolas "View nicolas's Profile")**
- [![nicolas's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar63.png?1793428657)](/forum/user/63-nicolas "View nicolas's Profile")
- [ Offline](/forum/user/63-nicolas)

Less More

- Posts: 86322
- Thank you received: 14281
-
-

10 years 3 months ago [\#244805](#244805) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile")  Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[Display the Variant as Individual Products](/forum/26-product-category-display/885310-display-the-variant-as-individual-products#244805 "-- HikaShop version -- : 3.6.3 -- Joomla version -- : 3.5.8 -- PHP version -- : 5.4 -- Browser(s) name and version -- : all -- Error-message(debug-mod must be tuned on) -- : n/a  Hello,  I would like to know if it is possible to display a variant of a product and its corresponding image/details within a product listing? For example, Zappos - a popular US online shoe store has:  Scenerio: Slipper A made by Brand A in five colors.  When you click on the product in red, you are brought to the product page and shown the detail picks and the option to select another color.  When you are in the product listing, you see all five colors listed as individual &quot;products&quot; - each links to the listing above with the ability to change the color/variant.  Is this possible in Hikashop (please say yes).  Best,  Dawn")*

Hi,

1. That's right.
It would require a custom product field where you would enter the id of the variant and the customization of the "add_to_cart_listing" view file to use the value of the custom field instead of the id of the product.

2. There is a unique URL for each variant. That's what I was talking in my previous message:

> enter the URL of the variant of your main product corresponding to the color of the product (you can get it from the checkout cart when you add the main product with that color selected to the cart).
> That way, the different color products will show on the listings, and will redirect to that same product with the corresponding variant preselected and you'll still have the variants selector available.

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI2LXByb2R1Y3QtY2F0ZWdvcnktZGlzcGxheS84ODUzMTAtZGlzcGxheS10aGUtdmFyaWFudC1hcy1pbmRpdmlkdWFsLXByb2R1Y3RzP3RtcGw9bWFya2Rvd24=) or [Create an account](/register) to join the conversation.

- **[lionel75](/forum/user/11856-lionel75 "View lionel75's Profile")**
- [![lionel75's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/11856-lionel75 "View lionel75's Profile")
- [ Offline](/forum/user/11856-lionel75)

Less More

- Posts: 846
- Thank you received: 92
-
-

10 years 3 months ago -  10 years 3 months ago [\#244839](#244839) by [lionel75](/forum/user/11856-lionel75 "View lionel75's Profile")  Replied by *[lionel75](/forum/user/11856-lionel75 "View lionel75's Profile")* on topic *[Display the Variant as Individual Products](/forum/26-product-category-display/885310-display-the-variant-as-individual-products#244839 "-- HikaShop version -- : 3.6.3 -- Joomla version -- : 3.5.8 -- PHP version -- : 5.4 -- Browser(s) name and version -- : all -- Error-message(debug-mod must be tuned on) -- : n/a  Hello,  I would like to know if it is possible to display a variant of a product and its corresponding image/details within a product listing? For example, Zappos - a popular US online shoe store has:  Scenerio: Slipper A made by Brand A in five colors.  When you click on the product in red, you are brought to the product page and shown the detail picks and the option to select another color.  When you are in the product listing, you see all five colors listed as individual &quot;products&quot; - each links to the listing above with the ability to change the color/variant.  Is this possible in Hikashop (please say yes).  Best,  Dawn")*

HI
whe nwrite id does it mean cid ?

**1) study demo product/variant**
for a main product if we study the html code attach to one variant that has one characteristique and 2 values ( 7 and 8 "id")
--backend editor : from the tab we can discover the value and so the url Code:

&lt;tr class="row1" id="hikashop_product_variant_line_7"&gt; &lt;!--style="cursor:pointer" onclick="return window.productMgr.editVariant(7);"&gt;--&gt;

-frontend viewer ( browser) : after seelcted this variant in the checkout card Code:

&lt;tr class="row0"&gt; &lt;td class="hikashop_cart_module_product_name_value hikashop_cart_value"&gt; &lt;a href="/index.php/en/buyproduc/product/7-"&gt; &lt;a href="index.php?option=com_hikashop&amp;amp;ctrl=product&amp;amp;task=show&amp;amp;cid=7&amp;amp;name=&amp;amp;Itemid=473&amp;amp;lang=en"&gt;

buyproduct is the menuname link in FE
7 is the value id ( cid) of the variant for this product
473 is the value for hikashop default menu
...so best is to look at html source code instead have a go to the Frontend hikashop module cart !!

**2 ) Can i have more information about this 473 value ,**
---howto create generate delete it ?
---it seem it appear imlplicitly after create a explicit other menu or sub menu !!
---option parameter are categorylisting =&gt; index.php?option=com_hikashop&amp;view=category&amp;layout=listing

**3 ) With the informations here about this variant (cid=7) and main product (id=6) ,**
-what is the value of the canonical url for the variant create as main product ?
-what kind of information i need to write in the variant product ? or another it to ask/write this : how must differ the parameters beetween the main product ( of this variant ) and a product that use the parameters of the main product and variant attach to this product ?
-Does enter value in the name and canonical url is efficient to resolve the issue ? no others parameters, value to change in varaint product page ?

####  Attachment not found

NB This [ post](http://www.hikashop.com/forum/install-update/868482-canonical-url-created-automatically.html) is interesting to read because give more information about how hikashop manage automatic creation of canonical url ( routing) ...but use friendly SEO url so not usefull if we want to no the routing syntax !

**4 ) name of field for product**
what should be ( or not) the name of the product id field for manage the variant ( main product) ?
Does the name of the characteristic can be use ( not already us in hikashop table ?)
what is the best setting to do that ? ...some recommandation about type field ?

**5 ) turn on the force canonical URL on listings setting in hikashop configuration SEO ?**
see this [ post](https://hikashop.com/forum/product-category-display/870626-canonical-url-not-used.html) and this [ post](https://www.hikashop.com/support/forum/product-category-display/878585-sef-url-creation-for-products-and-categories.html) about context settings .

**6) about the first capture**
I see i nthe cleft column that there is many way to filter the product . Does it mean we create for each item a characteristic field !!! Enter each product manually should be really a long work . Is there a way to use excel and import value ( image link , text value ...) using mass action ? after webdesigner , webmaster , integrator , fullstack dev , front end dev , SEO , there must be a ETL/data manager job !!!

regard's

Last edit: 10 years 3 months ago by [lionel75](/forum/user/11856-lionel75 "View lionel75's Profile").

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI2LXByb2R1Y3QtY2F0ZWdvcnktZGlzcGxheS84ODUzMTAtZGlzcGxheS10aGUtdmFyaWFudC1hcy1pbmRpdmlkdWFsLXByb2R1Y3RzP3RtcGw9bWFya2Rvd24=) or [Create an account](/register) to join the conversation.

- **[PolishedGeek](/forum/user/8378-polishedgeek "View PolishedGeek's Profile")**
- [![PolishedGeek's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar8378_2012-07-29-5.png)](/forum/user/8378-polishedgeek "View PolishedGeek's Profile")
- [ Offline](/forum/user/8378-polishedgeek)
- Official HikaShop Development Partner

Less More

- Posts: 329
- Thank you received: 94
-
- [](http://PolishedGeek.com/?utm_source=hikashop)
-

10 years 2 months ago [\#247668](#247668) by [PolishedGeek](/forum/user/8378-polishedgeek "View PolishedGeek's Profile")  Replied by *[PolishedGeek](/forum/user/8378-polishedgeek "View PolishedGeek's Profile")* on topic *[Display the Variant as Individual Products](/forum/26-product-category-display/885310-display-the-variant-as-individual-products#247668 "-- HikaShop version -- : 3.6.3 -- Joomla version -- : 3.5.8 -- PHP version -- : 5.4 -- Browser(s) name and version -- : all -- Error-message(debug-mod must be tuned on) -- : n/a  Hello,  I would like to know if it is possible to display a variant of a product and its corresponding image/details within a product listing? For example, Zappos - a popular US online shoe store has:  Scenerio: Slipper A made by Brand A in five colors.  When you click on the product in red, you are brought to the product page and shown the detail picks and the option to select another color.  When you are in the product listing, you see all five colors listed as individual &quot;products&quot; - each links to the listing above with the ability to change the color/variant.  Is this possible in Hikashop (please say yes).  Best,  Dawn")*

> nicolas wrote:
> 2\. There is a unique URL for each variant. That's what I was talking in my previous message:
> enter the URL of the variant of your main product corresponding to the color of the product (you can get it from the checkout cart when you add the main product with that color selected to the cart).
> That way, the different color products will show on the listings, and will redirect to that same product with the corresponding variant preselected and you'll still have the variants selector available.

I've been looking for a way to find these individual variant URLs to use in a marketing email. I noticed this comment, but on multiple HikaShop sites we manage, when a variant is added to the cart, the linked URL is just the canonical main product URL, NOT a direct link to the variant. Are there some settings we should try switching to reveal the variant URLs? Just need to grab some of them for a marketing newsletter.

---

~ Deb Cinkus, CEO

Polished Geek: more with monday․com
eCommerce Business Process Automation Experts

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI2LXByb2R1Y3QtY2F0ZWdvcnktZGlzcGxheS84ODUzMTAtZGlzcGxheS10aGUtdmFyaWFudC1hcy1pbmRpdmlkdWFsLXByb2R1Y3RzP3RtcGw9bWFya2Rvd24=) or [Create an account](/register) to join the conversation.

- **[nicolas](/forum/user/63-nicolas "View nicolas's Profile")**
- [![nicolas's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar63.png?1793428657)](/forum/user/63-nicolas "View nicolas's Profile")
- [ Offline](/forum/user/63-nicolas)

Less More

- Posts: 86322
- Thank you received: 14281
-
-

10 years 2 months ago [\#247673](#247673) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile")  Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[Display the Variant as Individual Products](/forum/26-product-category-display/885310-display-the-variant-as-individual-products#247673 "-- HikaShop version -- : 3.6.3 -- Joomla version -- : 3.5.8 -- PHP version -- : 5.4 -- Browser(s) name and version -- : all -- Error-message(debug-mod must be tuned on) -- : n/a  Hello,  I would like to know if it is possible to display a variant of a product and its corresponding image/details within a product listing? For example, Zappos - a popular US online shoe store has:  Scenerio: Slipper A made by Brand A in five colors.  When you click on the product in red, you are brought to the product page and shown the detail picks and the option to select another color.  When you are in the product listing, you see all five colors listed as individual &quot;products&quot; - each links to the listing above with the ability to change the color/variant.  Is this possible in Hikashop (please say yes).  Best,  Dawn")*

Hi,

Well, it's basically the same URL than the product page URL, but with the id of the product replaced by the id of the variant. And if you don't have the id of the product in the URL, just add it before the alias of the product with a dash separating them.

The URL on the cart is indeed the canonical URL if you have the "force canonical URLs on listing" setting activated and that you provided canonical URLs in your product. Remove temporarily the canonical URL from the product, or turn off that setting temporarily if you want to reveal the variant URL in the cart.
But since you know what you're doing, you should have no problem changing the URLs based on the product page URLs you already have on your website without having to resort to changing the settings temporarily.

The following user(s) said Thank You: [PolishedGeek](/forum/user/8378-polishedgeek "View PolishedGeek's Profile")

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI2LXByb2R1Y3QtY2F0ZWdvcnktZGlzcGxheS84ODUzMTAtZGlzcGxheS10aGUtdmFyaWFudC1hcy1pbmRpdmlkdWFsLXByb2R1Y3RzP3RtcGw9bWFya2Rvd24=) or [Create an account](/register) to join the conversation.

- **[esotechie](/forum/user/7143-esotechie "View esotechie's Profile")**
- [![esotechie's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar7143.jpg)](/forum/user/7143-esotechie "View esotechie's Profile")
- [ Offline](/forum/user/7143-esotechie)

Less More

- Posts: 180
- Thank you received: 13
-
-
-
- [](http://www.halare.co.uk/)
-

9 years 11 months ago [\#254840](#254840) by [esotechie](/forum/user/7143-esotechie "View esotechie's Profile")  Replied by *[esotechie](/forum/user/7143-esotechie "View esotechie's Profile")* on topic *[Display the Variant as Individual Products](/forum/26-product-category-display/885310-display-the-variant-as-individual-products#254840 "-- HikaShop version -- : 3.6.3 -- Joomla version -- : 3.5.8 -- PHP version -- : 5.4 -- Browser(s) name and version -- : all -- Error-message(debug-mod must be tuned on) -- : n/a  Hello,  I would like to know if it is possible to display a variant of a product and its corresponding image/details within a product listing? For example, Zappos - a popular US online shoe store has:  Scenerio: Slipper A made by Brand A in five colors.  When you click on the product in red, you are brought to the product page and shown the detail picks and the option to select another color.  When you are in the product listing, you see all five colors listed as individual &quot;products&quot; - each links to the listing above with the ability to change the color/variant.  Is this possible in Hikashop (please say yes).  Best,  Dawn")*

I have done this on a site that is under development and all works fine as far as the listing is concerned.
[ www.halare-test.co.uk/shop/dresses](http://www.halare-test.co.uk/shop/dresses) - products SILK AND JERSEY TULIP DRESS

But the problem is that when you go to the product page via the dummy product, then the selection of other colours do not work. They work fine on the master product but not on the dummy product.

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI2LXByb2R1Y3QtY2F0ZWdvcnktZGlzcGxheS84ODUzMTAtZGlzcGxheS10aGUtdmFyaWFudC1hcy1pbmRpdmlkdWFsLXByb2R1Y3RzP3RtcGw9bWFya2Rvd24=) or [Create an account](/register) to join the conversation.

- **[nicolas](/forum/user/63-nicolas "View nicolas's Profile")**
- [![nicolas's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar63.png?1793428657)](/forum/user/63-nicolas "View nicolas's Profile")
- [ Offline](/forum/user/63-nicolas)

Less More

- Posts: 86322
- Thank you received: 14281
-
-

9 years 11 months ago [\#254842](#254842) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile")  Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[Display the Variant as Individual Products](/forum/26-product-category-display/885310-display-the-variant-as-individual-products#254842 "-- HikaShop version -- : 3.6.3 -- Joomla version -- : 3.5.8 -- PHP version -- : 5.4 -- Browser(s) name and version -- : all -- Error-message(debug-mod must be tuned on) -- : n/a  Hello,  I would like to know if it is possible to display a variant of a product and its corresponding image/details within a product listing? For example, Zappos - a popular US online shoe store has:  Scenerio: Slipper A made by Brand A in five colors.  When you click on the product in red, you are brought to the product page and shown the detail picks and the option to select another color.  When you are in the product listing, you see all five colors listed as individual &quot;products&quot; - each links to the listing above with the ability to change the color/variant.  Is this possible in Hikashop (please say yes).  Best,  Dawn")*

Hi,

It works fine on a test server on our end. So all I can think is that it is somewhat related to some customization of the product page on your website.
Try renaming the folder templates/YOUR_TEMPLATE/html/com_hikashop/product/ temporarily and see if that works properly that way.

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI2LXByb2R1Y3QtY2F0ZWdvcnktZGlzcGxheS84ODUzMTAtZGlzcGxheS10aGUtdmFyaWFudC1hcy1pbmRpdmlkdWFsLXByb2R1Y3RzP3RtcGw9bWFya2Rvd24=) or [Create an account](/register) to join the conversation.

- **[jameswadsworth](/forum/user/556-jameswadsworth "View jameswadsworth's Profile")**
- [![jameswadsworth's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/556-jameswadsworth "View jameswadsworth's Profile")
- [ Offline](/forum/user/556-jameswadsworth)

Less More

- Posts: 274
- Thank you received: 5
-
-
-
- [](http://www.deanimaconsulting.com)
-

8 years 5 months ago [\#292428](#292428) by [jameswadsworth](/forum/user/556-jameswadsworth "View jameswadsworth's Profile")  Replied by *[jameswadsworth](/forum/user/556-jameswadsworth "View jameswadsworth's Profile")* on topic *[Display the Variant as Individual Products](/forum/26-product-category-display/885310-display-the-variant-as-individual-products#292428 "-- HikaShop version -- : 3.6.3 -- Joomla version -- : 3.5.8 -- PHP version -- : 5.4 -- Browser(s) name and version -- : all -- Error-message(debug-mod must be tuned on) -- : n/a  Hello,  I would like to know if it is possible to display a variant of a product and its corresponding image/details within a product listing? For example, Zappos - a popular US online shoe store has:  Scenerio: Slipper A made by Brand A in five colors.  When you click on the product in red, you are brought to the product page and shown the detail picks and the option to select another color.  When you are in the product listing, you see all five colors listed as individual &quot;products&quot; - each links to the listing above with the ability to change the color/variant.  Is this possible in Hikashop (please say yes).  Best,  Dawn")*

Would love to see display Variants as Individual Products and I am sure it would be very useful for many people.
We were looking at using Hikashop as a product order webapp but decided against it because for people placing their orders, if they have to go into each product to select the variant it would take too long (too many clicks). We tried setting up product listing table menu but if the product had a variant there was always the button "Choose Options". So even if it is too complicated to list variants as "single products", which was the original topic of the this thread, it would be great to be able to select the variant from the product layout listing and add to the cart/order without having to click into the product select the variant then use the back button to get back to the product layout listing again.

Perhaps we had missed something so comments welcome!

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI2LXByb2R1Y3QtY2F0ZWdvcnktZGlzcGxheS84ODUzMTAtZGlzcGxheS10aGUtdmFyaWFudC1hcy1pbmRpdmlkdWFsLXByb2R1Y3RzP3RtcGw9bWFya2Rvd24=) or [Create an account](/register) to join the conversation.

- **[esotechie](/forum/user/7143-esotechie "View esotechie's Profile")**
- [![esotechie's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar7143.jpg)](/forum/user/7143-esotechie "View esotechie's Profile")
- [ Offline](/forum/user/7143-esotechie)

Less More

- Posts: 180
- Thank you received: 13
-
-
-
- [](http://www.halare.co.uk/)
-

8 years 5 months ago [\#292432](#292432) by [esotechie](/forum/user/7143-esotechie "View esotechie's Profile")  Replied by *[esotechie](/forum/user/7143-esotechie "View esotechie's Profile")* on topic *[Display the Variant as Individual Products](/forum/26-product-category-display/885310-display-the-variant-as-individual-products#292432 "-- HikaShop version -- : 3.6.3 -- Joomla version -- : 3.5.8 -- PHP version -- : 5.4 -- Browser(s) name and version -- : all -- Error-message(debug-mod must be tuned on) -- : n/a  Hello,  I would like to know if it is possible to display a variant of a product and its corresponding image/details within a product listing? For example, Zappos - a popular US online shoe store has:  Scenerio: Slipper A made by Brand A in five colors.  When you click on the product in red, you are brought to the product page and shown the detail picks and the option to select another color.  When you are in the product listing, you see all five colors listed as individual &quot;products&quot; - each links to the listing above with the ability to change the color/variant.  Is this possible in Hikashop (please say yes).  Best,  Dawn")*

Hi James

It is possible to do what you are asking, as I have done on this site: [ www.haruka.co.uk/shop](https://www.haruka.co.uk/shop)

There is a little work involved, but it works well IMO. It is a little easier for the site that you see, as the data is injected from their stock database which I worked on and wrote the routines to manage HikasShop.

The area to understand is the 'Canonical URL'. If you populate this, then this is what HikasHop will use as the address for your variant. So to use this:
1) you set up your main product as normal, with all the variants.
2) select one of the colours as the primary (default) variant.
3) create one product for every other colour that the product has (you only need the main image on these)
4) set the Canonical URL for these additional products to be the URL for the master product, adding them to the same categories

example: you have a shirt that comes in blue, green and white in sizes of S, M, L
Your main product will have 9 variants (blue S, blue M, blue L, green S, green M, green L, white S, white M, white L)
You select blue M as your default, and your product has the URL mydomain.com/shop/nice-shirt.
You create 2 additional product records (with only one image) which are nice-shirt-green (S, M, L) and nice-shirt-white (S, M, L). In the Canonical URL for both of these you put shop/nice-shirt.
and voila ... you should now have three products showing and all going to the main product when clicked.

There was an additional modification to make the product clicked to display instead of the default item, but I can not remember it off the top of my head. See if you can get on with the above and let me know if you want me to look up that bit of information.

You can also kill off the 'Choose Options' and select from the main page if you wish, by editing the product listing views (you will need a basic understanding of PHP). This is accessible from with Hikashop under 'Displays/Views'.

Good luck

The following user(s) said Thank You: [nicolas](/forum/user/63-nicolas "View nicolas's Profile"), [jameswadsworth](/forum/user/556-jameswadsworth "View jameswadsworth's Profile")

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI2LXByb2R1Y3QtY2F0ZWdvcnktZGlzcGxheS84ODUzMTAtZGlzcGxheS10aGUtdmFyaWFudC1hcy1pbmRpdmlkdWFsLXByb2R1Y3RzP3RtcGw9bWFya2Rvd24=) or [Create an account](/register) to join the conversation.

- **[nicolas](/forum/user/63-nicolas "View nicolas's Profile")**
- [![nicolas's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar63.png?1793428657)](/forum/user/63-nicolas "View nicolas's Profile")
- [ Offline](/forum/user/63-nicolas)

Less More

- Posts: 86322
- Thank you received: 14281
-
-

8 years 5 months ago [\#292430](#292430) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile")  Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[Display the Variant as Individual Products](/forum/26-product-category-display/885310-display-the-variant-as-individual-products#292430 "-- HikaShop version -- : 3.6.3 -- Joomla version -- : 3.5.8 -- PHP version -- : 5.4 -- Browser(s) name and version -- : all -- Error-message(debug-mod must be tuned on) -- : n/a  Hello,  I would like to know if it is possible to display a variant of a product and its corresponding image/details within a product listing? For example, Zappos - a popular US online shoe store has:  Scenerio: Slipper A made by Brand A in five colors.  When you click on the product in red, you are brought to the product page and shown the detail picks and the option to select another color.  When you are in the product listing, you see all five colors listed as individual &quot;products&quot; - each links to the listing above with the ability to change the color/variant.  Is this possible in Hikashop (please say yes).  Best,  Dawn")*

Hi,

Being able to select the variant directly on the products listing is something we're looking at for a future improvement.
In order to do that, we first want to redo/expend the characteristic selection system on the product page in order to support AJAX (instead of javascript replacing with all the content already on the page). Then, we can base the charactersistic/variant selection on the listings on that AJAX system.

The following user(s) said Thank You: [jameswadsworth](/forum/user/556-jameswadsworth "View jameswadsworth's Profile")

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI2LXByb2R1Y3QtY2F0ZWdvcnktZGlzcGxheS84ODUzMTAtZGlzcGxheS10aGUtdmFyaWFudC1hcy1pbmRpdmlkdWFsLXByb2R1Y3RzP3RtcGw9bWFya2Rvd24=) or [Create an account](/register) to join the conversation.

- **[jameswadsworth](/forum/user/556-jameswadsworth "View jameswadsworth's Profile")**
- [![jameswadsworth's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/556-jameswadsworth "View jameswadsworth's Profile")
- [ Offline](/forum/user/556-jameswadsworth)

Less More

- Posts: 274
- Thank you received: 5
-
-
-
- [](http://www.deanimaconsulting.com)
-

8 years 5 months ago [\#292462](#292462) by [jameswadsworth](/forum/user/556-jameswadsworth "View jameswadsworth's Profile")  Replied by *[jameswadsworth](/forum/user/556-jameswadsworth "View jameswadsworth's Profile")* on topic *[Display the Variant as Individual Products](/forum/26-product-category-display/885310-display-the-variant-as-individual-products#292462 "-- HikaShop version -- : 3.6.3 -- Joomla version -- : 3.5.8 -- PHP version -- : 5.4 -- Browser(s) name and version -- : all -- Error-message(debug-mod must be tuned on) -- : n/a  Hello,  I would like to know if it is possible to display a variant of a product and its corresponding image/details within a product listing? For example, Zappos - a popular US online shoe store has:  Scenerio: Slipper A made by Brand A in five colors.  When you click on the product in red, you are brought to the product page and shown the detail picks and the option to select another color.  When you are in the product listing, you see all five colors listed as individual &quot;products&quot; - each links to the listing above with the ability to change the color/variant.  Is this possible in Hikashop (please say yes).  Best,  Dawn")*

Hi Esotechie,

thank you for your explanation. All is clear. However that is quite a lot of additional configuration if you have a few hundred products plus the different variants.

We will test you configuration and let you know how we get on.

Kind regards, James

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI2LXByb2R1Y3QtY2F0ZWdvcnktZGlzcGxheS84ODUzMTAtZGlzcGxheS10aGUtdmFyaWFudC1hcy1pbmRpdmlkdWFsLXByb2R1Y3RzP3RtcGw9bWFya2Rvd24=) or [Create an account](/register) to join the conversation.

- **[jameswadsworth](/forum/user/556-jameswadsworth "View jameswadsworth's Profile")**
- [![jameswadsworth's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/556-jameswadsworth "View jameswadsworth's Profile")
- [ Offline](/forum/user/556-jameswadsworth)

Less More

- Posts: 274
- Thank you received: 5
-
-
-
- [](http://www.deanimaconsulting.com)
-

8 years 5 months ago [\#292463](#292463) by [jameswadsworth](/forum/user/556-jameswadsworth "View jameswadsworth's Profile")  Replied by *[jameswadsworth](/forum/user/556-jameswadsworth "View jameswadsworth's Profile")* on topic *[Display the Variant as Individual Products](/forum/26-product-category-display/885310-display-the-variant-as-individual-products#292463 "-- HikaShop version -- : 3.6.3 -- Joomla version -- : 3.5.8 -- PHP version -- : 5.4 -- Browser(s) name and version -- : all -- Error-message(debug-mod must be tuned on) -- : n/a  Hello,  I would like to know if it is possible to display a variant of a product and its corresponding image/details within a product listing? For example, Zappos - a popular US online shoe store has:  Scenerio: Slipper A made by Brand A in five colors.  When you click on the product in red, you are brought to the product page and shown the detail picks and the option to select another color.  When you are in the product listing, you see all five colors listed as individual &quot;products&quot; - each links to the listing above with the ability to change the color/variant.  Is this possible in Hikashop (please say yes).  Best,  Dawn")*

Hi Nicolas,

selecting the variant directly on the product listing would make a fantastic product that so much better. I am sure lots of people would be interested in this functionality because it would make the creation of large orders so much easier and seriously reduce the amounts of clicks required.

We look forward to this improvement hopefully not too far in the future!!

Thanks,

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI2LXByb2R1Y3QtY2F0ZWdvcnktZGlzcGxheS84ODUzMTAtZGlzcGxheS10aGUtdmFyaWFudC1hcy1pbmRpdmlkdWFsLXByb2R1Y3RzP3RtcGw9bWFya2Rvd24=) or [Create an account](/register) to join the conversation.

- **[jameswadsworth](/forum/user/556-jameswadsworth "View jameswadsworth's Profile")**
- [![jameswadsworth's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/556-jameswadsworth "View jameswadsworth's Profile")
- [ Offline](/forum/user/556-jameswadsworth)

Less More

- Posts: 274
- Thank you received: 5
-
-
-
- [](http://www.deanimaconsulting.com)
-

7 years 11 months ago [\#300779](#300779) by [jameswadsworth](/forum/user/556-jameswadsworth "View jameswadsworth's Profile")  Replied by *[jameswadsworth](/forum/user/556-jameswadsworth "View jameswadsworth's Profile")* on topic *[Display the Variant as Individual Products](/forum/26-product-category-display/885310-display-the-variant-as-individual-products#300779 "-- HikaShop version -- : 3.6.3 -- Joomla version -- : 3.5.8 -- PHP version -- : 5.4 -- Browser(s) name and version -- : all -- Error-message(debug-mod must be tuned on) -- : n/a  Hello,  I would like to know if it is possible to display a variant of a product and its corresponding image/details within a product listing? For example, Zappos - a popular US online shoe store has:  Scenerio: Slipper A made by Brand A in five colors.  When you click on the product in red, you are brought to the product page and shown the detail picks and the option to select another color.  When you are in the product listing, you see all five colors listed as individual &quot;products&quot; - each links to the listing above with the ability to change the color/variant.  Is this possible in Hikashop (please say yes).  Best,  Dawn")*

Just wondered if there was any update on being able put an add to cart button when viewing products with varients in a category listing?

Thanks

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI2LXByb2R1Y3QtY2F0ZWdvcnktZGlzcGxheS84ODUzMTAtZGlzcGxheS10aGUtdmFyaWFudC1hcy1pbmRpdmlkdWFsLXByb2R1Y3RzP3RtcGw9bWFya2Rvd24=) or [Create an account](/register) to join the conversation.

- **[Jerome](/forum/user/80-jerome "View Jerome's Profile")**
- [![Jerome's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar80.png)](/forum/user/80-jerome "View Jerome's Profile")
- [ Offline](/forum/user/80-jerome)
- HikaShop core developer

Less More

- Posts: 26394
- Thank you received: 4078
-
- [](http://obsi.dev)
-

7 years 11 months ago [\#300803](#300803) by [Jerome](/forum/user/80-jerome "View Jerome's Profile")  Replied by *[Jerome](/forum/user/80-jerome "View Jerome's Profile")* on topic *[Display the Variant as Individual Products](/forum/26-product-category-display/885310-display-the-variant-as-individual-products#300803 "-- HikaShop version -- : 3.6.3 -- Joomla version -- : 3.5.8 -- PHP version -- : 5.4 -- Browser(s) name and version -- : all -- Error-message(debug-mod must be tuned on) -- : n/a  Hello,  I would like to know if it is possible to display a variant of a product and its corresponding image/details within a product listing? For example, Zappos - a popular US online shoe store has:  Scenerio: Slipper A made by Brand A in five colors.  When you click on the product in red, you are brought to the product page and shown the detail picks and the option to select another color.  When you are in the product listing, you see all five colors listed as individual &quot;products&quot; - each links to the listing above with the ability to change the color/variant.  Is this possible in Hikashop (please say yes).  Best,  Dawn")*

Hello,

There is no update on that part.

Regards,

---

Jerome - Obsidev.com
HikaMarket &amp; HikaSerial developer / HikaShop core dev team.

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI2LXByb2R1Y3QtY2F0ZWdvcnktZGlzcGxheS84ODUzMTAtZGlzcGxheS10aGUtdmFyaWFudC1hcy1pbmRpdmlkdWFsLXByb2R1Y3RzP3RtcGw9bWFya2Rvd24=) or [Create an account](/register) to join the conversation.

Board Categories HikaShop Install &amp; Update Product &amp; Category Display Content Creation Sales and Orders Orders management Reports &amp; Statistics Customers Checkout Payment Methods Shipping Methods Import &amp; Export (CSV, XLS…) Specific Features Affilation Taxes Wishlist Vote Carousel &amp; Slider Mass Actions Filters &amp; Search Discount &amp; Coupon Feature Request Integrations Showcase General Talk about HikaShop Development HikaShop 3.0 Beta Translation Commercial Jobs HikaShop Components HikaMarket Market: Feature requests Market: How to? Market: Bug Report HikaSerial General talk about HikaSerial Serial: Bug Report Serial: How to? Support en Français de HikaSerial (French Support) HikaSubscription HikaAuction Auction: Feature requests Auction: How to? Auction: Bug report Hikashop around the world Support en Français (French Support) Russian FAQ. Курс выживания с Hikashop. Частые вопросы и о Расширения Hikashop Наши сайты на Hikashop 日本語版サポート(Japanese Support) Thai German Archives Bug Report How to?

[](/forum/topics/feed/mode-topics?format=feed&type=rss)

Time to create page: 4.257 seconds

[Powered by](/forum/credits) [Kunena Forum](https://www.kunena.org)
