Jump to content

Product images Mican Template


bbtil

Recommended Posts

I'm having issues with the product image display. When I roll over the second image nothing happens. I believe it should roll over where the main image is but that doesn't happen. I need to add multiple images for each product and have them roll over where the main image is. Is that possible with the Mica temp. There is a syntax error that when I redownload the Mican temp is there automatically. 

 

{if isset($PRODUCT) && $PRODUCT}
 <h2>{$PRODUCT.name}</h2>
<form action="{$VAL_SELF}" method="post" class="addForm">
  <div>
  	<div id="gallery">
	  <div class="image">
		{if $PRODUCT.magnify}
			<a href="{$PRODUCT.source}" class="magnify" title="{$PRODUCT.name}" rel="">
			  <img src="{$PRODUCT.large}" alt="{$PRODUCT.name}" id="preview" />
			</a>
		{else}
			<img src="{$PRODUCT.medium}" alt="{$PRODUCT.name}" id="preview" />
		{/if}
	  </div>
	  {if $GALLERY}
	  <div id="gallery_select">
		{foreach from=$GALLERY item=image}
		<a href="{$image.small}" id="image_{$image.id}" class="colorbox gallery" rel="gallery"><img src="{$image.gallery}" alt="{$LANG.catalogue.click_enlarge}" /></a>
		{/foreach}
	  </div>
	  <script type="text/javascript">
		var gallery_json = {$GALLERY_JSON}
	  </script>
	  {/if}
	  </div>
  	</div>
   
	<div id="product_detail">
	 
	
	  <p class="price">
		  {if $PRODUCT.ctrl_sale}
		  <span class="price_previous">{$PRODUCT.price}</span> <span class="price_sale">{$PRODUCT.sale_price}</span>
		  {else}
		  {$PRODUCT.price}
		  {/if}

	 	  {if isset($PRODUCT.discounts)}
	      <div class="bulk_discount">(<a href="#quantity_discounts">{$LANG.catalogue.bulk_discount}</a>)</div>
	      {/if}
	  </p>


	 
  		<div class="product_description">
			{$PRODUCT.description}
			
  		</div>

	  {if is_array($OPTIONS)}
	  <div class="options">
		{foreach from=$OPTIONS item=option}
		  {if $option.type == '0'}
		<div>
		  <label for="option_{$option.option_id}" class="return">{$option.option_name}{if $option.price} ({$option.symbol}{$option.price}){/if}{if $option.required} *{/if}</label>
		  <span><select name="productOptions[{$option.option_id}]" id="option_{$option.option_id}" class="textbox {if $option.required}required{/if}">
			<option value="">{$LANG.form.please_select}</option>
			{foreach from=$option.values item=value}
			<option value="{$value.assign_id}">{$value.value_name}{if $value.price} ({$value.symbol}{$value.price}){/if}</option>
			{/foreach}
			</select>
		  </span>
		</div>
		{else}
		<div>
		  <label for="option_{$option.option_id}" class="return">{$option.option_name}{if $option.price} ({$option.symbol}{$option.price}){/if}{if $option.required} *{/if}</label>
		  <span>
		  {if $option.type == '1'}
		  <input type="text" name="productOptions[{$option.option_id}][{$option.assign_id}]" id="option_{$option.option_id}" class="textbox {if $option.required}required{/if}"  />
		  {elseif $option.type == '2'}
		  <textarea name="productOptions[{$option.option_id}][{$option.assign_id}]" id="option_{$option.option_id}" class="textbox {if $option.required}required{/if}"></textarea>
		  {/if}
		  </span>
		</div>
		  {/if}
		{/foreach}
	  </div>
	  {/if}

	  {if ($CTRL_ALLOW_PURCHASE) && (!$CATALOGUE_MODE)}
	  <p class="buy_button">
		<input type="text" name="quantity" value="1" class="quantity required" />
		<input type="hidden" name="add" value="{$PRODUCT.product_id}" />
		<input type="submit" value="{$LANG.catalogue.buy_now} &raquo;" class="button_default" />
	  </p>
	  {else}
	  	{if $CTRL_HIDE_PRICES}
	  		<p class="buy_button"><strong>{$LANG.catalogue.login_to_view}</strong></p>
	  	{else if $CTRL_OUT_OF_STOCK}
	  		<p class="buy_button"><strong>{$LANG.catalogue.out_of_stock}</strong></p>
	  	{/if}
	  {/if}
	  {if $SHARE}
  		{foreach from=$SHARE item=html}
  			{$html}
  		{/foreach}
  	  {/if}
	</div>

  {if isset($PRODUCT.discounts)}
  <div id="quantity_discounts">
	<h2>{$LANG.catalogue.quantity_discounts}</h2>
	<p>{$LANG.catalogue.quantity_discounts_explained}</p>
	<br />
	<table class="list">
	  <tr>
		<th width="50">{$LANG.common.quantity}</th>
		<th width="100">{$LANG.catalogue.price_per_unit}</th>
	  </tr>
	  {foreach from=$PRODUCT.discounts item=discount}
	  <tr>
		<td align="center">{$discount.quantity}+</td>
		<td align="center">{$discount.price}</td>
	  </tr>
	  {/foreach}
	</table>
  </div>
  {/if}
  </form>

