• Priority: Medium
  • Status: Closed
  • Theme: Alysum
  • Assigned To: Fred
  • Private: No
  • Open Date: 21.11.20, 13:05
  • Opened by: Vidmantas Dapkus
  • Closed by: Fred
  • Closed on: 02.12.20, 17:04
  • Reason: Closed
  • Comment: Glad to help!

Ticket #19919 - Size as image in combinations

Hello,

can’t find the way to use size as image in combinations. If I create the new attribute as “Color or Texture” type for Size and the same type for Color then in FO in the product list page I get both attribute instead of one of Color. On your demos I see the exact presentation in product list and product pages when the Size and Color is presented as images.

Comments

Fred 22 Nov 2020, 11:42

If you select "Color" for your attribute you will have it like in our demo https://take.ms/V1NGd

Vidmantas Dapkus 22 Nov 2020, 12:23

yes, I did it, but as I mentioned in my first comment, when i do that the Size image also appears next to Color image in Products list page (please see atachment)

Attachments:

Fred 23 Nov 2020, 13:36

Can't you hide it from the Products list?
I can't clearly understand what do you want to do

Vidmantas Dapkus 23 Nov 2020, 15:07

I can't. If I check your demo in https://alysum5.promokit.eu/en/69-bags, say product Lightweight Italian Wool has two colors and it has 3 sizes and in product list page https://alysum5.promokit.eu/en/69-bags you see only colors, and no sizes, and your code looks like (only colors too)

<div class="variant-links">
<a href="https://alysum5.promokit.eu/en/bags/21-140-blouse-2835934862853.html#/1-size-s/8-color-white" class="color white-color" title="White" style="background-color: #ffffff"><span class="sr-only">White</span></a>
<a href="https://alysum5.promokit.eu/en/bags/21-141-blouse-2835934862853.html#/2-size-m/11-color-black" class="color " title="Black" style="background-color: #434A54"><span class="sr-only">Black</span></a>
<span class="js-count count"></span>
</div>

and when you look in my code, you see the first one <a> element is size and it shown up.

<div class="variant-links">

<a href="https://people-fashion.dk/organiske-sko/31-1858-stovle-dart.html#/295-farve-428_mint/420-size-42" class="color " title="4(28) mint" style="background-color: #7dbcab"><span class="sr-only">4(28) mint</span></a>

    <a href="https://people-fashion.dk/organiske-sko/31-1857-stovle-dart.html#/37-farve-sort/159-storrelse-42" class="color " title="Sort" style="background-color: #2c272b"><span class="sr-only">Sort</span></a>
  <span class="js-count count"></span>

</div>

I hope now you understand the problem I have.

Fred 23 Nov 2020, 16:07

I understand, but you have the same in your store https://take.ms/dpgzq

Vidmantas Dapkus 23 Nov 2020, 16:25

I am more than confused!? In time I opened the ticket I had the size option as dropdown and now I see the image style. And I think I understand you change the attribute type and now I understand the way it works. In this type you do not need to upload the size image (as texture), in this type the typed value has the style sheet applied.

Thanks once again!

Fred 23 Nov 2020, 16:26

Great :) no problem