Popup Image, HTML box Problems

[4vrij]

Hi,

 

I have a problem with the popup image from product_info.php

 

When i fill the HTML CONTENT with text the image is not show

Without text the popup image shows normal. 

[BrockleyJohn]

Hi,

 

I have a problem with the popup image from product_info.php

 

When i fill the HTML CONTENT with text the image is not show

Without text the popup image shows normal. 

 

Hi, that's what is designed to happen. The html content is for doing things like embedding a YouTube video in the popup.

[Dan Cole]

@@4vrij  

 

As John mentioned...see this post...

 

http://www.oscommerce.com/forums/topic/398056-colorbox-issue/?p=1705894

[4vrij]

In my (live 2.3.4) shop HTML Content(for popup)" box adds the "title" text below the popup image

It also makes the alt text for the image

[4vrij]

find it:

 

In products_info.php

 

find

<?php

        $pi_counter = 0;

        $pi_html = array();

 

        while ($pi = tep_db_fetch_array($pi_query)) {

          $pi_counter++;

 

          if (tep_not_null($pi['htmlcontent'])) {

            $pi_html[] = '<div id="piGalDiv_' . $pi_counter . '">' . $pi['htmlcontent'] . '</div>';

          }

 

          echo tep_image(DIR_WS_IMAGES . $pi['image'], '', '', '', 'id="piGalImg_' . $pi_counter . '"');

        }

?>

 

replace with

<?php

        $pi_counter = 0;

        while ($pi = tep_db_fetch_array($pi_query)) {

          $pi_counter++;

          $pi_entry = '        <a href="';

 $pi_entry .= tep_href_link(DIR_WS_IMAGES . $pi['image'], '', 'NONSSL', false);

 $pi_entry .= '" target="_blank" rel="colorbox" title="' . $pi['htmlcontent'] . '" class="prods_pic_bg" style="width:'.(PROD_INFO_IMAGE_WIDTH + PIC_MARG_W).'px;height:'.(PROD_INFO_IMAGE_HEIGHT + PIC_MARG_H).'px;">' . tep_image(DIR_WS_IMAGES . $pi['image'], $pi['htmlcontent'], (PROD_INFO_IMAGE_WIDTH), (PROD_INFO_IMAGE_HEIGHT), ' style="width:'.(PROD_INFO_IMAGE_WIDTH + PIC_MARG_W2).'px;height:'.(PROD_INFO_IMAGE_HEIGHT + PIC_MARG_H2).'px;margin:'.PIC_MARG_T.'px '.PIC_MARG_R.'px '.PIC_MARG_B.'px '.PIC_MARG_L.'px;"') .'</a>'.$sale;

          $pi_entry .= '</li>';

          echo $pi_entry;

        }

?>

 

I also have the htmlcontent placed at the top of the image so that it doesn't go by the buttons

 

in: ext/colorbox/colorbox.css

find

#cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}

 

replace

#cboxTitle{position:absolute; top:4px; left:0; text-align:center; width:100%; color:#949494;}