The Jcrop function is not working if I enabled watermark, how can I solve it?

I can't replaced the old image with new crop watermarked image, it won't display at the front-end webpage.

The Jcrop is working fine without the watermark function.

Code: Select all

<cms:template title='Products' clonable='1' dynamic_folders='1' gallery='1'>
<cms:config_list_view  searchable='1' limit='12' />
  <cms:editable 
      name="gg_image" 
      label="Image" 
      desc="Upload your main image here"
      show_preview="1"
      preview_height="250"
      height="700"
      type="image"
   />
   
   <cms:editable
    name        = "gg_thumb"
    assoc_field = "gg_image"
    label       = "CMS Thumbnail Image"
    desc        = "Only used within the admin panel"
    width       = "300"
    height      = "300"
    enforce_max = "1"
    type        = "thumbnail"
   />



<cms:editable
          name="grid_thumb1"
          label= "Thumbnail size recreate"
          type="jcropthumb" 
          assoc_field="gg_image"
          desc="Resize thumbnail" 
          show_preview="1" 
          width="600" 
          height="400"
          preview_height="150"
    />
    
</cms:editable>


</cms:template>



<a class="various" data-fancybox="gallery" href="<cms:watermark with='watermark.png' gg_image at='bottom_center' />" data-caption="<cms:show k_page_title />">
                 <div class="pro-img">
                   <img src="<cms:watermark with='watermark.png' grid_thumb1 at='bottom_center' />" alt="">
                   <span class="view-more-btn">view more<br>+</span>
                  </div>
                 <div class="pro-text"><cms:show k_page_title /></div>
               </a>

Can this problem be fixed? If not, I need to search for an alternative solution. Thank you.

[KK]

Hi,

If I am not wrong, I think the watermark feature will have the same issue with normal type 'thumbnail' region as well (i.e. this is not an issue specific to type 'jcropthumb'). Could you please check?

Hi,

If I am not wrong, I think the watermark feature will have the same issue with normal type 'thumbnail' region as well (i.e. this is not an issue specific to type 'jcropthumb'). Could you please check?

Yes. I tested it before. it's not working too.

As long as I enabled watermark function, the thumbnail recreate function will fail.

[KK]

I thought as much. The watermark feature was meant to work with type 'image' only.
I am sorry but, without any modifications to the core, it won't work with any kind of thumbnails

Okay.

Then I will proceed like this.

1. enabled the jcrop and watermark function in CMS.
2. disabled the watermark function on thumbnail, add watermark.js on it. but sadly to sad, non-html5 browser or old IE browser will not support it.