Variable Product Options With Different Prices

Hi,

So, from what I understand, you want that on one page, the customer can select among the different colors of the
Faux Leather Snap Button Charm Bracelet product you have at /categories/product/snap-button-charm-bracelet.html AND select among the different countries of the Country Snap Button Charms you have at categories/product/country-snap-button-charms.html

I can see that at categories/product/custom-snap-button-bracelet-with-snap-button-charm.html your product has two characteristics, one for the color selection, and one for the country selection.

What I would recommend is that instead of using characteristics, you add both Faux Leather Snap Button Charm Bracelet and Country Snap Button Charms products in the "options" setting of your Custom Snap Button Bracelet with Snap Button Charm product.
That way, the customer will see the prices of the options, and he can select between them and the price will update based on what is selected.
And you can add an image with all the bracelets and one with the different country snap buttons to that product so that the customer can visualize what they are.
How does that sounds ?

Hi,

1. You need to edit the file product / option via the menu Display>Views and in the code:

				foreach($variant->prices as $k => $price) {
					$js_product_data[(int)$variant->product_id][(int)$price->price_min_quantity] = (float)str_replace(',','.',$price->$price_name);
					$js_product_prices[(int)$variant->product_id][(int)$price->price_min_quantity] = ($price->$price_name>0?'+ ':'').$this->currencyHelper->format($price->$price_name, $price->price_currency_id);
					if($unit_price)
						continue;
					if($price->price_min_quantity <= 1)
						$unit_price = true;
					if($price->price_value < 0) $positive=false;
					if(!$unit_price && (!$ok || ($positive && $price->price_value > $ok->price_value) || (!$positive && $price->price_value < $ok->price_value)))
						continue;
					$ok = $price;
				}

				$price = $ok->$price_name;
				$text .= ' ( '.($positive?'+ ':'').$this->currencyHelper->format($price, $ok->price_currency_id).' )';

				$js_product_data[(int)$variant->product_id][-1] = (float)str_replace(',','.',$price);
				$js_product_prices[(int)$variant->product_id][-1] = ($price>0?'+ ':'').$this->currencyHelper->format($price, $ok->price_currency_id);

Hi,

1. That's correct.

2. Just options with variants.

3. Yes, that's correct. Just make sure you don't have extra spaces before or after the texts.

4. This allows you to add several entries at once. So you can do like on your screenshot to add both at the same time.

Hi,

If you added an entry with the namekey add_no_to_options and the value 1, as explained in the other thread, then there is nothing else to do. The extra option will appear automatically in the option dropdowns.

Hi,

1. Edit the file product / option via the menu Display>Views and change the line:

$option_values[] = JHTML::_('select.option', 0,JText::_('HIKASHOP_NO'));

I don't want the "Add to Cart" button to show until they make a selection

Hi,

If you turn off the "group options with product" setting, then the options of the product will be added as separate products in the cart. In that case, the image of the variant selected in each option will be displayed for them in the cart, but the main product will still have its main image displayed regardless. Also, this means that you loose the information of which option is for which product in the cart.

To get exactly what you would would require customization of each view displaying the image of the product (for the cart module, the cart view in the checkout, the order details on the frontend, the invoice, each email, etc) and the code changes for this are non trivial as the data is not loaded for the images of options by default as they are not needed usually. So it would first require going through the options of each product, running a MySQL query to load the image data, generating the thumbnail, and then replacing the main product image with the one from the option you want to target.
It's not impossible, but it requires a skilled PHP developer to work on this.