Hi,
HikaShop uses Joomla's library to display many elements of the interface, including the dropdowns.
Usually, in HTML, img tags are not allowed in the option elements of a select element.
Now, some browsers try to honor them.
The screenshots on our tutorial were made with Joomla 3.
Because of all this, the img tags were rendered in this dropdown.
Since Joomla 3, Joomla reinforced its library and automatically HTMLentities the text of the options to avoid any possible problem and conform to HTML standards.
And since HikaShop uses Joomla's library for that dropdown, you see the HTML code of the value in the dropdown selector instead of the image being displayed.
Now, you might wonder why you don't have that same issue with other selectors, like the selector when adding variants (
www.hikashop.com/images/stories/tutorial...displaycolor1531.png
). That's because these are not standard HTML dropdowns. These are fake dropdowns made with HTML, CSS and javascript to look similar to dropdowns, so that we can have special features which are not possible with normal pure HTML dropdowns. And so they are not constrained by the limitation above.
A solution would be to change the dropdowns there, to use our "fake" dropdowns. That would fix the problem.
Thank you for your feedback on this.
We'll look at improving this for the next version of HikaShop.