awaiting update guys

1. Yes, the plugin supports this feature. 2. To open a specific page you can add the “page” url attribute like this http://dev.loc/wp53/ipages/flipbook/2?preview=1&page=2 3. The plugin doesn’t support this

i have used the envato elements plugin for this but i couldnt find the add image and linking that image features hence asked over here.

Go to book pages -> select one -> click on the “edit page” button in the toolbar -> add an image inside the “layers” tab -> select the new layer -> go to the layer tab and edit its data

awesome that worked only 1 query is there a way we can rename the url (ipages/flipbook/1) this is what it shows

we can’t rename the url, it’s hardwired into the code and should look like this …/ipages/flipbook/1?page=3

got it one final query can we set 2 page layout for desktop and 1 page layout for mobile.

It can be done via custom js code only.

can u help us or let us know the cost for the same.

Just add this code to the custom js tab

const $ = jQuery;
const book = this;
const $win = $(window);

$win.on('resize', () => {
  if($win.width() < 1024) {
     book.$container.addClass('mobile');
     book.setBookEngine('OnePageFlip');
  } else {
     book.$container.removeClass('mobile');
     book.setBookEngine('TwoPageFlip');
  }
});
book.$container.on('ipages:ready', () => {
  $win.trigger('resize');
});

added the code but the site page stopped working…here is the link : https://tinyurl.com/2p85k79p

sorry it worked awesome stuff man thanks a ton.

just one more query can the controls become bigger on mobile devices so it can be easily seen and clicked on desktop they appear fine but too small on mobile.

What do you mean by that? Can you make a screenshot?

open the link that i shared with you…the control buttons for zoom, next page etc are appearding very small on mobile devices can they be increased in size for mobile.

Try to add this style to the custom css section

.ipgs-flipbook.mobile .ipgs-toolbar {
   transform: scale(1.5) translate3D(-50%, 0, 0);
   transform-origin: left bottom;
}

hey just another query u have a download pdf button but there is no way to link a pdf to that…we are using images for the flip book.

It uses the url from the item general tab (pdf section), if you use PDF as source for a book.

ok so if i use image as the source it will not work?

Yes, the plugin can’t generate PDF from this type of source

ok…can we have a option for custom icon which can be linked with a pdf file or something?

With js code yes, it’s possible, we can handle the click event from this btn and download any document.

damm would wait for an update for this since we dont know js coding so cant implement it from our end.

I can provide a sample, it’s not difficult, but not user-friendly, because we should write code.

if you can provide us with a code for custom icon linking with pdf file that would be awesome…

Try this code, put it into the custom js section, but url should be yours.

const url = "http://dev.loc/wp53/wp-content/uploads/2023/01/Master-Catalogue-2015.pdf";

const instance = this;
const $ = jQuery;

const download = (url) => {
    const link = document.createElement('a');
    link.href = url;
    link.download = url.substr(url.lastIndexOf('/') + 1);
    link.click();
}

const $btn = instance.$container.find('.ipgs-control.ipgs-control-download');

$btn.off().on('click', (e) => {
    download(url);
});

hey i added this code in custom js section and also changed the pdf file to my file but nothing happens when i click on download pdf button am i missing something…

link for your reference : https://tinyurl.com/2p85k79p

You didn’t add the code as I can see. It contains mobile detection at the moment. The code should be like this in your case.

const $ = jQuery;
const book = this;
const $win = $(window);

$win.on('resize', () => {
  if($win.width() < 1024) {
     book.$container.addClass('mobile');
     book.setBookEngine('OnePageFlip');
  } else {
     book.$container.removeClass('mobile');
     book.setBookEngine('TwoPageFlip');
  }
});
book.$container.on('ipages:ready', () => {
  $win.trigger('resize');
});

//=====================
// New Code
//=====================
const url = "http://google.com/Master-Catalogue.pdf";

const download = (url) => {
    const link = document.createElement('a');
    link.href = url;
    link.download = url.substr(url.lastIndexOf('/') + 1);
    link.click();
}

