how to organize products - variants characteristics

  • Posts: 52
  • Thank you received: 4
3 years 11 months ago #330985

Hello,

I have setup eshops before and I am currently testing the characteristics/variants.

Example:

Product A
- color:
- - red | 100 EUR
- - green | 120 EUR
- - blue | 40 EUR
- size:
- - M
- - L | 20% discount
- - XL | Out of Stock at some point

Right now I am trying to figure out, how to best organize my products and how to create/apply variants/characteristics.

// =====

How should we show "color" and "size" options with product page, when there are different images attached to "color"?

I believe in order for this to work and also respect Out of Stock status, I will need to create 3 products (red, green, blue) and use "Realted Products" with each product in order to show different images. This would mean, the product page will show a dropdown for "size" and "related products" are placed below the product (different color of the same product).

Would this be correct or is there a better way?

// =====

How do I setup my characteristics with e.g. "size"?

Do I have to create each instance of "size" e.g. "size - size-M", "size - size-L", "size - size-XL"...in order to be flexible?
With product page, this will give me 3 seperate dropdowns, which can't be correct.

When I create only one variant "size" and add M + L + XL, I guess there can only be one price and Out of stock would relate to all three sizes.
This can't be correct.

// =====

Or should I work with characteristics for color?
I guess there can only be one price for all colors with this approach as well?

// =====

Since I would like to make heavy use of filters, I should setup everything perfect from the start.

What would be the most flexible and best way to organize products and still be customer friendly when it comes to product page navigation and options?

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

  • Posts: 52
  • Thank you received: 4
3 years 11 months ago #330986

Check this shop: www.zalando.de/under-armour-rival-multil...e-un242g09r-g11.html
As you can see, they have all color variants as pictures. As soon as you hover them, the image is being updated.

Not sure if this is possible with hikashop or even necessary at this point.

We can add multiple modules below or above the product page (module product listing)?

Last edit: 3 years 11 months ago by knuffiwuffi.

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

  • Posts: 83404
  • Thank you received: 13497
  • MODERATOR
3 years 11 months ago #331025

Hi,

1. You could do with different products with only a size characteristic and having them as related products.
Or you could also have only one product with two characteristics (size and color). If you do that, you'll just have to configure the images in each variants instead of the main product so that the images will switch based on which variant is selected.
You can see an example of that alternative on our demo website:
demo.hikashop.com/index.php/en/hikashop/...with-characteristics
In both cases you'll be able to handle the stock for each combination of colors and sizes. So I can't say which is better. It depends on your preferences.

2. You need to create one "size" characteristic with all the possible values in it. Once that's done, add it to a product. You'll see the "variants" tab appearing once you validate the characteristic being added to the product. In that tab, you'll see an "add variant" button that you can use to select the values you want for the characteristic. Once you validate that, it will generate one variant per value of the characteristic. Then, you can edit each variant as if is was a product to change it. If you leave something empty in the variant, the system will automatically use the information from the main product when displaying it on the frontend. And if you fill it, it will override what you have in the main product.
www.hikashop.com/support/support/documen...html#characteristics

3. As explained in point 2, you can edit each variant as if it was a product. So you'll also be able to configure different prices for each variant and you'll see the price change when you select another variant. You can see that on the link of our demo website from point 1.

4. I would also recommend to check on this tutorial which is related to colors and characteristics and filters:
www.hikashop.com/support/documentation/2...isplay-by-color.html
Once you follow the instructions there and create a few products with color selection as explained there with color filtering on the products listing, you'll have a better grasp of the different elements to choose where you want to go.

5. You could have color variant selection with images but in that case, it would require creating one characteristic for each product. So it could quickly become a mess. On top of that, since it would lead to different characteristics for different products, you wouldn't be able to create a filter on these characteristics as a filter can only be associated to one characteristic. So the way HikaShop is made, It won't be practical to do it like that.

6. Regarding adding modules on the product page, there are ways to do it :
- You have a setting called "modules under the product page" in the HikaShop configuration where you can select modules to be displayed below the description on the product page. However, these can only be HikaShop content modules. It's used mainly for the "related products" module in order to display a listing of the products of the related products of the current product.
- You can also add modules inside the description of your products, like you would in a Joomla article:
docs.joomla.org/How_do_you_put_a_module_inside_an_article%3F
- You could also override product / show_default.php via the menu Display>Views to add some code to the product page view to load a module for all the products, without having to modify the description of each product:
www.hikashop.com/forum/4-how-to/82640-ad...uct-page.html#109818
- You could just configure a module to be displayed in a position of your template above or below the main area and then use Advanced Modules Manager Pro to restrict it to only HikaShop product pages or even to some products only:
regularlabs.com/extensions/advancedmodulemanager

The following user(s) said Thank You: knuffiwuffi

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

  • Posts: 52
  • Thank you received: 4
3 years 11 months ago #331158

Thank you very much. This was very detailed and helpful.

I have tested a lot and I would have each physical product of the same kind (shirt red, shirt black...) as a hikashop product. Characteristics would be SIZE and therefore 1 variant per SIZE (M, L, XL). This would allow me to treat each physical product of the same kind as a main product with hikashop. As an example: Useful, when you want to display only shirt red with frontpage.

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

Time to create page: 0.065 seconds
Powered by Kunena Forum