Georld.com

Hi everyone.I would like to create a discount (a sale if you prefer) that will be of the style 10$ 5$. Here is a page that I would like this effect to be applied : http://www.georld.com/store/category/minerals-for-saleAny ideas how I can do that ?Thank you in advance!

This sounds like a good idea. Could you point me to some links ,or could you show me what css exactly I need to add ?

Thank you for your answers. Since my thumbnail is not so small, it actually is 200/253 pixels and the large image is 300/353.I have added the following code: <script> function bigImg(x) { x.src=x.src.replace('_thumb',''); x.style.height = "300px"; x.style.width = "353px"; } function normalImg(x) { x.src=x.src.replace('.','_thumb.'); x.style.height = "153px"; x.style.width = "200px"; } </script>The result was still that the zoomed image was the thumbnail enlarged which leads to poor quality. You can see it here: http://www.georld.com/store/category/minerals-for-saleRegarding Justsomeguy's answer. I don't quite understand what I need to do. Please guys speak to me as if you would speak to your young brother that has no idea what he is doing

I am using JS now and it worked for me so I will leave it as it is. How can I do it ,so that when you hover you won't get a bad quality image? Also on my previous post I ask for mouseover zoom (like ebay or amazon),how can I do that? Is it possible?

.

Yes indeed my bad. I don't know why I sticked to JS. Anyway I know know a few things more (JS) than before so I guess it is good.Another question.Have you ever seen on ebay or on amazon product listings that once you hover over the image you get a zoom of that picture?

As an amateur my self,I just followed instructions by Ingolme. I couldn't figure out by myself how I could do that. He said JS so I just tried that way.Anyway just for me to know,what type of code is the one you posted?Also I have a small issue with the hovering. The poppup image is low resolution. Is there a way to go around this? Since the only point of the whole hover element is to give a better look on the item without you having to click on it. What I get is low quality potato enlarged photo

Ok I've found how to change it without having to go through a few days of Javascript learning.All I had to do was change those lines: echo '<img class="hikashop_product_listing_image" title="'.$this->escape(@$this->row->file_description).'" alt="'.$this->escape(@$this->row->file_name).'" src="'.$img->url.'"/>'; to echo '<img class="hikashop_product_listing_image" onmouseover="bigImg(this)" onmouseout="normalImg(this)" title="'.$this->escape(@$this->row->file_description).'" alt="'.$this->escape(@$this->row->file_name).'" src="'.$img->url.'"/>'; and add this code in the end of the php file: <script>function bigImg(x) {x.style.height = "64px";x.style.width = "64px";}function normalImg(x) {x.style.height = "32px";x.style.width = "32px";}</script> Worked like a glove!

I believe I've found what I need to edit.I've found a php file,although in the tutorial I am supposed to edit a HTML file right? Here is what I found: <?php /** * @package HikaShop for Joomla! * @version 2.3.2 * @author hikashop.com * @copyright © 2010-2014 HIKARI SOFTWARE. All rights reserved. * @license GNU/GPLv3 http://www.gnu.org/licenses/gpl-3.0.html */ defined('_JEXEC') or die('Restricted access'); ?><?php $link = $this->getLink($this->row);?> <?php if($this->config->get('thumbnail',1)){ ?> <div style="height:<?php echo $this->image->main_thumbnail_y;?>px;text-align:center;clear:both;" class="hikashop_category_image"> <a href="<?php echo $link;?>" title="<?php echo $this->escape($this->row->category_name); ?>"> <?php $image_options = array('default' => true,'forcesize'=>$this->config->get('image_force_size',true),'scale'=>$this->config->get('image_scale_mode','inside')); $img = $this->image->getThumbnail(@$this->row->file_path, array('width' => $this->image->main_thumbnail_x, 'height' => $this->image->main_thumbnail_y), $image_options); if($img->success) { echo '<img class="hikashop_product_listing_image" title="'.$this->escape(@$this->row->file_description).'" alt="'.$this->escape(@$this->row->file_name).'" src="'.$img->url.'"/>'; } ?> </a> </div> <?php } ?> <br/> <span class="hikashop_category_name"> <a href="<?php echo $link;?>"> <?php echo $this->row->category_name; if($this->params->get('number_of_products',0)){ echo ' ('.$this->row->number_of_products.')'; } ?> </a> </span>What exactly do you mean by " access the element using DOM methods" ? Could you guide me step by step please?

Is this what I need to add ?http://www.w3schools.com/jsref/tryit.asp?filename=tryjsref_onmouseoverI think thats the property I am looking for!Could you please specify to me where should I add those lines?

Thank you for your answer.I did take a brief course in Javascript,and I admit I had no idea what it was. Now I do have some idea,but I think its a month's course to learn all the stuff you need to know about it.Anyway,I did took a look at the Javascript events tab,in the tutorial you sent me. Where do I need to add the code? Also I want it to apply in just the products,not in articles. I must admit I am more used to css,so do you think it will be easier by css? Will it have the same result?

Hello.I recently found a nice feature on a commercial website,that once you hover over an item,the image enlarges slightly,without you having to actually click on the product,which is time saving and nice in my opinion.On my website,hovering over products has no result,unless you click on it.You can see the effect im talking about here : http://www.newsnow.co.uk/classifieds/pets-animals/quail.htmlIf you hover over any Animal picture you can see what I mean. How can I apply this on my website?Ps. Girlfriend wants a quail

That did the trick! Thank you very much!

PROBLEM SOLVED :D !Check the website it is perfect now (lol far from perfect)! Thank you so much for your time on this ! Basically all I had to do was to go,to the module called ''main menu'' through the module manager,and in the box ''Module class suffix'' I've added the simple word ''span10'' . It did the trick I have another question now. When using the search,the results I get are slightly irrelevalnt. For example the website has the meta tag ''pearl'' in it,as long as many other words. If a user searches ''pearl'' I don't want him to see all the pages that have the ''pearl'' meta tag,but I want him to see items that are named pearl,or have pearl in their text.Also in the search refinements there are unwanted options that I would like to remove as seen in the screenshot : news feeds,contacts,brands,tags because those stuff are irrelevant. Is that possible?

I did find the element: fav-nav,and once change the value to span 8 (which is smaller) the whole nav bar got smaller,but the search box stayed where it currently is (under the home button).The element: <table cellspacing="0" cellpadding="0" class="moduletable"> Does not exist in the index.php file,so I cannot edit it.