How to make the /books page not an archive

@russbennet

Not really, its a fundamental structure of the plugin, but you can embed books on pages via the shrotcodesw. Just create a page to your liking and add in the shortcode of the book you like

You can also properly theme the archive any way you like to fit your theme.

CHeers
Ben

@ Ben Casey

Thanks Ben, as a follow up, is there a way to change the title of the /books page?

Right now it has two titles: Website Archives and then below that Books Archives.

I’d love to change it to just “Books”.

https://www.bennettandcompany.ca/books/

Any tips?

Thanks,
Russell

@ Ben Casey

I still have one more related question left.

The sizing of the text is still not right – it’s overlapping the images: https://www.bennettandcompany.ca/books/

Can you suggest how to move the text over to the right a little?

Thanks!

Russell

Hi Russell,
Your Books section is really shaping up!

The “Website Archives” title is showing up because your web site theme is programmed to display that. But since this is a ThemeForest theme (this is your theme, correct? LawBusiness Theme) and paid theme support is part of your purchase there, I’d recommend that you contact them using their support form here: https://cmsmasters.net/support/.

When you do, tell them you’d like to know how you can edit your theme, so that the “Website Archives” title is removed, and so that the “Book Archives” title is renamed to just “Books”. They should be able to easily guide you on how to do that.

Meanwhile, regarding your text/overlap question, I can absolutely suggest a fix!

If you have access to a FTP program and some code editing experience: Find the totally-booked.css file in the Totally Booked/Assets/CSS folder.

Look for this line:

.tb_book .post_thumbnail {
    float: left;
    margin: 0 20px 20px 0;
    width: 150px;
}

and change it to:

.tb_book .post_thumbnail {
    float: left;
    margin: 0 40px 20px 0;
    width: 150px;
}

If you don’t have access to an FTP program, your web site manager should be able to do this for you easily.

Let us know if you have any other questions!

Cheering you on,
Kelli

Hi Kelli,

Thanks so much for this coding fix. I’m not experienced with coding, but changing 20 to 40 worked! It looks great. Thank you.

Is there a similar coding change that you could suggest for the “Buy now” buttons? I’d love for them to be like your “Read More” buttons, but in red background, and beside the “Read More” buttons.

I’ll ask the ThemeForest folks – yes it’s a LawBusiness Theme – for the change to the title. Should be a quick fix.

Best regards,
Russell

Russell,

Huzzah! I’m so pleased that worked for you. As for the Buy Now buttons, it looks like you’ve bypassed the one we offer, so you can do direct links to a special retailer, is that correct?

If so, rather than the Buy Now text links you’re using, you might want to consider developing a button of your own, something that looks similar to ours in a color of your choice.

To avoid mucking around in a ton of code, you could use something easy like a button builder: https://do-web.com/jbutton/generator, then build a red button with “Buy Now” text on it.

From there, you could upload the Buy Now image to each post, and link it to the appropriate purchase link for each book.

It’s a workaround, but it’d get the job done.

I hope this helps.

Cheering you on,
Kelli

Hey Kelli,

Thank you so much for that suggestion. It worked great!
Check it out: https://www.bennettandcompany.ca/books/bennett-consumer-bankruptcy/

So the last question I have is how can I put that new button on the /books page? Does that involve serious coding or can it be as easy as mirroring the “Read More” button beside it? (You can tell I’ve never learned how to code ??

Best,
Russell

@russbennet

The CSS solution Kelli suggested works fine, the only issue is when we update the plugin in the future they updates will be lost.

The most semantic solution would be something like the following, either in your theme (it may have a custom CSS option) or in a plugin that allows you to enter custom CSS to your site

#primary .tb_book .post_thumbnail{
    width:auto!important;
}

as for the buttons, some CSS to this effect will make them appear very similar to the red one you have on the single book page.

.archive .tb-entry-actions a.tb_button {
    background: #ef0e24!important;
    border: none!important;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow:none;
    padding: 8px 30px;
    font-size: 14px;
}

again, this is best not done in the plugin code as future updates will wipe them out.

Let us know how it goes.

Cheers
Ben

@ Ben

Thank you so much for that code.

I put it in the custom CSS option, and it works great.
Check it out:
https://www.bennettandcompany.ca/books/

However, and I hope I’m not being too annoying with my requests here, but I failed to be clear on my last query to you. I would like to have your READ NOW button in black the way it was, that links to the individual book pages, and beside those black buttons have a red BUY NOW button for each book on the /books page.

So it looks like:

[The BOOK TITLE]
[The BOOK Description]
READ MORE (in black) BUY NOW (in red)

So people have an option to read on, or buy right away if they choose.

Does that make sense?

Again, I’m sorry for the lack of clarity in my question above.

Is there an easy code solution for this two-button approach?

Thanks,
Russell

@ Ben, have you had a chance to look at my question above?

I’m looking for two buttons, one in black (READ MORE), one in red (BUY NOW) on the /books page for each book.

Much appreciated,
Russell

@russbennett

something like this in your functions.php file should do the trick: Let me know if you need me to have a closer look.

function russbennet_add_buynow_to_archive( $content ){

    if( is_post_type_archive( 'tb_book' ) ){

        ob_start();
        tb_get_buynow_link();
        $button = ob_get_contents();
        ob_end_clean();

        $content .= $button;

    }

    return $content;

}
add_filter( 'the_excerpt', 'russbennet_add_buynow_to_archive', 10, 1 );