Digital experiences for all disciplines
New Landing › How can we help? › Themeforest Theme Support › Supreme › How insert image without the swift page editor?
New Landing › How can we help? › Themeforest Theme Support › Supreme › How insert image without the swift page editor?
- This topic has 18 replies, 3 voices, and was last updated 9 years by Mohammad – SUPPORT.
-
Posted in: Supreme
-
December 6, 2014 at 3:41 pm #133957
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
ThanksDecember 8, 2014 at 12:45 am #134051Hi,
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 #134133Thanks,
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 #134138and keep the lightbox?
December 8, 2014 at 8:30 am #134139Hi,
You need to use code like in classic editor:-
<img src="Image_path_with_http" width="200" height="100" />
Thanks
MohammadDecember 8, 2014 at 8:27 pm #134395Hi,
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 #134396That’s perfect! Thank you so much.
Best
December 8, 2014 at 8:59 pm #134402January 4, 2015 at 3:02 pm #138836This reply has been marked as private.January 4, 2015 at 3:03 pm #138839This reply has been marked as private.January 5, 2015 at 7:06 am #138874Hi,
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
MohammadJanuary 5, 2015 at 7:21 am #138878When 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 #138881This reply has been marked as private.January 6, 2015 at 9:34 am #139244Hi,
Where do you publish it? I am not getting you exactly.
Thanks
MohammadJanuary 6, 2015 at 1:27 pm #139365 -
Posted in: Supreme
You must be logged in and have valid license to reply to this topic.