Simple Product Image and Color Swatch on Table Ordering

Created by Nicole Le, Modified on Mon, 31 Jul 2017 at 09:44 AM by Robin Hoang

 Question:


1) Simple Product Image

I read the instruction on your website. And it says that “To create color swatch, set images for children products which has the largest ID corresponding to each option of the first attribute. “I totally understand what it means.

But here is the problem.

In my website, when child product is out of stock, I just set it as “disabled” but it is till associated with configurable product.

In this case if the child product which has the largest id is out of stock, so I set it as disabled, what should I do?

Is the 2nd largest id child product’s image can be shown in the website? Or is the image can be blank?


2) Color Swatch

2-1) Where can I change the color swatch image?

2-2) Is it possible to put Product image instead of color swatch?



Answer:


We would like to feedback to you as following:


1/ Simple Product Image


Test product: http://demo.bsscommerce.com/magento-configurable-product-table-ordering/index.php/women/dresses-skirts/cocktail-dress.html


When child product is out of stock, I just set it as “disabled” but it is till associated with configurable product. In this case if the child product which has the largest id is out of stock

=>  Swatch image is still updated as this product if config 'Display Out of Stock Status' is enabled

=> Otherwise, it will show  2nd largest id child product’s image


2) Color Swatch:


Color swatch change: you could be set any image as color swatch by labeling corresponding name of color. Please refer here: https://www.dropbox.com/s/2z2oabngjvgni9q/SwatchImage.png?dl=0


For more information about product, please refer Configurable Product Table Ordering page.

If you need any further assistance, please feel free to contact us.

Please visit our site for more useful Magento 1 Extensions: https://bsscommerce.com/extensions.html

Was this article helpful?

That’s Great!

Thank you for your feedback

Sorry! We couldn't be helpful

Thank you for your feedback

Let us know how can we improve this article!

Select atleast one of the reasons

Feedback sent

We appreciate your effort and will try to fix the article