• Closed by: Marek
  • Closed on: 10.04.18, 09:35
  • Reason: Closed
  • Comment: Glad to help!

Ticket #12020 - URGENT problem with Product Images, Sold Out and others.

Hi,

There are some bugs on my Alysum installation.

1. Problem with product image on single product page: when there are more of 4 pics the small images are not clickable. The problem is in the “absolute” condition of the CSS class: .scroll-box-arrows { 

  position: absolute;
  height: 100%;
  top: 0;
  width: 100%;

}. Can u solve this? (es. https://joliefashionstore.it/donna/83-81-patrizia-pepe-pantalone-skinny-nero.html#/6-taglia-l_44 )

2. I need to add “Sold out” text over product images in grid mode (category pages, home, ecc). Thanks. (es. https://joliefashionstore.it/146-pantaloni )

3. There isn’t the translation option for the account options (see attached image).

4. Instagram Module with new API doesn’t run.

Thanks

Comments

Marek 09 Apr 2018, 16:05

I don’t see any urgent questions here, but ok.
Please update your theme to the latest version. Don’t forget to make a backup before

Davide Batzella 09 Apr 2018, 16:30

Now the image selection is ok, did you have solved this?

Thanks

Marek 09 Apr 2018, 18:28

Ok, I check other issues and let you know when all will be ready

Davide Batzella 09 Apr 2018, 19:28

Thanks for your job

Marek 09 Apr 2018, 19:32

Please update necessary fields in your profile https://support.promokit.eu/index.php?do=myprofile to access to your back office

Davide Batzella 09 Apr 2018, 19:38

Updated! thanks

Marek 09 Apr 2018, 19:45

2. Done
3. You have to translate Custom Links module
4. Instagram works fine http://take.ms/EqnGb

Davide Batzella 09 Apr 2018, 19:52

Point 2:

There is a problem because now there is “sold out” also in product with positive quantity.

For example here: https://joliefashionstore.it/146-pantaloni the first product is “Patrizia Pepe Pantalone Skinny Nero” and there is “Sold Out”. But if we go on the product page it’s available with the size XS (es. https://joliefashionstore.it/donna/83-1169-patrizia-pepe-pantalone-skinny-nero.html#/3-taglia-xs_38 ).

Point 1:

Now there is a problem with the arrow in the pictures of left: they are not clickable (es. https://joliefashionstore.it/donna/83-1169-patrizia-pepe-pantalone-skinny-nero.html#/3-taglia-xs_38).

Now footer block is over the 100% width of the page.

Thanks

Davide Batzella 09 Apr 2018, 19:54

Other problem:

Now “add to cart” button does not run: es. https://joliefashionstore.it/donna/108-107-jeans-modello-skinny-dettaglio-triangolo.html#/10-taglia_jeans-28

Or:

Here, https://joliefashionstore.it/donna/79-70-elisabetta-franchi-gonna-media-cintura.html#/4-taglia-m_42 , if i click on the S size and then “add to cart”, it switch the selection to M and I can’t click on add to cart

Marek 09 Apr 2018, 19:58

Strange issue.
Here is CSS fix:

.product-variants .input-container {position:relative}
Marek 09 Apr 2018, 20:00

“sold out” issue, it means there is not possible to show it correctly on category page.
I have added a condition {if $product.quantity == 0} and it seems not works for product combinations

Davide Batzella 09 Apr 2018, 20:05

This:

Other problem:

Now “add to cart” button does not run: es. https://joliefashionstore.it/donna/108-107-jeans-modello-skinny-dettaglio-triangolo.html#/10-taglia_jeans-28

Or:

Here, https://joliefashionstore.it/donna/79-70-elisabetta-franchi-gonna-media-cintura.html#/4-taglia-m_42 , if i click on the S size and then “add to cart”, it switch the selection to M and I can’t click on add to cart

And this:

Now there is a problem with the arrow in the pictures of left: they are not clickable (es. https://joliefashionstore.it/donna/83-1169-patrizia-pepe-pantalone-skinny-nero.html#/3-taglia-xs_38).

are huge problem. At 14.30 arrow was ok (to help you).

___

For the “Sold Out”: is there a condition for combination products?

Davide Batzella 09 Apr 2018, 20:11

Now footer layout on mobile is broken. It was ok.

Thanks

(see attached image)

Davide Batzella 09 Apr 2018, 20:59

Here the cause of the impossibility of click on the “add to cart” button. The input radio area is too big.

Thanks

Davide Batzella 09 Apr 2018, 21:12

I have found solutions for “add to cart” and “size problem” selection:

.product-variants-item ul li input { 

  width: 32px;
  height: 32px;
  z-index: 9;
  margin: 0;
  position: absolute;

}

.input-radio { 

  display: inline-block;
  cursor: pointer;
  opacity: 0;

}

Now the custom CSS put in settings panel of Alysum Theme doesn’t run, It was disabled by you? There is not a problem because I can use theme.css.

Marek 09 Apr 2018, 21:13

But I gave you a fix. See above

.product-variants .input-container {position:relative}
Davide Batzella 09 Apr 2018, 21:26

Putted but nothing. See attached image. Now the custom css editor on the admin panel does not run :(

Davide Batzella 10 Apr 2018, 01:49

For your knowledge, SOLD OUT problem with conditional products solved in this way: 

          {if $product.quantity_all_versions <= 0}
            <li>{l s='Sold Out' d='Shop.Theme.Actions'}</li>
          {/if}

Ticket closed and thanks

Marek 10 Apr 2018, 09:27

Thank you very much for the suggestion, I’ll add it to the theme