2016-10-20 6 views
0

bookslab.inという名前の電子商取引サイトを構築中です。ユーザーに商品のリストが表示されたら、カートボタンに追加ボタンをクリックして詳細ボタンを表示したい私はすべての製品をクリックするたびに、商品のリストがカートボタンに追加されます。ユーザーがこのボタンをクリックすると商品の詳細ページに移動する必要があります。詳細ボタンを表示するにはボタンを変更します。変更方法カートに入れるボタンをクリックして商品一覧のボタンをご覧ください。

私はview.phtmlコード送信:

<?php 
?> 
<?php $_helper = $this->helper('catalog/output'); ?> 
<?php $_product = $this->getProduct(); ?> 
<script type="text/javascript"> 
    var optionsPrice = new Product.OptionsPrice(<?php echo $this->getJsonConfig() ?>); 
</script> 
<div id="messages_product_view"><?php echo $this->getMessagesBlock()->toHtml() ?></div> 
<div class="product-view"> 
    <div class="product-essential"> 
     <form action="<?php echo $this->getSubmitUrl($_product, array('_secure' => $this->_isSecure())) ?>" method="post" id="product_addtocart_form"<?php if($_product->getOptions()): ?> enctype="multipart/form-data"<?php endif; ?>> 
      <?php echo $this->getBlockHtml('formkey') ?> 
      <div class="no-display"> 
       <input type="hidden" name="product" value="<?php echo $_product->getId() ?>" /> 
       <input type="hidden" name="related_product" id="related-products-field" value="" /> 
      </div> 

      <div class="product-img-box"> 
       <div class="product-name"> 
        <h1><?php echo $_helper->productAttribute($_product, $_product->getName(), 'name') ?></h1> 
       </div> 
       <?php echo $this->getChildHtml('media') ?> 
      </div> 

      <div class="product-shop"> 
       <div class="product-name"> 
        <span class="h1"><?php echo $_helper->productAttribute($_product, $_product->getName(), 'name') ?></span> 
       </div> 

       <div class="price-info"> 
        <?php echo $this->getPriceHtml($_product); ?> 
        <?php echo $this->getChildHtml('bundle_prices') ?> 
        <?php echo $this->getTierPriceHtml() ?> 
       </div> 

       <div class="extra-info"> 
        <?php echo $this->getReviewsSummaryHtml($_product, 'default', false)?> 
        <?php echo $this->getChildHtml('product_type_availability'); ?> 
       </div> 

       <?php echo $this->getChildHtml('alert_urls') ?> 

       <?php if ($_product->getShortDescription()):?> 
        <div class="short-description"> 
         <div class="std"><?php echo $_helper->productAttribute($_product, nl2br($_product->getShortDescription()), 'short_description') ?></div> 
        </div> 
       <?php endif;?> 




       <?php echo $this->getChildHtml('other');?> 

       <?php if ($_product->isSaleable() && $this->hasOptions()):?> 
        <?php echo $this->getChildChildHtml('container1', '', true, true) ?> 
       <?php endif;?> 

      </div> 

      <div class="add-to-cart-wrapper"> 
       <?php echo $this->getChildHtml('product_type_data') ?> 
       <?php echo $this->getChildHtml('extrahint') ?> 

       <?php if (!$this->hasOptions()):?> 
        <div class="add-to-box"> 
         <?php if($_product->isSaleable()): ?> 
          <?php echo $this->getChildHtml('addtocart') ?> 
          <?php if($this->helper('wishlist')->isAllow() || $_compareUrl=$this->helper('catalog/product_compare')->getAddUrl($_product)): ?> 
           <span class="or"><?php echo $this->__('OR') ?></span> 
          <?php endif; ?> 
         <?php endif; ?> 
         <?php echo $this->getChildHtml('addto') ?> 
         <?php echo $this->getChildHtml('sharing') ?> 
        </div> 
        <?php echo $this->getChildHtml('extra_buttons') ?> 
       <?php elseif (!$_product->isSaleable()): ?> 
        <div class="add-to-box"> 
         <?php echo $this->getChildHtml('addto') ?> 
         <?php echo $this->getChildHtml('sharing') ?> 
        </div> 
       <?php endif; ?> 
      </div> 

      <?php echo $this->getChildHtml('related_products') ?> 

      <div class="clearer"></div> 
      <?php if ($_product->isSaleable() && $this->hasOptions()):?> 
       <?php echo $this->getChildChildHtml('container2', '', true, true) ?> 
      <?php endif;?> 
     </form> 
     <script type="text/javascript"> 
     //<![CDATA[ 
      var productAddToCartForm = new VarienForm('product_addtocart_form'); 
      productAddToCartForm.submit = function(button, url) { 
       if (this.validator.validate()) { 
        var form = this.form; 
        var oldUrl = form.action; 

        if (url) { 
         form.action = url; 
        } 
        var e = null; 
        try { 
         this.form.submit(); 
        } catch (e) { 
        } 
        this.form.action = oldUrl; 
        if (e) { 
         throw e; 
        } 

        if (button && button != 'undefined') { 
         button.disabled = true; 
        } 
       } 
      }.bind(productAddToCartForm); 

      productAddToCartForm.submitLight = function(button, url){ 
       if(this.validator) { 
        var nv = Validation.methods; 
        delete Validation.methods['required-entry']; 
        delete Validation.methods['validate-one-required']; 
        delete Validation.methods['validate-one-required-by-name']; 
        // Remove custom datetime validators 
        for (var methodName in Validation.methods) { 
         if (methodName.match(/^validate-datetime-.*/i)) { 
          delete Validation.methods[methodName]; 
         } 
        } 

        if (this.validator.validate()) { 
         if (url) { 
          this.form.action = url; 
         } 
         this.form.submit(); 
        } 
        Object.extend(Validation.methods, nv); 
       } 
      }.bind(productAddToCartForm); 
     //]]> 
     </script> 
    </div> 

    <div class="product-collateral toggle-content tabs"> 
     <?php if ($detailedInfoGroup = $this->getChildGroup('detailed_info', 'getChildHtml')):?> 
      <dl id="collateral-tabs" class="collateral-tabs"> 
       <?php foreach ($detailedInfoGroup as $alias => $html):?> 
        <dt class="tab"><span><?php echo $this->escapeHtml($this->getChildData($alias, 'title')) ?></span></dt> 
        <dd class="tab-container"> 
         <div class="tab-content"><?php echo $html ?></div> 
        </dd> 
       <?php endforeach;?> 
      </dl> 
     <?php endif; ?> 
    </div> 

    <?php echo $this->getChildHtml('upsell_products') ?> 
    <?php echo $this->getChildHtml('product_additional_data') ?> 

