4

現在構築中の magento プロジェクトに問題があります。私の製品ページには、メイン画像 (設定可能な製品) と下のサムネイルがあります。サムネイルをクリックすると画像がメイン画像領域に追加される段階までコードを取得しましたが、含まれているリンクの href がその imgs URL にも追加される必要があります。これが理にかなっていることを願っています。どんな助けも歓迎します。

<?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; ?>
4

2 に答える 2

2

大きな画像をクリックすると、サムネイルのURLが表示されるようにしようとしていると思います

この href に ID を付与する

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

jqueryまたはprototypeを使用していますか（デフォルトのmagentoの場合はこれ）

プロトタイプ

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

jQuery

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

プレーン Javascript

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

サムネイル onclick を更新する

onclick="$('image').src = this.href;  $('img_href').setAttribute('href', this.href); return false;"
于 2012-10-25T15:06:50.917 に答える
0

$（'image'）。parentNode.href='あなたのURL'; ？

于 2012-10-25T15:03:38.567 に答える