New custom website (dutch)

[Boudi]

Holy steak!

Yes now I noticed it (Got a rather fast computer here so I switched to antoher)

What a difference!!! It loads in a glimp 

You are right..I try to implement this in the main page too!

Great work...again  Thank you for your time in this late hour 

Update: tried some tweaking with the mainpage but unfortunately I only got the image loads faster. The links to the details page got disabled.

[Ruud]

Look at the properties of a thumbnail in a details page.

You will see it is now 3kb instead of the 300kb of the original image.
A page like http://www.telmakelaars.nl/pages/catalog/de-wilp32.php?cat_id=1&number=0 will load about 2MB less data.

Some people (especially with 48kb dial-up modems) will see the difference.

[Boudi]

Ok done, Implemented it.

But ehm no offense  , I see no difference? other than what was already there? 

[Ruud]

The additional ines in view.php will create an extra element (called thumbnail_pic) in the "pics" array.

You want to use the thumbnail in the <img src=""> part. So your code would become:

Code Select Expand

<?php if ($this->_tpl_vars['pics'][$this->_sections['sec2']['index']]['pic'] != ""): ?>

      <a href="<?php echo $this->_tpl_vars['pics'][$this->_sections['sec2']['index']]['direction_pic']; ?>
" class="highslide" onClick="return hs.expand(this)"><img src="<?php echo $this->_tpl_vars['pics'][$this->_sections['sec2']['index']]['thumbnail_pic']; ?>
" alt="Highslide JS" title="Klik om te vergroten" width="100" /></a>

&nbsp;<?php endif; ?>

Find the "thumbnail_pic" to see where it changed.

Ruud

[Boudi]

hi Ruud,

Just implemented it but it didn't do the trick.

The view.php was original so there could be no error I think.

The details_elements.tpl is rather ripped off so may be here could be an error.

I give you a piece before and after the position where your code should be (this is the current code)

Code Select Expand

<?php if ($this->_tpl_vars['pics'][$this->_sections['sec2']['index']]['pic'] != ""): ?>

      <a href="<?php echo $this->_tpl_vars['pics'][$this->_sections['sec2']['index']]['direction_pic']; ?>
" class="highslide" onClick="return hs.expand(this)"><img src="<?php echo $this->_tpl_vars['pics'][$this->_sections['sec2']['index']]['direction_pic']; ?>
" alt="Highslide JS" title="Klik om te vergroten" width="100" /></a>

&nbsp;<?php endif; ?>

When changing your code with the piece that is in the middle it does not work 

[Ruud]

@Boudi

One more improvement.. Just in case you can't get enough of it.
Just did some small test to use the resizer from imageflow in the catalog.

In /module/catalogs/view.php you need to change the following:
From line 517 (the 2 lines with thumbnail_pic are added):

Code Select Expand

if($num_pics > 0)
{
   while($element = $query_pics->fetchRow())
    {
       $pic= stripslashes($element['pic']);
       $direction_pic=WB_URL.MEDIA_DIRECTORY."/cat_pics/".$pic;
       $thumbnail_pic=WB_URL."/modules/imageflow/reflect.php?img=/cat_pics/".$pic."&height=1&jpeg=70&newwidth=100&cache=1";
       $smarty->append('pics',array(
           'pic'=>$element['pic'],
           'thumbnail_pic'=>$thumbnail_pic,
           'direction_pic'=>$direction_pic
       ));
    }
}


Next in details_elements.tpl the line you changed before to get highslide working

Code Select Expand

<a href="{$pics[sec2].direction_pic}" class="highslide" onclick="return hs.expand(this)"><img src="{$pics[sec2].thumbnail_pic}" alt="Highslide JS" title="Click to enlarge" width="100" /></a>


You could use the same thumbnail trick on the list page too.
If you need help on doing that, let me know. You might be able to find out yourself looking at the code for the details pages.

Note: This will work because the imageflow module is installed.
Don't use this on other sites (without imageflow module)

Groetjes,

Ruud

[Boudi]

@ Stefek

This looks great:
http://www.telmakelaars.nl/pages/catalog/nietap2.php?cat_id=1&number=0

Thnq! Appreciate it 

For further small adjustments within the Catalog mod I will put them in this thread:

https://forum.WebsiteBaker.org/index.php/topic,1463.60.html

Greetz
Boudi

[vyni]

The most benefit would be the exiting zoom, if up-to-date or outdated.