</div> 

enter image description here

+0

に変更します。私はあなたの質問を編集しました。 – Mike

答えて

1

は、[OK]をあなたはview.phtmlファイルを掲載しました。それは製品の詳細ページです。あなたは商品の詳細ページにいます。あなたは、同じフォルダにあるファイルを見てみたい

list.phtml

 <?php 

    <?php 
    /** 
    * Product list template 
    * 
    * @see Mage_Catalog_Block_Product_List 
    */ 
    ?> 
    <?php 
     $_productCollection=$this->getLoadedProductCollection(); 
     $_helper = $this->helper('catalog/output'); 
    ?> 
    <?php if(!$_productCollection->count()): ?> 
    <p class="note-msg"><?php echo $this->__('There are no products matching   the selection.') ?></p> 
    <?php else: ?> 


    <div class="category-products"> 

<?php echo $this->getToolbarHtml();?> 
<?php // List mode ?> 
<?php if($this->getMode()!='grid'): ?> 
<?php $_iterator = 0; ?> 
<ol class="products-list" id="products-list"> 
<?php foreach ($_productCollection as $_product): ?> 
    <li class="item<?php if(++$_iterator == sizeof($_productCollection)): ?> last<?php endif; ?>"> 
     <?php // Product Image ?> 
     <a href="<?php echo $_product->getProductUrl() ?>" title="<?php echo $this->stripTags($this->getImageLabel($_product, 'small_image'), null, true) ?>" class="product-image"><img src="<?php echo $this->helper('catalog/image')->init($_product, 'small_image')->resize(135); ?>" width="135" height="135" alt="<?php echo $this->stripTags($this->getImageLabel($_product, 'small_image'), null, true) ?>" /></a> 
     <?php // Product description ?> 
     <div class="product-shop"> 
      <div class="f-fix"> 
       <?php $_productNameStripped = $this->stripTags($_product->getName(), null, true); ?> 
       <h2 class="product-name"><a href="<?php echo $_product->getProductUrl() ?>" title="<?php echo $_productNameStripped; ?>"><?php echo $_helper->productAttribute($_product, $_product->getName() , 'name'); ?></a></h2> 
       <?php if($_product->getRatingSummary()): ?> 
       <?php echo $this->getReviewsSummaryHtml($_product) ?> 
       <?php endif; ?> 
       <?php echo $this->getPriceHtml($_product, true) ?> 
       <?php if($_product->isSaleable()): ?> 
        <p><button type="button" title="<?php echo $this->__('Add to Cart') ?>" class="button btn-cart" onclick="setLocation('<?php echo $this->getAddToCartUrl($_product) ?>')"><span><span><?php echo $this->__('Add to Cart') ?></span></span></button></p> 
       <?php else: ?> 
        <p class="availability out-of-stock"><span><?php echo $this->__('Out of stock') ?></span></p> 
       <?php endif; ?> 
       <div class="desc std"> 
        <?php echo $_helper->productAttribute($_product, $_product->getShortDescription(), 'short_description') ?> 
        <a href="<?php echo $_product->getProductUrl() ?>" title="<?php echo $_productNameStripped ?>" class="link-learn"><?php echo $this->__('Learn More') ?></a> 
       </div> 
       <ul class="add-to-links"> 
        <?php if ($this->helper('wishlist')->isAllow()) : ?> 
         <li><a href="<?php echo $this->helper('wishlist')->getAddUrl($_product) ?>" class="link-wishlist"><?php echo $this->__('Add to Wishlist') ?></a></li> 
        <?php endif; ?> 
        <?php if($_compareUrl=$this->getAddToCompareUrl($_product)): ?> 
         <li><span class="separator">|</span> <a href="<?php echo $_compareUrl ?>" class="link-compare"><?php echo $this->__('Add to Compare') ?></a></li> 
        <?php endif; ?> 
       </ul> 
      </div> 
     </div> 
    </li> 
