Magento JQuery ColorBox Опции продукта Pop Up

Question

Я пытаюсь получить параметры продукта, чтобы всплывать в цветной ящик JQuery. Он работает, кроме параметров продукта, не отображается внутри поля. Вот то, что я до сих пор:

<script type="text/javascript"> 
(function($) { 
jQuery(document).ready(function(){ 
$(".inline").colorbox({inline:true, width:"50%"}); 
}); 
})(jQuery); 
</script> 

<p><a class='inline' href="#inline_content">Gift Wrapping</a></p> 

<div style='display:none'> 
<div id="inline_content"> 

<div class="product-options" id="product-options-wrapper"> 
<p style="font-size:15px;margin:0;font-weight: bold"><?php echo $this->__('Choose Your Options') ?></p> 
    <?php echo $this->getChildHtml('', true, true);?> 
    <?php if ($this->hasRequiredOptions()):?> 
     <span style="color:red">&#160;&#160;&#160;<?php echo $this->__('* Required Fields') ?></span> 
    <?php endif;?> 
</div> 
<script type="text/javascript">decorateGeneric($$('#product-options-wrapper dl'), ['last']);</script> 

</div> 
</div> 

Answer 1

После валять с этим я узнал, что я работал на тот файл. Он не работает с использованием /app/design/frontend/default/default/template/catalog/product/view/options/wrapper.phtml. Мне нужно было глубже и использовать /app/design/frontend/default/default/template/catalog/product/view/options/type/select.phtml.

Вот hlow я получил это работает:

<?php /* @var $this Mage_Catalog_Block_Product_View_Options_Type_Select */ ?> 

<script type="text/javascript"> 
(function($) { 
jQuery(document).ready(function(){ 
$('#lnkButton').click(function() { 
$(this).colorbox.close();}); 
$(".inline").colorbox({inline:true}); 
$('#cboxClose').remove(); 
}); 
})(jQuery); 
</script> 

<p><a class='inline' href="#inline_content"><img src="<?php echo $this->getSkinUrl('images/gift-wrap-avalible.png'); ?>" width="190" height="32" /></a></p> 


<div style='display:none'> 
<div id="inline_content" style="float:left;width:400px"> 
<h1>Gift Wrapping</h1> 
<div style="float:right;width:400px"> 
<img src="<?php echo Mage::getBaseUrl(Mage_Core_Model_Store::URL_TYPE_MEDIA); ?>wysiwyg/GiftsWrap/blue-papper.png" width="100" height="100" /> 
<img src="<?php echo Mage::getBaseUrl(Mage_Core_Model_Store::URL_TYPE_MEDIA); ?>wysiwyg/GiftsWrap/blue-peace-papper.png" width="100" height="100" /> 
<img src="<?php echo Mage::getBaseUrl(Mage_Core_Model_Store::URL_TYPE_MEDIA); ?>wysiwyg/GiftsWrap/blue-stars-papper.png" width="100" height="100" /> 
</div> 

<?php $_option = $this->getOption() ?> 
<dt><?php if (!$_option->getType() == Mage_Catalog_Model_Product_Option::OPTION_TYPE_RADIO): ?><label<?php if ($_option->getIsRequire()) echo ' class="required"' ?>><?php if ($_option->getIsRequire()) echo '<em>*</em>' ?><?php echo $this->htmlEscape($_option->getTitle()) ?></label><?php endif; ?></dt> 
<div style="float: left; 
width: 370px; 
border: 1px solid red; 
text-align: left; 
margin-left: 20px;"> 
<dd<?php if ($_option->decoratedIsLast){?> class="last"<?php }?>> 
    <div class="input-box"> 
     <?php echo $this->getValuesHtml() ?> 
     <?php if ($_option->getIsRequire()): ?> 
      <?php if ($_option->getType() == Mage_Catalog_Model_Product_Option::OPTION_TYPE_RADIO || $_option->getType() == Mage_Catalog_Model_Product_Option::OPTION_TYPE_CHECKBOX): ?> 
       <span id="options-<?php echo $_option->getId() ?>-container"></span> 
      <?php endif; ?> 
     <?php endif;?> 
    </div> 
</dd> 
</div> 
<button id="lnkButton"><span><span><?php echo $this->__('Okay') ?></span></span></button> 
</div> 
</div> 

Не стилизованную префект, но он работает, чтобы всплывающее окно для выбора подарочных Оберточный, что я создал в администрации.