It´s free as I understood. And with this example of putting the show in the header, it is easy to set this thing to the whole page. Just adding a block (or like here in the header) but accessable through the backend, if You want to use it as galery aswell. Adding the necassary ID for the link can be comfortable done by FCK.

But we should change the thread......

[Stefek]

Ruud, did you have see the german thread about the "FancyBox"/"Fancy Image"?

Yep, seen it.
I would have to have a better look at the original FancyBox, but it might be doable.
Select one of 3 zoom engines.

Ruud

This would be great.

To me it seems, that the "Lightbox" Fashion is "expired" and outdatet. 
The Fancybox instead is up to date and comes with a fresh impact.

The original script uses jQuery.
http://fancy.klade.lv/

Regards,
Stefek

[Ruud]

Ruud, did you have see the german thread about the "FancyBox"/"Fancy Image"?

Yep, seen it.
I would have to have a better look at the original FancyBox, but it might be doable.
Select one of 3 zoom engines.

Ruud

[vyni]

@Boudi

jo, great. Just something with the fax-nr aswell. Maybe a space within the country-code? Try +31 instead of + 31.
I thought maybe You see it.

But I dont know - maybe it´s just the plug-in which catches tel and mobile, but not fax ??


@Stefek
??......instead of highslide? - YES this would be great. And putting it in the header and You have it WB-wide.

[Stefek]

I would be glad if I could.....

But this is Mr. Ruud´s territory.

I got it.

Ruud, did you have see the german thread about the "FancyBox"/"Fancy Image"?

It seems to me that this could be implemented into this module. But I dont know how many effort it is.

Regards,
Stefek

[Boudi]

@ Vyni

In the options of the imageflow You could set a refledtion (try 30%)

Did it. Looks great 

There is annother detail disturbing me: Please add the country-code to the mobile-phone-nr aswell - otherwise looks wrong to me.

Yesss. You're right. Changed it.

There is a minimum green in the header-grapic, so the black of the reflection is visible.

You mean the dark grey area that is in the header in combination with the border on the images?

I just removed the border so this looks better. And you do so too I read now haha 

[vyni]

I would be glad if I could.....

But this is Mr. Ruud´s territory.

[Stefek]

This looks great:
http://www.telmakelaars.nl/pages/catalog/nietap2.php?cat_id=1&number=0

I like the image Pop-Up.

@Vyni
What about implementing the "fancy box" to the imageFlow? 

Regards,
Stefek

[vyni]

Aha,

tell me - whatfor do I write, (as instructed by Mr. Ruud extra slowly) if You don´t read?

In the options of the imageflow You could set a refledtion (try 30%)

There is annother detail disturbing me: Please add the country-code to the mobile-phone-nr aswell - otherwise looks wrong to me.

[Boudi]

So what about a small reflection?

Euhh?? 

[vyni]

If it helps. 

So what about a small reflection?
Just try and show it to me, please.


You are right, it´s great.

[Boudi]

@ Vyni & Ruud

Thnq for taking much time to help me and this thing out. But in the end it looks great 

I think that I will become a vegetarian 

Greetz,
Boudi

[Ruud]

Looks good. You can now have a beer and a nice steak 

It also solves the problem mr. Vyni tried to tell you about.

Cheers,

Ruud

[Boudi]

@ Vyni & Ruud

It works! Stupid me, I overlooked the css stylesheet because I was looking into the folder: imageflow/css/ and not in the imageflow/

Excuse me for this blackout. The only reason I can say is that I must stay sober every day and watch less cows! 

[Ruud]

Currently your /modules/imageflow/imageflow.css still says:

Code Select Expand


#loading_bar{
   margin-top:50px;
   text-align:center;
   width:100%;


You should change it to:

Code Select Expand

#loading_bar{
   display: none;
   margin-top:50px;
   text-align:center;
   width:100%;


Ruud

[vyni]

Mr. Boudi 

I´m really sorry, but I have to inform You, that there is something wrong with Your setting.
Maybe You should try to read the manual exactly.

Have a look what happens if I go to Your catalog.

If You need any further help, please do not hesitate to contact a specialist.


[gelöscht durch Administrator]

[Boudi]

Code Select Expand

#loading_bar{
   display:none;
   }

Still does not work for me.

Removed cache
Reloaded addons

Regarding the pictures: I did do nothing about the sizes till so far. 

[vyni]

@Boudi

regarding catalog: is great, just the pics are still 800x600 ??

@Ruud

of course. What do you think? But You count (nr-1) - this is 11 * 150 = 1650 if minus or plus - thats the same