Migrate gallerys to V6

15 replies · opened Jun 6, 2020

RrenzodidoJun 6, 2020

Hi, is IT possible to migrate the photo gallerys to V6 of the theme. Ive got lots of images in the gallery s and it would be days of work to recode everything by hand.

Check renzocandido.nl for the site as it is now.

Kind regards.

SSemicolon WebSTAFFJun 7, 2020

Hello,

Apologies about the Inconveniences caused!

Partial Updates are currently not supported and to update the Galleries, it is recommended to Update Canvas entirely to the Latest Version. We understand the amount of work needed for this, but unfortunately, this is the nature of HTML Templates and this needs to be done manually.

Let us know if we can help you with anything else or if you find any further issues.

RrenzodidoJun 8, 2020

Bummer...

But there must be some find/replace trick to change the text per image.

SSemicolon WebSTAFFJun 8, 2020

Hello,

Unfortunately, not. We had taken more than 6 months to update Canvas v5.x to v6. And we have edited Each and Every File manually to make sure that everything is working right. So it is highly recommended to edit the files from scratch so that there are no issues from the Older Versions. We can provide you with some pointers:

  1. Each Masonry Gallery item has a new class .grid-item .

  2. All the Overlays in the Template has been replaced by .bg-overlay for more flexibility and customization.

The Final Codes:


[
	
		
![attachment](images/portfolio/4/1.jpg)

		
			
				
			
			
		
	
](images/portfolio/4/1.jpg)

So, it is quite different from the previous versions and also there are many CSS/JS improvements to this. So a partial upgrade will not be useful and not recommended.

Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

RrenzodidoJun 8, 2020

Holy moly. Well. Euh. Lets taken the week off to build a new website....

RrenzodidoJun 8, 2020

Any quick tips to set up a new video and mixed photogallery...

SSemicolon WebSTAFFJun 8, 2020

Hello,

Holy moly. Well. Euh. Lets taken the week off to build a new website….

We assure you that it will be worth it and you will notice the Positive Differences.

Any quick tips to set up a new video and mixed photogallery…

Definitely Possible. Consider using the following code:


Lightbox Mixed Gallery

	[
		
			
![attachment](images/portfolio/4/1.jpg)

			
				
					
				
				
			
		
	](images/portfolio/4/1.jpg)
	[
		
			
![attachment](images/portfolio/4/2.jpg)

			
				
					
				
				
			
		
	](images/portfolio/4/2.jpg)
	[
		
			
![attachment](images/portfolio/4/3.jpg)

			
				
					
				
				
			
		
	](images/portfolio/4/3.jpg)
	[
		
			
![attachment](images/portfolio/4/4.jpg)

			
				
					
				
				
			
		
	](https://www.youtube.com/watch?v=G_G8SdXktHg)
	[
		
			
![attachment](images/portfolio/4/5.jpg)

			
				
					
				
				
			
		
	](images/portfolio/4/5.jpg)
	[
		
			
![attachment](images/portfolio/4/6.jpg)

			
				
					
				
				
			
		
	](images/portfolio/4/6.jpg)

Adding the .mfp-iframe Class to the data-lightbox="gallery-item" Element will allow iFrame Videos among Photogalleries. This will definitely work fine. Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

RrenzodidoJun 10, 2020

Will do. Final question, can you supply the code so I can put two images in one gallery item...

Thx, Renzo.

RrenzodidoJun 10, 2020

And are there no more thumbnails required dit the gallerys?

SSemicolon WebSTAFFJun 10, 2020

Hello,

Can you please provide us with an example of what you are exactly looking to add in the Gallery Items, so that we can provide you further assistance. Thanks for your Patience.

Meanwhile, do let us know if we can help you with anything else or if you find any further issues with Canvas.

RrenzodidoJun 11, 2020

Hi, The gallery i am using now has the following (V5)code... I am looking for the same "slide"effect in a portfolio item in the (V6) code.

Kind regards. renzo

<article class="portfolio-item pf-media pf-print"
<div class="portfolio-image">
<div class="fslider" data-arrows="false">
<div class="flexslider">
<div class="slider-wrap">
<div class="slide">
attachment
</div>
<div class="slide">
attachment
</div>
<div class="slide">
attachment
</div>


</div>
</div>
</div>
<div class="portfolio-overlay" data-lightbox="gallery">
<div class="portfolio-desc">
<h3>Werken bij CHDR</h3>
<p><span>Campagne Abri, Podcast, Online</span></p>
</div>




</div>
</div>
</article>

SSemicolon WebSTAFFJun 11, 2020

Hello,

Absolutely Possible! Simply consider using the following code:


&#x9;[
![attachment](images/portfolio/2/1.jpg)
](images/portfolio/full/1.jpg)
&#x9;[
![attachment](images/portfolio/2/2.jpg)
](images/portfolio/full/2.jpg)
&#x9;[
![attachment](images/portfolio/2/3.jpg)
](images/portfolio/full/3.jpg)
&#x9;[
![attachment](images/portfolio/2/4.jpg)
](images/portfolio/full/4.jpg)
&#x9;
&#x9;&#x9;
&#x9;&#x9;&#x9;
&#x9;&#x9;&#x9;&#x9;
&#x9;&#x9;&#x9;&#x9;&#x9;
![attachment](images/portfolio/single/full/1.jpg)

&#x9;&#x9;&#x9;&#x9;&#x9;
![attachment](images/portfolio/single/full/7.jpg)

&#x9;&#x9;&#x9;&#x9;&#x9;
![attachment](images/portfolio/single/full/10.jpg)

&#x9;&#x9;&#x9;&#x9;
&#x9;&#x9;&#x9;
&#x9;&#x9;
&#x9;

This will definitely work fine. Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

RrenzodidoJun 12, 2020

Hi, there is an error. If I place this code in de <div class="masonry-thumbs grid-container grid-3" data-lightbox="gallery"> gallery the slider does not show.

Is the error caused by placing an lightbog gallery inbetween lightbox items?

Any thoughts, Kind regards, Renzo.

I will paste a part of the code as it is in the html file now.

[


attachment

](images/print/full/onwijslekker.jpg)

-----------------------------------this is the inserted code, if i remove it the gallery works fine.------------------------------

div class="masonry-thumbs grid-container grid-2" data-big="3" data-lightbox="gallery">

attachment


attachment


attachment


attachment

<div class="grid-item">
<div class="fslider" data-arrows="false">
<div class="flexslider">
<div class="slider-wrap">
<div class="slide">
attachment
</div>
<div class="slide">
attachment
</div>
<div class="slide">
attachment
</div>
</div>
</div>
</div>
</div>
</div>


[


attachment

](images/print/full/mondzorg.jpg)
SSemicolon WebSTAFFJun 13, 2020

Hello,

Apologies about the Inconveniences caused!

There was a Minor Bug with the Code above. Please consider reusing the Updated Codes from above as it works fine for us.

Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

RrenzodidoJun 15, 2020

Hi, Still no luck. I might as well stick with V5.

Can you please take a look at https://www.wowsers.nl/print.html That is what I am looking for in V6. Some images are single and others have the slider thingie going on. Is this possible in V6? Cause the code i am using now seems to have an error.

Kind regards, Renzo.

Have the same question, or something new?

Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.

Reply on the dashboard