Better looking Product Page

19.11.2010 08:28
#1
papa-chicco
Joomshopping forum user no avatar
Name: Alex
17.10.2010
Posts: 123
Quote
Better looking Product Page

i think its better to show the price on the top right position near the picture (like in the most shop-systems)for this look you must change your product_default.php an the ratingandhits.php
(code is based on version 2.5.2)
only replace the original code wit this code
product_default.php
<?php
JHTML::_('behavior.modal', 'a.modal');
include(dirname(__FILE__)."/load.js.php");
?>
<div class="jshop productfull">
<form name = "product" method = "post" action = "<?php print $this->action?>">

<h1><?php print $this->product->name?> <span class="jshop_code_prod">(<?php print _JSHOP_EAN?>: <?php print $this->product->product_ean;?>) <?php include(dirname(__FILE__)."/ratingandhits.php");?></span></h1>
<div class="clr"></div>
<table class = "jshop">
<tr>
<td width = "100" style = "vertical-align:top">
<?php if ($this->product->label_id && getNameImageLabel($this->product->label_id)){?>
<div class="product_label">
<img src="<?php print $this->config->image_labels_live_path."/".getNameImageLabel($this->product->label_id); ?>" alt="<?php print getNameImageLabel($this->product->label_id, 2)?>" />
</div>
<?php }?>
<?php if (count($this->videos)){?>
<?php foreach($this->videos as $k=>$video){?>
<a style = "display:none" class = "video_full" id = "hide_video_<?php print $k;?>" href = ""></a>
<?php } ?>
<?php }?>
<?php if(!count($this->images)){?>
<img id = "main_image" src = "<?php print $this->image_product_path?>/<?php print $this->noimage?>" alt = "<?php print $this->alt_main_image?>" />
<?php }?>
<?php foreach($this->images as $k=>$image){?>
<a class="modal" id="main_image_full_<?php print $image->image_id?>" href="<?php print $this->image_product_path?>/<?php print $image->image_full;?>" rel="{handler: 'image'}" <?php if ($image->image_full!=$this->product->product_full_image){?>style="display:none"<?php }?>>
<img id = "main_image_<?php print $image->image_id?>" src = "<?php print $this->image_product_path?>/<?php print $image->image_name;?>" alt = "<?php print $this->alt_main_image?>" />
</a>
<?php }?>

<?php if ($this->product->manufacturer_info->manufacturer_logo!=""){?>
<div class="manufacturer_logo">
<img src="<?php print $this->config->image_manufs_live_path."/".$this->product->manufacturer_info->manufacturer_logo?>" alt="<?php print htmlspecialchars($this->product->manufacturer_info->name);?>" title="<?php print htmlspecialchars($this->product->manufacturer_info->name);?>" />
</div>
<?php }?>
</td>
<?php if ( (count($this->images)>1) || (count($this->videos) && count($this->images)) ) {?>
<td class = "jshop_img_description" style = "padding-left: 10px;">
<?php foreach($this->images as $k=>$image){?>
<img class = "jshop_img_thumb" src = "<?php print $this->image_product_path?>/<?php print $image->image_thumb?>" alt = "<?php print $this->product->name?>" onclick = "showImage(<?php print $image->image_id?>)" />
<?php }?>
<br />
<?php }?>
<?php if (count($this->videos)){?>
<?php foreach($this->videos as $k=>$video){?>
<a href="<?php print $this->video_product_path?>/<?php print $video->video_name?>" id="video_<?php print $k?>" onclick = "showVideo(this.id, '<?php print $this->config->video_product_width;?>', '<?php print $this->config->video_product_height;?>'); return false;"><img class="jshop_video_thumb" src = "<?php print $this->video_image_preview_path."/"; if ($video->video_preview) print $video->video_preview; else print 'video.gif'?>" alt = "video" /></a>
<?php } ?>
</td>
<?php }?>
<td width="180" align="right">

<?php if ($this->product->product_old_price > 0){?>
<div class="old_price">
<?php print _JSHOP_OLD_PRICE?> <span class="old_price"><?php print formatprice($this->product->product_old_price)?></span>
</div>
<?php }?>

<?php if ($this->product->getPriceCalculate() > 0 || !$this->config->user_as_catalog){?>
<div class="prod_price">
<?php print _JSHOP_PRICE?>: <span id="block_price"><?php print formatprice($this->product->getPriceCalculate())?></span>
</div>
<?php }?>

