Обновление основного продукта url на странице продукта magento

У меня есть проблема с проектом magento, который я сейчас создаю. На моей странице продукта есть основное изображение (настраиваемый продукт) и миниатюры ниже. У меня есть код на этапе, где щелчок эскиза добавляет изображение в основную область изображения, однако мне требуется href для ссылки, в которую он содержится, чтобы добавить к этому URL-адресу imgs. Надеюсь, это имеет смысл, любая помощь приветствуется.Обновление основного продукта url на странице продукта magento

<?php 
    $_product = $this->getProduct(); 
    $_helper = $this->helper('catalog/output'); 
?> 

<div class="grid_12 grid_spacer_bottom"> 
<?php 
    $_img = '<img id="image" class="img-left img-inlineblock responsive-img" src="'.$this->helper('catalog/image')->init($_product, 'image').'" alt="'.$this->htmlEscape($this->getImageLabel()).'" />'; 
    //echo $_helper->productAttribute($_product, $_img, 'image'); 
?> 

<a href=""><?php echo $_helper->productAttribute($_product, $_img, 'image'); ?></a> 

</div> 

<div class="clear"></div> 

<?php if (count($this->getGalleryImages()) > 0): ?> 
<div class="more-views"> 
    <?php foreach ($this->getGalleryImages() as $_image): ?> 
     <div class="grid_4 grid_spacer_bottom"> 
      <a href="<?php echo $this->helper('catalog/image')->init($this->getProduct(), 'image', $_image->getFile()); ?>" title="<?php echo $_product->getName();?>" onclick="$('image').src = this.href; return false;"> 
       <img class="img-left img-inlineblock responsive-img" src="<?php echo $this->helper('catalog/image')->init($this->getProduct(), 'thumbnail', $_image->getFile()); ?>" alt="<?php echo $this->htmlEscape($_image->getLabel()) ?>" /> 
      </a> 
     </div> 
    <?php endforeach; ?> 
</div> 
<?php endif; ?>

источник

2012-10-25 Mathew Porter

Я думаю, что я немного продвинулся, на JS, который обновляет IMG, которое будет отображаться в качестве основного изображения (на а вокруг миниатюры) я пытался добавить некоторые больше js, чтобы также обновить href для изображения $ и обновить код, который создает $ image ... это все равно не добавляет URL-адрес imgs. onclick = "$ ('image'). Src = this.href; return false; $ ('image'). Href = this.href; return false;" –

Я предполагаю, что вы пытаетесь сделать, когда вы нажмете на большое изображение будет иметь URL миниатюры

Передашь HREF идентификатор

<a href="" id="img_href"><?php echo $_helper->productAttribute($_product, $_img, 'image'); ?></a>

вы используете JQuery или прототип (если Magento по умолчанию, то это)

прототип

$('img_href').setAttribute('href', this.href); 
//$('img_href').href = this.href; // or

JQuery

$("#img_href").attr("href", this.href);

Обычный Мусор

document.getElementById ('img_href') = HREF this.href.

Update миниатюра OnClick

onclick="$('image').src = this.href; $('img_href').setAttribute('href', this.href); return false;"

источник

2012-10-25 15:06:50

Вы легенда! Я знал, что я так близко и понял, что это кое-что, что нужно для функции onclick несколько минут назад. Большое спасибо за помощь. –

$ ('изображения') parentNode.href = 'Ваш URL'.?

источник

2012-10-25 15:03:38

Обновление основного продукта url на странице продукта magento

ответ

Смежные вопросы