Demo

討論

保持飢餓,保持愚笨 (Stay hungry, stay foolish)。 史蒂夫·賈伯斯

公告

本網站已取消討論區的討論方式,如果您有問題請至LINE群行動條碼圖片網址,或Facebook社團

[教學]VirtueMart2商品詳細頁面,修改商品圖片大小、商品簡述位置

  • 克里夫
  • 克里夫 的個人頭像 Topic Author
  • Offline
  • 新手上路
  • 新手上路
More
2013-09-23 19:08 - 2013-11-02 17:05 #25373 來自 克里夫
克里夫 created the topic: [教學]VirtueMart2商品詳細頁面,修改商品圖片大小、商品簡述位置
VirtueMart 2 版本2.0.22C的商品詳細頁面,修改商品圖片大小。
爬了一下文,修改成功,分享給大家參考。

假設我要商品圖片寬為300px,以下是範例:

打開 templates/yoo_balance/css/style.css
新增
/* 商品詳細頁面,圖片大小 */
.main-image img {
          max-width:300px;
}

這時候就可以看到產品詳細頁面圖片,縮成想要的大小了。
但是發現圖片沒有靠左邊,這時候需要做以下修改步驟:

開啟 components/com_virtuemart/views/productdetails/tmpl/default.php

第141行:
<div class="width20 floatleft">
<?php
echo $this->loadTemplate('images');
?>
</div>

<div class="width55 floatright">
其中上面的floatleft是圖片區寬度大小。
floatright是圖片右邊欄位的寬度大小。



接下來是商品簡述不想要擺在最上面,想要擺在圖片的左邊:
開啟 components/com_virtuemart/views/productdetails/tmpl/default.php
<?php
    // Product Short Description
    if (!empty($this->product->product_s_desc)) {
	?>
        <div class="product-short-description">
	    <?php
	    /** @todo Test if content plugins modify the product description */
	    echo nl2br($this->product->product_s_desc);
	    ?>
        </div>
	<?php
    } // Product Short Description END
    if (!empty($this->product->customfieldsSorted['ontop'])) {
	$this->position = 'ontop';
	echo $this->loadTemplate('customfields');
    } // Product Custom ontop end
    ?>

移動到
<div class="width55 floatright">
	    <div class="spacer-buy-area">
	<?php
		// TODO in Multi-Vendor not needed at the moment and just would lead to confusion
		/* $link = JRoute::_('index2.php?option=com_virtuemart&view=virtuemart&task=vendorinfo&virtuemart_vendor_id='.$this->product->virtuemart_vendor_id);
		  $text = JText::_('COM_VIRTUEMART_VENDOR_FORM_INFO_LBL');
		  echo '<span class="bold">'. JText::_('COM_VIRTUEMART_PRODUCT_DETAILS_VENDOR_LBL'). '</span>'; ?><a class="modal" href="<?php echo $link ?>"><?php echo $text ?></a><br />
		 */
		?>

底下。



接下來,刪除產品詳細頁面,底下的產品目錄:
    <?php
    // Product Files
    // foreach ($this->product->images as $fkey => $file) {
    // Todo add downloadable files again
    // if( $file->filesize > 0.5) $filesize_display = ' ('. number_format($file->filesize, 2,',','.')." MB)";
    // else $filesize_display = ' ('. number_format($file->filesize*1024, 2,',','.')." KB)";

    /* Show pdf in a new Window, other file types will be offered as download */
    // $target = stristr($file->file_mimetype, "pdf") ? "_blank" : "_self";
    // $link = JRoute::_('index.php?view=productdetails&task=getfile&virtuemart_media_id='.$file-virtuemart_media_id.'&virtuemart_product_id='.$this->product->virtuemart_product_id);
    // echo JHTMl::_('link', $link, $file->file_title.$filesize_display, array('target' => $target));
    // }
    if (!empty($this->product->customfieldsRelatedProducts)) {
	echo $this->loadTemplate('relatedproducts');
    } // Product customfieldsRelatedProducts END

    if (!empty($this->product->customfieldsRelatedCategories)) {
	echo $this->loadTemplate('relatedcategories');
    } // Product customfieldsRelatedCategories END
    // Show child categories
    if (VmConfig::get('showCategory', 1)) {
	echo $this->loadTemplate('showcategory');
    }
    if (!empty($this->product->customfieldsSorted['onbot'])) {
    	$this->position='onbot';
    	echo $this->loadTemplate('customfields');
    } // Product Custom ontop end
    ?>
最後修改原因: 2013-11-02 17:05 來自 克里夫.
The following user(s) said Thank You: abokuo

Please 登入 to join the conversation.