{if $CTRL_REVIEW}
<h2>{$LANG.catalogue.customer_reviews}</h2>
<div id="reviews">
  <div id="review_read">
  {if $REVIEWS}
	<p class="pagination_top"><span class="pagination">{if isset($PAGINATION)}{$PAGINATION}{/if}</span>{$LANG.catalogue.average_rating}: <strong>{$REVIEW_AVERAGE}</strong></p>
	{foreach from=$REVIEWS item=review}
	<div class="review">
	  <h3>
		<span style="float: right;">
		{for $i = 1; $i <= 5; $i++}
		  {if $i <= $review.rating}
		  <img src="{$STORE_URL}/skins/{$SKIN_FOLDER}/images/common/star.png" width="15" height="15" alt="" />
		  {else}
		  <img src="{$STORE_URL}/skins/{$SKIN_FOLDER}/images/common/star_off.png" width="15" height="15" alt="" />
		  {/if}
		{/for}
		</span>
		{$review.title}
	  </h3>
	  <p class="content">
	  	<a href="http://gravatar.com/emails/"><img src="http://www.gravatar.com/avatar/{$review.gravatar}?s=50&amp;r=g" /></a>{$review.review}
	  </p>
	  <p class="author">
		{$review.name} :: {$review.date}
	  </p>
	</div>
	{/foreach}
	<p class="pagination_bottom"><span class="pagination">{if isset($PAGINATION)}{$PAGINATION}{/if}</span><a href="#" onclick="$('#review_read').slideToggle(); $('#review_write').slideToggle(); return false;">{$LANG.catalogue.write_a_review}</a></p>
  {else}
	<div>{$LANG.catalogue.product_not_reviewed} <a href="#" onclick="$('#review_read').slideToggle(); $('#review_write').slideToggle(); return false;">{$LANG.catalogue.write_a_review}</a></div>
  {/if}
  </div>

  <div id="review_write" style="display: none;">
	<h3>{$LANG.catalogue.write_review}</h3>
	<form action="{$VAL_SELF}#reviews_write" method="post">
	  <fieldset>
		 {if $IS_USER}
		<div><input type="checkbox" id="rev_anon" name="review[anon]" value="1" /> <label for="rev_anon">{$LANG.catalogue.post_anonymously}</label></div>
		{else}
		<div><label for="rev_name">{$LANG.common.name}</label><span><input id="rev_name" type="text" name="review[name]" value="{$WRITE.name}" class="textbox required" /></span></div>
		<div><label for="rev_email">{$LANG.common.email}</label><span><input id="rev_email" type="text" name="review[email]" value="{$WRITE.email}" class="textbox required" /></span></div>
		{/if}
		<span id="review_stars">
		{foreach from=$RATING_STARS item=star}
		  <input type="radio" id="rating_{$star.value}" name="rating" value="{$star.value}" class="rating" {$star.checked} />
		{/foreach}
		</span>
		<div><label for="rev_title" class="inline">{$LANG.catalogue.review_title}</label><span><input id="rev_title" type="text" name="review[title]" value="{$WRITE.title}" class="textbox required" /></span></div>
		<div><label for="rev_review" class="return">{$LANG.catalogue.review}</label><span><textarea id="rev_review" name="review[review]" class="textbox required" style="height: 70px; width:400px;" rows="10" cols="40">{$WRITE.review}</textarea></span></div>
		{include file='templates/content.recaptcha.php'}
	  </fieldset>
	  <div>
		<input type="submit" value="{$LANG.catalogue.submit_review} &raquo;" class="button_default" />
		<input type="button" onclick="$('#review_read').slideToggle(); $('#review_write').slideToggle();" value="{$LANG.common.cancel}" class="button_default" />
	  </div>
	  	</form>
  </div>