<?php endforeach; ?> 
</ol> 
<script type="text/javascript">decorateList('products-list', 'none-recursive')</script> 

<?php else: ?> 

<?php // Grid Mode ?> 

<?php $_collectionSize = $_productCollection->count() ?> 
<?php $_columnCount = $this->getColumnCount(); ?> 
<?php $i=0; foreach ($_productCollection as $_product): ?> 
    <?php if ($i++%$_columnCount==0): ?> 
    <ul class="products-grid"> 
    <?php endif ?> 
     <li class="item<?php if(($i-1)%$_columnCount==0): ?> first<?php elseif($i%$_columnCount==0): ?> last<?php endif; ?>"> 
      <a href="<?php echo $_product->getProductUrl() ?>" title="<?php echo $this->stripTags($this->getImageLabel($_product, 'small_image'), null, true) ?>" class="product-image"><img src="<?php echo $this->helper('catalog/image')->init($_product, 'small_image')->resize(135); ?>" width="135" height="135" alt="<?php echo $this->stripTags($this->getImageLabel($_product, 'small_image'), null, true) ?>" /></a> 
      <h2 class="product-name"><a href="<?php echo $_product->getProductUrl() ?>" title="<?php echo $this->stripTags($_product->getName(), null, true) ?>"><?php echo $_helper->productAttribute($_product, $_product->getName(), 'name') ?></a></h2> 
      <?php if($_product->getRatingSummary()): ?> 
      <?php echo $this->getReviewsSummaryHtml($_product, 'short') ?> 
      <?php endif; ?> 
      <?php echo $this->getPriceHtml($_product, true) ?> 
      <div class="actions"> 
       <?php if($_product->isSaleable()): ?> 
        <button type="button" title="<?php echo $this->__('Add to Cart') ?>" class="button btn-cart" onclick="setLocation('<?php echo $this->getAddToCartUrl($_product) ?>')"><span><span><?php echo $this->__('Add to Cart') ?></span></span></button> 
       <?php else: ?> 
        <p class="availability out-of-stock"><span><?php echo $this->__('Out of stock') ?></span></p> 
       <?php endif; ?> 
       <ul class="add-to-links"> 
        <?php if ($this->helper('wishlist')->isAllow()) : ?> 
         <li><a href="<?php echo $this->helper('wishlist')->getAddUrl($_product) ?>" class="link-wishlist"><?php echo $this->__('Add to Wishlist') ?></a></li> 
        <?php endif; ?> 
        <?php if($_compareUrl=$this->getAddToCompareUrl($_product)): ?> 
         <li><span class="separator">|</span> <a href="<?php echo $_compareUrl ?>" class="link-compare"><?php echo $this->__('Add to Compare') ?></a></li> 
        <?php endif; ?> 
       </ul> 
      </div> 
     </li> 
    <?php if ($i%$_columnCount==0 || $i==$_collectionSize): ?> 
    </ul> 
    <?php endif ?> 
    <?php endforeach ?> 
    <script type="text/javascript">decorateGeneric($$('ul.products-grid'), ['odd','even','first','last'])</script> 
<?php endif; ?> 

<div class="toolbar-bottom"> 
    <?php echo $this->getToolbarHtml() ?> 
</div> 

はその後、この要素

<ul class="products-grid" > 

を探し、この要素内

を見つけます
<div class="actions"> 
このdiv要素の内部

、このボタンを探し

 <button type="button" title="<?php echo $this->__('Add to Cart') ?>" class="button btn-cart" onclick="setLocation('<?php echo $this->getAddToCartUrl($_product) ?>')"><span><span><?php echo $this->__('Add to Cart') ?></span></span></button> 

今それは右の問題ではなく、それらにリンクして画像を配置する方が良いでしょう

 <button type="button" title="<?php echo $this->__('View Details') ?>" class="button btn-cart" onclick="setLocation('<?php echo $this->getProductUrl($_product) ?>')"><span><span><?php echo $this->__('View Details') ?></span></span></button> 
+0

ありがとうヴォルフガングそれは私のために働く –

関連する問題