monicabe
Forum Replies Created
-
Upon taking a second look, another solution would be applying a different PPOM to each USER role for a particular product.
For example: is it possible to apply one PPOM to regular pricing and a different PPOM to a wholesale customer price on the same product page? Without the PPOMs showing for both pricing?
Is it possible to apply exclusive PPOM to different user roles on the same product page?
//
var $VariationSelectID = jQuery(“21224”);
var $PPOMSelectID = jQuery(“15”);$VariationSelectID.on(“change”, function() {
var VariationSelect = $VariationSelectID.val();var dataOptionId = VariationSelect.replace(/-/g, “_”);
var $PPOMSelectOption = $PPOMSelectID.find(“[data-optionid='” + dataOptionId + “‘]”);
$PPOMSelectOption.prop(“selected”, true);
$PPOMSelectID.trigger(“change”);
});
//I have the above code in the JS styles and the following is in the css style box
//
.ppom-wrapper select { -moz-appearance:auto !important; -webkit-appearance:auto !important; appearance:auto !important; }
//I am a somewhat newbie and so glad I found this! This is exactly what I have been trying to figure out.
I added this to the js box of the PPOM I am trying to isolate to variation #21225 I have successfully added the code (I’m assuming b/c thee colors are no longer all going to one line in green) What else do I need to do?
Scenario:
A product page with 2 variations (#21224 & #21225)
I want the PPOM hidden until variation #21225 is selected. Thus if no variation is selected OR if the variation #21224 is selected I want the PPOM hidden. If the #21225 Variation is selected I want the PPOM to display.What do I need to do in order to make this happen? (What are the steps prior to and after adding the JS code that I need to make sure are in effect?)
I have created a PPOM for this page but need to know the settings in the PPOM and what CSS needs to be added to ensure it is hidden until the woo variation #21225 is selected.
REALLY appreciate you guys and your willingness to help people!