ATTENTION, PLEASE READ: New topic creation is disabled, as we have moved to a new support system. Your existing topics will remain, but for all new requests you will need to use the new system. Click here to go to the new support request form.

• Back to forum

  Posted in: Supreme
• December 6, 2014 at 3:41 pm #133957
  azura_404

  Member

  Post count: 39

  Hello,

  I would like to know how can I intergrate image with lightbox without the use of the swift page editor? I’m working with the classic one for my articles…

  It creates a code like this :

  [blank_spacer height=”15px” width=”1/1″ el_position=”first last”] [vc_single_image image=”6561″ image_size=”full” frame=”noframe” full_width=”no” lightbox=”yes” link_target=”_self” shadow=”no” width=”1/1″ el_position=”first last”]

  How can I do that with the classic editor?

  Best
  Thanks

  December 8, 2014 at 12:45 am #134051
  laranz – SUPPORT

  Member

  Post count: 3186

  Hi,

  You can use this same shortcodes inside the classic editor, or take the HTML it generates and put it in the classic editor whichever you are comfortable. The shortcode way is much better.

  ( Create a new page, select the single image widget from the swift page builder, and add all the options, then switch to classic editor, then copy the shortocode it generates. )

  Let us know,

  Thanks,
  laranz.

  December 8, 2014 at 8:24 am #134133
  azura_404

  Member

  Post count: 39

  Thanks,

  It works with your tricks but the image take a number like “6521”, if there is a way to have the direct link (htttp….) of the image with the same technics?

  Best

  December 8, 2014 at 8:29 am #134138
  azura_404

  Member

  Post count: 39

  and keep the lightbox?

  December 8, 2014 at 8:30 am #134139
  Mohammad – SUPPORT

  Moderator

  Post count: 27441

  Hi,
  You need to use code like in classic editor:-
  <img src="Image_path_with_http" width="200" height="100" />
  Thanks
  Mohammad

  December 8, 2014 at 8:27 pm #134395
  laranz – SUPPORT

  Member

  Post count: 3186

  Hi,

  It is the ID of that attachment, that is how that single image works, takes the ID of the image and change it in to the size, according to the size given in the backend.

  or try something simple like this.

  <figure class="lightbox"><a href="http://localhost/swift/supreme/wp-content/uploads/2013/10/img0-1024x640.jpg" class="view"><img width="1920" height="1200" alt="img0" class="attachment-full" src="http://localhost/swift/supreme/wp-content/uploads/2013/10/img0.jpg"></a></figure>

  Change the path and height and width, etc.

  Let us know,

  Thanks,
  laranz.

  December 8, 2014 at 8:32 pm #134396
  azura_404

  Member

  Post count: 39

  That’s perfect! Thank you so much.

  Best

  December 8, 2014 at 8:59 pm #134402
  laranz – SUPPORT

  Member

  Post count: 3186

  Hi @azura_404,

  Glad it works 🙂

  Let me know, if you have any other questions.

  Thanks,
  laranz.

  January 4, 2015 at 3:02 pm #138836
  azura_404

  Member

  Post count: 39

  This reply has been marked as private.
  January 4, 2015 at 3:03 pm #138839
  azura_404

  Member

  Post count: 39

  This reply has been marked as private.
  January 5, 2015 at 7:06 am #138874
  Mohammad – SUPPORT

  Moderator

  Post count: 27441

  Hi,
  Please decrease the height and width of image. You have full height and width of image in this code. Just try to use this code.
  <figure class="lightbox"><a href="http://localhost/swift/supreme/wp-content/uploads/2013/10/img0-1024x640.jpg" class="view"><img width="720" height="360" alt="img0" class="attachment-full" src="http://localhost/swift/supreme/wp-content/uploads/2013/10/img0.jpg"></a></figure>

  Thanks
  Mohammad

  January 5, 2015 at 7:21 am #138878
  azura_404

  Member

  Post count: 39

  When I change the wide of the image it works only in the wordpress preview of the article, when I publish it, the image don’t take the right size only in the lightbox like my images.

  Thanks

  January 5, 2015 at 7:29 am #138881
  azura_404

  Member

  Post count: 39

  This reply has been marked as private.
  January 6, 2015 at 9:34 am #139244
  Mohammad – SUPPORT

  Moderator

  Post count: 27441

  Hi,
  Where do you publish it? I am not getting you exactly.
  Thanks
  Mohammad

  January 6, 2015 at 1:27 pm #139365
  laranz – SUPPORT

  Member

  Post count: 3186

  Hi,

  Did you paste like this: http://take.ms/3Yd18

  Let us know,

  Thanks,
  laranz.

• Back to forum

  Posted in: Supreme