<?php if ($this->config->show_tax_in_product){ ?>
<span class="taxinfo"><?php print sprintf(_JSHOP_INC_PERCENT_TAX, formattax($this->product->product_tax));?></span>
<?php }?>
<?php if ($this->config->show_plus_shipping_in_product){?>
<span class="plusshippinginfo"><?php print sprintf(_JSHOP_PLUS_SHIPPING, $this->shippinginfo);?></span>
<?php }?>
<?php if ($this->product->delivery_time != ''){?>
<div class="deliverytime"><?php print _JSHOP_DELIVERY_TIME?>: <?php print $this->product->delivery_time?></div>
<?php }?>
<?php if ($this->config->product_show_weight){?>
<div class="productweight"><?php print _JSHOP_WEIGHT?>: <?php print formatweight($this->product->product_weight)?> <?php print _JSHOP_WEIGHT_UNIT?></div>
<?php }?>

<?php if ($this->product->product_basic_price_show){?>
<div class="prod_base_price"><?php print _JSHOP_BASIC_PRICE?>: <span id="block_basic_price"><?php print formatprice($this->product->product_basic_price_calculate)?></span> / <?php print $this->product->product_basic_price_unit_name;?></div>
<?php }?>

<?php if (!$this->config->hide_text_product_not_available){ ?>
<div class = "not_available" id="not_available"><?php print $this->available?></div>
<?php }?>
<?php if ($this->product->product_is_add_price){?>
<div class="price_prod_qty_list_head"><?php print _JSHOP_PRICE_FOR_QTY?></div>
<table class="price_prod_qty_list">
<?php foreach($this->product->product_add_prices as $k=>$add_price){?>
<tr>
<td class="qty_from">
<?php print $add_price->product_quantity_start?>
</td>
<td class="qty_line"> - </td>
<td class="qty_to">
<?php if ($add_price->product_quantity_finish) print $add_price->product_quantity_finish;?>
</td>
<td class="qty_price" id="pricelist_from_<?php print $add_price->product_quantity_start?>">
<?php print formatprice($add_price->price)?>
</td>
</tr>
<?php }?>
</table>
<?php }?>

</td>
</tr>
</table>

<div class = "jshop_prod_description">
<?php print $this->product->description; ?>
</div>

<?php if ($this->product->product_url!=""){?>
<div class="prod_url">
<a target="_blank" href="<?php print $this->product->product_url;?>"><?php print _JSHOP_READ_MORE?></a>
</div>
<?php }?>

<table width="100%" border="0" cellspacing="0" cellpadding="2">
<tr>
<td align="left"> <?php if (count($this->attributes)){?>
<div class = "jshop_prod_attributes">
<table class = "jshop">
<?php foreach($this->attributes as $attribut){?>
<tr>
<td width = "50">
<?php print $attribut->attr_name?>:
</td>
<td>
<span id='block_attr_sel_<?php print $attribut->attr_id?>'>
<?php print $attribut->selects?>
</span>
</td>
</tr>
<?php }?>
</table>
</div>
<?php }?> </td>
<td align="right">
<?php if (!$this->hide_buy){?>
<table class="prod_buttons">
<tr>
<td class="prod_qty">
<?php print _JSHOP_QUANTITY?>:&nbsp;
</td>
<td class="prod_qty_input">
<input type = "text" name = "quantity" id = "quantity" onkeyup="reloadPrices('<?php print JURI::base();?>');" class = "inputbox" style = "width: 20px" value = "<?php print $this->default_count_product?>" />
</td>
<td class = "buttons">
<input type = "submit" class = "button" value = "<?php print _JSHOP_ADD_TO_CART?>" onclick="jQuery('#to').val('cart');" />
<?php if ($this->enable_wishlist){?>
<input type = "submit" class = "button" value = "<?php print _JSHOP_ADD_TO_WISHLIST?>" onclick="jQuery('#to').val('wishlist');" />
<?php }?>
</td>
<td id = "jshop_image_loading" style = "display:none"></td>
</tr>
</table>
<?php }?>

<input type="hidden" name="to" id='to' value="cart" />
<input type = "hidden" name = "product_id" id = "product_id" value = "<?php print $this->product->product_id?>" />
<input type = "hidden" name = "category_id" id = "category_id" value = "<?php print $this->category_id?>" />
</form>

</td>
</tr>
</table>