</div>
{/if}

{foreach from=$COMMENTS item=html}
{$html}
{/foreach}

{if isset($TALKBACKS) && $TALKBACKS}
<div>
  <h2>{$LANG.catalogue.trackbacks}</h2>
  {foreach from=$TRACKBACKS item=track}
  <p>
	<a href="{$track.url}" target="_blank">{$track.title}</a><br />
	<blockquote cite="{$track.url}">&quot;{$track.excerpt}&quot;</blockquote>
  </p>
  {/foreach}
  <h3>{$LANG.catalogue.trackback_url}</h3>
  <p>{$TRACKBACK_URL}</p>
</div>
{/if}

{else}
<p>{$LANG.catalogue.product_doesnt_exist}</p>
{/if}

 

Link to comment
Share on other sites

As an experiment, please remove the file /skins/mican/js/jquery.bxslider.js.

Also, go here (https://github.com/jackmoore/colorbox) and download the latest version of the ColorBox plugin. Replace the existing file in CubeCart's main folder /js/plugins/jquery.colorbox-min.js.

What is the exact version of CubeCart 6 you are running?

Link to comment
Share on other sites

Sorry for the delay it's been a crazy morning. I have removed the file jquery.bxslider.js.

I have downloaded and installed the new colorbox

Cubecart version 6.1.10

I am about to start the common.js now

I just made the common.js change. i think i need to change back my content.product page

Link to comment
Share on other sites

Having made a change to a page resource (javascript, css file, or image) will also require that you force your browser to reload those page resources. Otherwise, your browser will use its internally cached copy. Forcing a browser to load fresh copies of page resources is typically done with CTRL-F5.

Link to comment
Share on other sites

Please give us a web address that has several images assigned to a product.

Also, do you have the following code in content.product.php:

	  <div class="image">
		{if $PRODUCT.magnify}
			<a href="{$PRODUCT.source}" class="magnify" title="{$PRODUCT.name}" rel="">
			  <img src="{$PRODUCT.medium}" alt="{$PRODUCT.name}" id="preview" />
			</a>
			<p class="hover_zoom">{$LANG.catalogue.hover_zoom}</p>
		{else}
			<img src="{$PRODUCT.medium}" alt="{$PRODUCT.name}" id="preview" />
		{/if}
	  </div>

 

Link to comment
Share on other sites

https://shocktechusa.com/pneumatics/fgp-barb.html

Current content.prod...

{if isset($PRODUCT) && $PRODUCT}
 <h2>{$PRODUCT.name}</h2>
<form action="{$VAL_SELF}" method="post" class="addForm">

  
      <div class="image">
    
            <a href="{$PRODUCT.source}" title="{$PRODUCT.name}" rel="">
              <img src="{$PRODUCT.large}" alt="{$PRODUCT.name}" align="absmiddle" id="preview" />
            </a>
    
      </div>
      


    <div id="product_detail">
    
      {if $PRODUCT.review_score && $CTRL_REVIEW}
      <p class="rating">
      {for $i = 1; $i <= 5; $i++}
          {if $PRODUCT.review_score >= $i}
        <img src="{$STORE_URL}/skins/{$SKIN_FOLDER}/images/common/star.png" alt="" />
        {elseif $PRODUCT.review_score > ($i - 1) && $PRODUCT.review_score < $i}
        <img src="{$STORE_URL}/skins/{$SKIN_FOLDER}/images/common/star_half.png" alt="" />
        {else}
        <img src="{$STORE_URL}/skins/{$SKIN_FOLDER}/images/common/star_off.png" alt="" />
        {/if}
      {/for}
      {$LANG_REVIEW_INFO}</p>
      {/if}
      <p class="price">
          {if $PRODUCT.ctrl_sale}
          <span class="price_previous">{$PRODUCT.price}</span> <span class="price_sale">{$PRODUCT.sale_price}</span>
          {else}
          {$PRODUCT.price}
          {/if}

           {if isset($PRODUCT.discounts)}
          <div class="bulk_discount">(<a href="#quantity_discounts">{$LANG.catalogue.bulk_discount}</a>)</div>
          {/if}
      </p>


     
          <div class="product_description">
            {$PRODUCT.description}
            
          </div>

      {if is_array($OPTIONS)}
      <div class="options">
        {foreach from=$OPTIONS item=option}
          {if $option.type == '0'}
        <div>
          <label for="option_{$option.option_id}" class="return">{$option.option_name}{if $option.price} ({$option.symbol}{$option.price}){/if}{if $option.required} *{/if}</label>
          <span><select name="productOptions[{$option.option_id}]" id="option_{$option.option_id}" class="textbox {if $option.required}required{/if}">
            <option value="">{$LANG.form.please_select}</option>
            {foreach from=$option.values item=value}
            <option value="{$value.assign_id}">{$value.value_name}{if $value.price} ({$value.symbol}{$value.price}){/if}</option>
            {/foreach}
            </select>
          </span>
        </div>
        {else}
        <div>
          <label for="option_{$option.option_id}" class="return">{$option.option_name}{if $option.price} ({$option.symbol}{$option.price}){/if}{if $option.required} *{/if}</label>
          <span>
          {if $option.type == '1'}
          <input type="text" name="productOptions[{$option.option_id}][{$option.assign_id}]" id="option_{$option.option_id}" class="textbox {if $option.required}required{/if}"  />
          {elseif $option.type == '2'}
          <textarea name="productOptions[{$option.option_id}][{$option.assign_id}]" id="option_{$option.option_id}" class="textbox {if $option.required}required{/if}"></textarea>
          {/if}
          </span>
        </div>
          {/if}
        {/foreach}
      </div>
      {/if}

      {if ($CTRL_ALLOW_PURCHASE) && (!$CATALOGUE_MODE)}
      <p class="buy_button">
        <input type="text" name="quantity" value="1" class="quantity required" />
        <input type="hidden" name="add" value="{$PRODUCT.product_id}" />
        <input type="submit" value="{$LANG.catalogue.buy_now} &raquo;" class="button_default" />
      </p>
      {else}
          {if $CTRL_HIDE_PRICES}
              <p class="buy_button"><strong>{$LANG.catalogue.login_to_view}</strong></p>
          {else if $CTRL_OUT_OF_STOCK}
              <p class="buy_button"><strong>{$LANG.catalogue.out_of_stock}</strong></p>
          {/if}
      {/if}
      {if $SHARE}
          {foreach from=$SHARE item=html}
              {$html}
          {/foreach}
        {/if}
    </div>

  {if isset($PRODUCT.discounts)}
  <div id="quantity_discounts">
    <h2>{$LANG.catalogue.quantity_discounts}</h2>
    <p>{$LANG.catalogue.quantity_discounts_explained}</p>
    <br />
    <table class="list">
      <tr>
        <th width="50">{$LANG.common.quantity}</th>
        <th width="100">{$LANG.catalogue.price_per_unit}</th>
      </tr>
      {foreach from=$PRODUCT.discounts item=discount}
      <tr>
        <td align="center">{$discount.quantity}+</td>
        <td align="center">{$discount.price}</td>
      </tr>
      {/foreach}
    </table>
  </div>
  {/if}
  </form>

{if $CTRL_REVIEW}
<h2>{$LANG.catalogue.customer_reviews}</h2>
<div id="reviews">
  <div id="review_read">
  {if $REVIEWS}
    <p class="pagination_top"><span class="pagination">{if isset($PAGINATION)}{$PAGINATION}{/if}</span>{$LANG.catalogue.average_rating}: <strong>{$REVIEW_AVERAGE}</strong></p>
    {foreach from=$REVIEWS item=review}
    <div class="review">
      <h3>
        <span style="float: right;">
        {for $i = 1; $i <= 5; $i++}
          {if $i <= $review.rating}
          <img src="{$STORE_URL}/skins/{$SKIN_FOLDER}/images/common/star.png" width="15" height="15" alt="" />
          {else}
          <img src="{$STORE_URL}/skins/{$SKIN_FOLDER}/images/common/star_off.png" width="15" height="15" alt="" />
          {/if}
        {/for}
        </span>
        {$review.title}
      </h3>
      <p class="content">
          <a href="http://gravatar.com/emails/"><img src="http://www.gravatar.com/avatar/{$review.gravatar}?s=50&amp;r=g" /></a>{$review.review}
      </p>
      <p class="author">
        {$review.name} :: {$review.date}
      </p>
    </div>
    {/foreach}
    <p class="pagination_bottom"><span class="pagination">{if isset($PAGINATION)}{$PAGINATION}{/if}</span><a href="#" onclick="$('#review_read').slideToggle(); $('#review_write').slideToggle(); return false;">{$LANG.catalogue.write_a_review}</a></p>
  {else}
    <div>{$LANG.catalogue.product_not_reviewed} <a href="#" onclick="$('#review_read').slideToggle(); $('#review_write').slideToggle(); return false;">{$LANG.catalogue.write_a_review}</a></div>
  {/if}
  </div>

  <div id="review_write" style="display: none;">
    <h3>{$LANG.catalogue.write_review}</h3>
    <form action="{$VAL_SELF}#reviews_write" method="post">
      <fieldset>
         {if $IS_USER}
        <div><input type="checkbox" id="rev_anon" name="review[anon]" value="1" /> <label for="rev_anon">{$LANG.catalogue.post_anonymously}</label></div>
        {else}
        <div><label for="rev_name">{$LANG.common.name}</label><span><input id="rev_name" type="text" name="review[name]" value="{$WRITE.name}" class="textbox required" /></span></div>
        <div><label for="rev_email">{$LANG.common.email}</label><span><input id="rev_email" type="text" name="review" value="{$WRITE.email}" class="textbox required" /></span></div>
        {/if}
        <span id="review_stars">
        {foreach from=$RATING_STARS item=star}
          <input type="radio" id="rating_{$star.value}" name="rating" value="{$star.value}" class="rating" {$star.checked} />
        {/foreach}
        </span>
        <div><label for="rev_title" class="inline">{$LANG.catalogue.review_title}</label><span><input id="rev_title" type="text" name="review[title]" value="{$WRITE.title}" class="textbox required" /></span></div>
        <div><label for="rev_review" class="return">{$LANG.catalogue.review}</label><span><textarea id="rev_review" name="review[review]" class="textbox required" style="height: 70px; width:400px;" rows="10" cols="40">{$WRITE.review}</textarea></span></div>
        {include file='templates/content.recaptcha.php'}
      </fieldset>
      <div>
        <input type="submit" value="{$LANG.catalogue.submit_review} &raquo;" class="button_default" />
        <input type="button" onclick="$('#review_read').slideToggle(); $('#review_write').slideToggle();" value="{$LANG.common.cancel}" class="button_default" />
      </div>
          </form>
  </div>
</div>
{/if}

{foreach from=$COMMENTS item=html}
{$html}
{/foreach}

{if isset($TALKBACKS) && $TALKBACKS}
<div>
  <h2>{$LANG.catalogue.trackbacks}</h2>
  {foreach from=$TRACKBACKS item=track}
  <p>
    <a href="{$track.url}" target="_blank">{$track.title}</a><br />
    <blockquote cite="{$track.url}">&quot;{$track.excerpt}&quot;</blockquote>
  </p>
  {/foreach}
  <h3>{$LANG.catalogue.trackback_url}</h3>
  <p>{$TRACKBACK_URL}</p>
</div>
{/if}

{else}
<p>{$LANG.catalogue.product_doesnt_exist}</p>
{/if}

{if isset($PRODUCT) && $PRODUCT}
 <h2>{$PRODUCT.name}</h2>
<form action="{$VAL_SELF}" method="post" class="addForm">

  
	  <div class="image">
	
			<a href="{$PRODUCT.source}" title="{$PRODUCT.name}" rel="">
			  <img src="{$PRODUCT.large}" alt="{$PRODUCT.name}" align="absmiddle" id="preview" />
			</a>
	
	  </div>
      


	<div id="product_detail">
	
	  {if $PRODUCT.review_score && $CTRL_REVIEW}
	  <p class="rating">
	  {for $i = 1; $i <= 5; $i++}
	  	{if $PRODUCT.review_score >= $i}
		<img src="{$STORE_URL}/skins/{$SKIN_FOLDER}/images/common/star.png" alt="" />
		{elseif $PRODUCT.review_score > ($i - 1) && $PRODUCT.review_score < $i}
		<img src="{$STORE_URL}/skins/{$SKIN_FOLDER}/images/common/star_half.png" alt="" />
		{else}
		<img src="{$STORE_URL}/skins/{$SKIN_FOLDER}/images/common/star_off.png" alt="" />
		{/if}
	  {/for}
	  {$LANG_REVIEW_INFO}</p>
	  {/if}
	  <p class="price">
		  {if $PRODUCT.ctrl_sale}
		  <span class="price_previous">{$PRODUCT.price}</span> <span class="price_sale">{$PRODUCT.sale_price}</span>
		  {else}
		  {$PRODUCT.price}
		  {/if}

	 	  {if isset($PRODUCT.discounts)}
	      <div class="bulk_discount">(<a href="#quantity_discounts">{$LANG.catalogue.bulk_discount}</a>)</div>
	      {/if}
	  </p>


	 
  		<div class="product_description">
			{$PRODUCT.description}
			
  		</div>

	  {if is_array($OPTIONS)}
	  <div class="options">
		{foreach from=$OPTIONS item=option}
		  {if $option.type == '0'}
		<div>
		  <label for="option_{$option.option_id}" class="return">{$option.option_name}{if $option.price} ({$option.symbol}{$option.price}){/if}{if $option.required} *{/if}</label>
		  <span><select name="productOptions[{$option.option_id}]" id="option_{$option.option_id}" class="textbox {if $option.required}required{/if}">
			<option value="">{$LANG.form.please_select}</option>
			{foreach from=$option.values item=value}
			<option value="{$value.assign_id}">{$value.value_name}{if $value.price} ({$value.symbol}{$value.price}){/if}</option>
			{/foreach}
			</select>
		  </span>
		</div>
		{else}
		<div>
		  <label for="option_{$option.option_id}" class="return">{$option.option_name}{if $option.price} ({$option.symbol}{$option.price}){/if}{if $option.required} *{/if}</label>
		  <span>
		  {if $option.type == '1'}
		  <input type="text" name="productOptions[{$option.option_id}][{$option.assign_id}]" id="option_{$option.option_id}" class="textbox {if $option.required}required{/if}"  />
		  {elseif $option.type == '2'}
		  <textarea name="productOptions[{$option.option_id}][{$option.assign_id}]" id="option_{$option.option_id}" class="textbox {if $option.required}required{/if}"></textarea>
		  {/if}
		  </span>
		</div>
		  {/if}
		{/foreach}
	  </div>
	  {/if}

	  {if ($CTRL_ALLOW_PURCHASE) && (!$CATALOGUE_MODE)}
	  <p class="buy_button">
		<input type="text" name="quantity" value="1" class="quantity required" />
		<input type="hidden" name="add" value="{$PRODUCT.product_id}" />
		<input type="submit" value="{$LANG.catalogue.buy_now} &raquo;" class="button_default" />
	  </p>
	  {else}
	  	{if $CTRL_HIDE_PRICES}
	  		<p class="buy_button"><strong>{$LANG.catalogue.login_to_view}</strong></p>
	  	{else if $CTRL_OUT_OF_STOCK}
	  		<p class="buy_button"><strong>{$LANG.catalogue.out_of_stock}</strong></p>
	  	{/if}
	  {/if}
	  {if $SHARE}
  		{foreach from=$SHARE item=html}
  			{$html}
  		{/foreach}
  	  {/if}
	</div>

  {if isset($PRODUCT.discounts)}
  <div id="quantity_discounts">
	<h2>{$LANG.catalogue.quantity_discounts}</h2>
	<p>{$LANG.catalogue.quantity_discounts_explained}</p>
	<br />
	<table class="list">
	  <tr>
		<th width="50">{$LANG.common.quantity}</th>
		<th width="100">{$LANG.catalogue.price_per_unit}</th>
	  </tr>
	  {foreach from=$PRODUCT.discounts item=discount}
	  <tr>
		<td align="center">{$discount.quantity}+</td>
		<td align="center">{$discount.price}</td>
	  </tr>
	  {/foreach}
	</table>
  </div>
  {/if}
  </form>

{if $CTRL_REVIEW}
<h2>{$LANG.catalogue.customer_reviews}</h2>
<div id="reviews">
  <div id="review_read">
  {if $REVIEWS}
	<p class="pagination_top"><span class="pagination">{if isset($PAGINATION)}{$PAGINATION}{/if}</span>{$LANG.catalogue.average_rating}: <strong>{$REVIEW_AVERAGE}</strong></p>
	{foreach from=$REVIEWS item=review}
	<div class="review">
	  <h3>
		<span style="float: right;">
		{for $i = 1; $i <= 5; $i++}
		  {if $i <= $review.rating}
		  <img src="{$STORE_URL}/skins/{$SKIN_FOLDER}/images/common/star.png" width="15" height="15" alt="" />
		  {else}
		  <img src="{$STORE_URL}/skins/{$SKIN_FOLDER}/images/common/star_off.png" width="15" height="15" alt="" />
		  {/if}
		{/for}
		</span>
		{$review.title}
	  </h3>
	  <p class="content">
	  	<a href="http://gravatar.com/emails/"><img src="http://www.gravatar.com/avatar/{$review.gravatar}?s=50&amp;r=g" /></a>{$review.review}
	  </p>
	  <p class="author">
		{$review.name} :: {$review.date}
	  </p>
	</div>
	{/foreach}
	<p class="pagination_bottom"><span class="pagination">{if isset($PAGINATION)}{$PAGINATION}{/if}</span><a href="#" onclick="$('#review_read').slideToggle(); $('#review_write').slideToggle(); return false;">{$LANG.catalogue.write_a_review}</a></p>
  {else}
	<div>{$LANG.catalogue.product_not_reviewed} <a href="#" onclick="$('#review_read').slideToggle(); $('#review_write').slideToggle(); return false;">{$LANG.catalogue.write_a_review}</a></div>
  {/if}
  </div>

  <div id="review_write" style="display: none;">
	<h3>{$LANG.catalogue.write_review}</h3>
	<form action="{$VAL_SELF}#reviews_write" method="post">
	  <fieldset>
		 {if $IS_USER}
		<div><input type="checkbox" id="rev_anon" name="review[anon]" value="1" /> <label for="rev_anon">{$LANG.catalogue.post_anonymously}</label></div>
		{else}
		<div><label for="rev_name">{$LANG.common.name}</label><span><input id="rev_name" type="text" name="review[name]" value="{$WRITE.name}" class="textbox required" /></span></div>
		<div><label for="rev_email">{$LANG.common.email}</label><span><input id="rev_email" type="text" name="review[email]" value="{$WRITE.email}" class="textbox required" /></span></div>
		{/if}
		<span id="review_stars">
		{foreach from=$RATING_STARS item=star}
		  <input type="radio" id="rating_{$star.value}" name="rating" value="{$star.value}" class="rating" {$star.checked} />
		{/foreach}
		</span>
		<div><label for="rev_title" class="inline">{$LANG.catalogue.review_title}</label><span><input id="rev_title" type="text" name="review[title]" value="{$WRITE.title}" class="textbox required" /></span></div>
		<div><label for="rev_review" class="return">{$LANG.catalogue.review}</label><span><textarea id="rev_review" name="review[review]" class="textbox required" style="height: 70px; width:400px;" rows="10" cols="40">{$WRITE.review}</textarea></span></div>
		{include file='templates/content.recaptcha.php'}
	  </fieldset>
	  <div>
		<input type="submit" value="{$LANG.catalogue.submit_review} &raquo;" class="button_default" />
		<input type="button" onclick="$('#review_read').slideToggle(); $('#review_write').slideToggle();" value="{$LANG.common.cancel}" class="button_default" />
	  </div>
	  	</form>
  </div>
</div>
{/if}

{foreach from=$COMMENTS item=html}
{$html}
{/foreach}

{if isset($TALKBACKS) && $TALKBACKS}
<div>
  <h2>{$LANG.catalogue.trackbacks}</h2>
  {foreach from=$TRACKBACKS item=track}
  <p>
	<a href="{$track.url}" target="_blank">{$track.title}</a><br />
	<blockquote cite="{$track.url}">&quot;{$track.excerpt}&quot;</blockquote>
  </p>
  {/foreach}
  <h3>{$LANG.catalogue.trackback_url}</h3>
  <p>{$TRACKBACK_URL}</p>
</div>
{/if}

{else}
<p>{$LANG.catalogue.product_doesnt_exist}</p>
{/if}

 

Link to comment
Share on other sites

Here is the beginning of the content.product.php template for Mican:

{if isset($PRODUCT) && $PRODUCT}
<h1>{$LANG.catalogue.product_details}</h1>
<form action="{$VAL_SELF}" method="post" class="addForm">
  <div>
  	<div id="gallery">
	  <div class="image">
		{if $PRODUCT.magnify}
			<a href="{$PRODUCT.source}" class="magnify" title="{$PRODUCT.name}" rel="">
			  <img src="{$PRODUCT.medium}" alt="{$PRODUCT.name}" id="preview" />
			</a>
			<p class="hover_zoom">{$LANG.catalogue.hover_zoom}</p>
		{else}
			<img src="{$PRODUCT.medium}" alt="{$PRODUCT.name}" id="preview" />
		{/if}
	  </div>
	  {if $GALLERY}
	  <div id="gallery_select">
		{foreach from=$GALLERY item=image}
		<a href="{$image.large}" id="image_{$image.id}" class="colorbox gallery" rel="gallery"><img src="{$image.gallery}" alt="{$LANG.catalogue.click_enlarge}" /></a>
		{/foreach}
	  </div>
	  <script type="text/javascript">
		var gallery_json	= {$GALLERY_JSON}
	  </script>
	  {/if}
	  </div>
  </div>
	<div id="product_detail">

In your first post above, the code you gave us has those statements. Maybe they were accidentally removed?

Link to comment
Share on other sites

In the file /js/common.js:

Near line 346, find:

	var magnify_options = {lensWidth:0, lensHeight:0, link:true, delay:0};

Change to:

	var magnify_options = {lensWidth:250, lensHeight:250, link:true, delay:250};

 

Link to comment
Share on other sites

Weird how?

The only thing I see missing is the magnifying glass mouse cursor that should be visible.

Recall, changing content in a page resource file may require you to force the browser to reload that page resource.

Link to comment
Share on other sites

"not just pop up"

I do not know what you mean.

In common.css, line 585:

Find:

display: block;

Change to:

/* display: block; */

Near line 580, find:

text-align: center;
width: 10px;

Change to:

/* text-align: center; */
width: 100%;

Save and force the browser to fetch a fresh copy of common.css.

 

Link to comment
Share on other sites

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...