bbtil Posted June 27, 2018 Share Posted June 27, 2018 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} »" 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&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} »" 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}">"{$track.excerpt}"</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 More sharing options...
bsmither Posted June 27, 2018 Share Posted June 27, 2018 Please give us a web address where we can see this. Link to comment Share on other sites More sharing options...
bbtil Posted June 27, 2018 Author Share Posted June 27, 2018 shocktechusa.com Link to comment Share on other sites More sharing options...
bsmither Posted June 27, 2018 Share Posted June 27, 2018 Just FYI: this product (shocktech-regulator.html) is missing an image: /Paintball_Guns/Shocktech/regs.jpg I am examining why the magnifier isn't working. Link to comment Share on other sites More sharing options...
bsmither Posted June 27, 2018 Share Posted June 27, 2018 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 More sharing options...
bsmither Posted June 28, 2018 Share Posted June 28, 2018 In the file /js/common.js: Near line 348, find: $('a.galleryy').hover(function(){ Change to: $('a.gallery').hover(function(){ Link to comment Share on other sites More sharing options...
keat Posted June 28, 2018 Share Posted June 28, 2018 I use Mican, my roll over works. Did you make any changes at any point. Link to comment Share on other sites More sharing options...
bbtil Posted June 28, 2018 Author Share Posted June 28, 2018 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 More sharing options...
bsmither Posted June 28, 2018 Share Posted June 28, 2018 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 More sharing options...
bbtil Posted June 28, 2018 Author Share Posted June 28, 2018 Ok, I've done everything. Don't see a change. Do you have a link where I can see what it is supposed to look like? Link to comment Share on other sites More sharing options...
bsmither Posted June 28, 2018 Share Posted June 28, 2018 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 More sharing options...
bbtil Posted June 28, 2018 Author Share Posted June 28, 2018 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} »" 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&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} »" 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}">"{$track.excerpt}"</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} »" 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&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} »" 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}">"{$track.excerpt}"</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 More sharing options...
bsmither Posted June 28, 2018 Share Posted June 28, 2018 I see only the one image. Link to comment Share on other sites More sharing options...
bbtil Posted June 28, 2018 Author Share Posted June 28, 2018 There are two images assigned to that product. Link to comment Share on other sites More sharing options...
bsmither Posted June 28, 2018 Share Posted June 28, 2018 Assigned, ok, but only one is showing on the page. Does your template have code I included above? Link to comment Share on other sites More sharing options...
bbtil Posted June 28, 2018 Author Share Posted June 28, 2018 No, where should that go. Link to comment Share on other sites More sharing options...
bsmither Posted June 28, 2018 Share Posted June 28, 2018 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 More sharing options...
bbtil Posted June 29, 2018 Author Share Posted June 29, 2018 I added that code and it changed the page but the image still doesn't magnify. Link to comment Share on other sites More sharing options...
bsmither Posted June 29, 2018 Share Posted June 29, 2018 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 More sharing options...
bbtil Posted June 29, 2018 Author Share Posted June 29, 2018 Ok that helped but this is still kind of weird... https://shocktechusa.com/pneumatics/fgp-barb.html Link to comment Share on other sites More sharing options...
bsmither Posted June 29, 2018 Share Posted June 29, 2018 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 More sharing options...
bbtil Posted June 29, 2018 Author Share Posted June 29, 2018 I would have thought the second image would do the same as the main image not just pop up. Also is there away for the thumbnails to run horizontal and vertical? Link to comment Share on other sites More sharing options...
bsmither Posted June 29, 2018 Share Posted June 29, 2018 "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 More sharing options...
bbtil Posted July 2, 2018 Author Share Posted July 2, 2018 That worked thanks! Is there away to move the secondary image inline with the main image horizontally? I attached what it looks like and what i'd like it to look like. Link to comment Share on other sites More sharing options...
bsmither Posted July 2, 2018 Share Posted July 2, 2018 In common.css: Near line 580, for #gallery_select, find: text-align: center; Change to: text-align: left; Link to comment Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.