<?php
if (count ($this->demofiles)){?>
<div class="list_product_demo">
<table>
<?php foreach($this->demofiles as $demo){?>
<tr>
<td class="descr"><?php print $demo->demo_descr?></td>
<?php if ($this->config->demo_type == 1) { ?>
<td class="download"><a target="_blank" href="<?php print $this->config->demo_product_live_path."/".$demo->demo;?>" onClick="popupWin = window.open('<?php print SEFLink("index.php?option=com_jshopping&controller=product&task=showmedia&media_id=".$demo->id);?>', 'video', 'width=<?php print $this->config->video_product_width;?>,height=<?php print $this->config->video_product_height;?>,top=0,resizable=no,location=no'); popupWin.focus(); return false;"><img src = "<?php print $this->config->live_path.'images/play.gif'; ?>" alt = "play" title = "play"/></a></td>
<?php } else { ?>
<td class="download"><a target="_blank" href="<?php print $this->config->demo_product_live_path."/".$demo->demo;?>"><?php print _JSHOP_DOWNLOAD;?></a></td>
<?php }?>
</tr>
<?php }?>
</table>
</div>
<?php } ?>

<?php
include(dirname(__FILE__)."/related.php");
include(dirname(__FILE__)."/review.php");
?>
</div>

ratingandhits.php
<?php if ($this->allow_review || $this->config->show_hits){?>
<div style="height:22px; float:right;">
<table align="right">
<tr>
<?php if ($this->config->show_hits){?>
<td><?php print _JSHOP_HITS?>: </td>
<td><?php print $this->product->hits;?></td>
<?php } ?>

<?php if ($this->allow_review && $this->config->show_hits){?>
<td> | </td>
<?php } ?>

<?php if ($this->allow_review){?>
<td><?php print _JSHOP_RATING?>: </td>
<td>
<?php for($i = 1; $i <= $this->stars_count * $this->parts_count; $i++){?>
<?php if ($i==round($this->product->average_rating)) $checked = " checked='checked'"; else $checked = ""; ?>
<input name="star1" type="radio" class="star {split:<?php print $this->parts_count;?>}" disabled="disabled" <?php print $checked?> value="<?php print $i;?>"/>
<?php } ?> </td>
<?php } ?>
</tr>
</table>
</div>
<?php } ?>

is it possible to include this look into the next version?
Better looking Product Page


Last change: 19.11.2010 08:31
 
19.11.2010 09:09
#2
admin
(Support Team)
User admin
Name: Admin
05.08.2010
Posts: 25919
Quote
Aw: Better looking Product Page

The new version will be able to use a lot of templates.

 
11.11.2011 18:16
#3
dariosantana
Joomshopping forum user no avatar
Name: Dario
27.09.2011
Posts: 3
Quote
Aw: Better looking Product Page

I wonder why the stars in the product evaluation doesn't activate when I evaluate the product and what can i do so that the comments show up in the product page?
Aw: Better looking Product Page


Joomla: 1.5.23
JoomShopping: Version 2.9.7
 
11.11.2011 19:58
#4
Dr.Rivera
Joomshopping forum user no avatar
Name: Jürgen
13.09.2010
Posts: 2276
Quote
Aw: Better looking Product Page

Hello,

The new version will be able to use a lot of templates.



When?



Greetings


Last change: 12.11.2011 10:15

Nicht ganz aktuell, aber vielleicht doch noch für einige hilfreich, das E-Book Joomshopping.
Bei Amazon (kindl) und xinxii (ePub):

http://www.amazon.de/JoomShopping-Joomla-Shop-Online-Shop-ebook/dp/B005L9D8MC

http://www.xinxii.com/joomshopping-der-joomla-shop-p-339561.html
 
13.01.2012 10:26
#5
admin
(Support Team)
User admin
Name: Admin
05.08.2010
Posts: 25919
Quote
Aw: Better looking Product Page

Joomshopping 2.6.0 or >

 
13.01.2012 11:40
#6
Dr.Rivera
Joomshopping forum user no avatar
Name: Jürgen
13.09.2010
Posts: 2276
Quote
Aw: Better looking Product Page

Ok. I mean your template offer in your shop.

Greetings


Nicht ganz aktuell, aber vielleicht doch noch für einige hilfreich, das E-Book Joomshopping.
Bei Amazon (kindl) und xinxii (ePub):

http://www.amazon.de/JoomShopping-Joomla-Shop-Online-Shop-ebook/dp/B005L9D8MC

http://www.xinxii.com/joomshopping-der-joomla-shop-p-339561.html
 
13.01.2012 11:43
#7
admin
(Support Team)
User admin
Name: Admin
05.08.2010
Posts: 25919
Quote
Aw: Better looking Product Page

Only
http://www.webdesigner-profi.de/joomla-webdesign/shop/templates.html

 


Copyrights MAXXmarketing GmbH. Alle Rechte vorbehalten
Durch die Nutzung dieser Website stimme ich zu, dass Cookies zur optimalen Gestaltung der Website sowie zur Analyse der Nutzung der Website verwendet werden. Weiterführende Informationen finden Sie hier. OK, einverstanden.