3D FlipBook - How to go full browser area when pressing view?

d***s@turneygroup.com
2021-03-27
2021-03-27

Hi,

I love the simplicity of this plugin. It allows our staff to quickly add a flipbook and then use the link from "view" to hand out to people to view the book. However, when using the link such as www.yourdomain/3d-flip-book/test-book/ it places the book in the content section of my WordPress site, with header and footer above it. Is there a way to auto expand it to full the browser viewing area?

I'm using the Lite version, will it do this if I purchase the pro version? I don't want staff, to have to create new pages with a short code in the middle to do this.

Also how do you turn the sound off globally?

Dan

Replies

a***r@3dflipbook.net
2021-03-27
2021-03-27

Hi,

you can customize the default page using css for class fb3d-default-page. You can disable sound in PRO version settings.

d***s@turneygroup.com
2021-03-27
2021-03-27

Where would I put that? My site is a Divi site. Would I just put it in the site css? Obviously I don’t create a page to put the css on when you press view it loads the default page and loads the flip book in the content section.

Are there examples/tutorials of how to use the css for this plugin?

a***r@3dflipbook.net
2021-03-27
2021-03-27

Best practice: put common css in theme css customization, then use css classes where you need.

Use this for example:

.fb3d-default-page {
    background-color: #dbdbdb;
    border-radius: 5px;
    height: 500px;
    border: 3px solid #b88917;
}
d***s@turneygroup.com
2021-03-28
2021-03-28

But how do you get the default page to go maximum browser area? It still shows in the middle section of my WordPress site with header above it and footer below it?

a***r@3dflipbook.net
2021-03-31
2021-03-31

could you write a link to the page?

d***s@turneygroup.com
2021-03-31
2021-03-31
a***r@3dflipbook.net
2021-04-02
2021-04-02

well also you can start it like this https://www.turneygroup.com/3d-flip-book/157352/#157352, to remove header and footer you can edit plugin default page template.

d***s@turneygroup.com
2021-04-02
2021-04-02

Can you offer any guidance on how edit to plugin default page template? I'm not sure where to start

a***r@3dflipbook.net
2021-04-02
2021-04-02

use Plugins->Plugin Editor and edit 3d-flip-book/assets/templates/single-3d-flip-book.php. Replace its content with:

<?php
  namespace iberezansky\fb3d;

  //get_header();
  echo(shortcode_handler([
    'id'=> get_the_ID(),
    'classes'=> 'fb3d-default-page'
  ]));
  //get_footer();
  wp_footer();
?>
d***s@turneygroup.com
2021-04-02
2021-04-02

All that does is give me a blank white page, nothing displays.

All I want is a blank page with the flipbook open to full size, not in a lightbox. Can't be that hard surely? Anyone else have any thoughts?. How do I go about turning the WordPress header and footer off on the called page?

d***s@turneygroup.com
2021-04-02
2021-04-02

I can create a Divi theme template for 3D flipbooks. However, what short code would I put in it to display whatever I press view on? I don' want to have to create a new page each time and enter the flip books code, I assume this plugin injects something into the main layout currently to display whatever flipbook I press view on?

Log In to leave a comment