[教學]VirtueMart2商品詳細頁面，修改商品圖片大小、商品簡述位置
- 克里夫
-
Topic Author
- Offline
- 新手上路
-
Less
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
新增
這時候就可以看到產品詳細頁面圖片，縮成想要的大小了。
但是發現圖片沒有靠左邊，這時候需要做以下修改步驟：
開啟 components/com_virtuemart/views/productdetails/tmpl/default.php
第141行：其中上面的floatleft是圖片區寬度大小。
floatright是圖片右邊欄位的寬度大小。
接下來是商品簡述不想要擺在最上面，想要擺在圖片的左邊：
開啟 components/com_virtuemart/views/productdetails/tmpl/default.php
移動到
底下。
接下來，刪除產品詳細頁面，底下的產品目錄：
爬了一下文，修改成功，分享給大家參考。
假設我要商品圖片寬為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">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.