const $btn = book.$container.find('.ipgs-control.ipgs-control-download');

$btn.off().on('click', (e) => {
    download(url);
});

done added this code as well but still no luck

I don’t understand where you are adding the code, as I see from the link https://www.dentmastersindia.com/wp-content/uploads/ipages_flipbook/1/config.json?ver=1679482210 that the code is old.

i am adding it in custom js section of this flipbook

Anyway, if you published a PDF book with the plugin, it does not matter it’s on the page as embedded in the div container or on the address https://NAME-OF-SITE.com/ipages/flipbook/1 user who has access can download this PDF, because it is loaded by the browser, though in a hidden form.

Can you update the plugin to make it so it doesn’t generate the https://NAME-OF-SITE.com/ipages/flipbook/1,2,3,4 | It’s a security issue since it’s so easy to phish PDFs this way – some needing to be secure. OR you could create a toggle that only admins or select user roles can see these pages. Whatever is easier.

No, it’s unsupported

Thanks for the suggestions, I will try to consider them.

Hi Avirtum, it has been a while any news on regarding our suggestions?

Also, it seems that the plugin is reducing image quality. Is there a settimg to have it upload %100 image quality?

About suggestions, I’m working on an another plugin now and do not have time. What image quality? Can you send me screenshots to avirtum[@]gmail.com?

Well looking into it we pinpointed the problems clearer:

https://perspektif.eu/perspektif-sayi.php?no=301

1- Gestures doesn’t work. When I use keyboard & mouse for focusing the text & images doesn’t get clearer (You have to click on the controls to view the page in a better quality)

http://somup.com/crhTjPq6BK

2- The control bar is too far below that you can’t click on when using a mobile browser:

https://screencast-o-matic.com/watch/crhTjRVheQY

1) The small PDF text are blurred, and yes, this problem is exist, it’s because I use the css transform scale feature, as a result the browser can’t make a pixel perfect book page. To fix this I should rewrite my engine fully. 2) I think it can fixed with css, it’s not a big task

concerning the first issue: But why is this problem not occurring when we zoom via the navigation bar (zoom button). We only notice the blurry text when we zoom by pinch gesture.

It’s strange, because the principle is the same for the bar zoom button & the pinch gesture.

Could you look into it?

This link – https://perspektif.eu/perspektif-sayi.php?no=301 ?

Yes, correct.

Do you want to share an URL which go to a specific page of the book? Something like mysite.com/mybook/12?page=123. If yes, the plugin doesn’t support this at the moment, it will show only the cover page.

Hi Avirtum, thats exactly what I’m looking for. Any plans to integrate this? This is basically the only thing preventing me from purchasing this.

It’s not difficult for me. I can something like this below (see code) to the jQuery plugin in a next release on this week, but no promise, if it will be you can always test this feature in free version.

...
var params = this.getQueryParameters(),
page = params.page;
if(page) {
...
}
...

Thats’s great news. Will keep an eye then. One more thing; I’ve noticed there is also no way to list the uploaded PDF’s alltogether. I’ve been using a portfolio extenstion where they are listed manually. Is it possible to list them like this here: https://perspektif.eu/sayilar/

Do you want a special page with all pdf documents you created inside the plugin? If yes, its a custom work, because each one needs unique design, behavior. Another way is to use a shortcode with thumb image and open the book inside the lightbox or on a new page, but my plugin doesn’t do this.

IT would be nice if there were a landing page with all the flipbooks inside. You could show them based on category or create custom landing pages. I’m achieving this using a portfolio kind of setting but this is done manually and is tiresome.

About the landing page or other solution I should think, but URL to a special page I will do at this week.

Thank you for considering it. I think it would be a nice addition. Looking forward for new develeopment. Thank you.

Done. Now you can go to a specific page via the URL param ‘page’ or ‘pagenum’ like mysite.com/ipages/flipbook/19?page=7

Yes, it’s possible of course. Just apply your own custom css styles for them.