Discussion on Total - Responsive Multi-Purpose WordPress Theme

Discussion on Total - Responsive Multi-Purpose WordPress Theme

Cart 58,241 sales
Recently Updated
Well Documented

WPExplorer supports this item

Supported

22383 comments found.

Is there a way to show “Empty Categories” for woocommerce categories? I am using the “categories grid” and the woocommerce categories” mods in the Visual Composer… I can not figure out how to show categories even if there are no products in them.. Is there a way to get them to display?

Hi,

By default in WordPress the get_terms function which is used to pull the categories hides all empty categories unless you pass on a “hide_empty” parameter set to false.

I added a new option for the upcoming update – https://cl.ly/szhE

For the meantime you could manually edit the file at Total/vcex_templates/vcex_terms_grid.php and add the following – https://cl.ly/szZ3 – on line 70.

After you update the theme though you would have to edit them module though to disable the setting.

- AJ

Hello, I’m having a strange issue with the logo. I’ve replaced the “Total” logo and it’s displaying fine on desktop (even when sized down to mobile width), but when I view it on a mobile device it shows my logo for a second then switches back to the “Total” logo. Any help would be great.

Thanks.

Sounds like the retina version of the Logo is set to Total. Can you double check under Appearance > Customize > Header > Logo and make sure the retina version isn’t set to “Total” and even if it’s not can you try adding an image for the retina version and then removing it (to clear any potential cache).

I hope you had a nice weekend!

- AJ

Hi I would like to add a right sidebar in addition to the one on the left… I see in previous comments you say you can look here.. https://wpexplorer-themes.com/total/add-double-sidebars-layout/ But the link is not working… Can you tell me what I can do to get the second sidebar.

i logged in through a hide my ip and was able to access the link… I just followed directions and worked perfect. Thanks

Oh awesome ;)

Using a hide my IP is a great tip, I’ll recommend that next time. Good idea!

I am also looking to add the left/right sidebar option in the theme in an upcoming update to make it easier since a few customers have requested this.

Hello, first a compliment, great theme, I like to use it.

Unfortunately, I currently have a strange logo behavior.
My image logo is already inserted in the header for some time and works so far.

Now I want to change it:
1. unfortunately I don’t see in the customizer that an image logo is used. I can’t delete or change anything.
2. I would like to have a (google) text logo instead of an image logo, but I don’t see a customizer option for this.

Unfortunately, the help pages do not help here either. I have read “Customizing The Logo” and “Customizing Your Theme Design”.
But I can’t find the menu item:
- Appearance > Customize > Typography > Logo
- I do not see a “Logo icon” yet, as can be seen on the screenshot in “Customizing The Logo”.

I have not made any changes to the code or worked with the Visual Composer.
The logo can also be found on the server and in the Media Manager. I deactivated several optimization plugins for testing, but it didn’t bring any help.

Please help me how I can proceed here and replace my logo.

Thanks for your help.

Hi,

First of all I hope you had a great weekend! Now regarding your questions:

1. If you don’t see the image in the Customizer it could just be a WordPress bug or a caching issue. A quick fix is to just click the button to reselect the image.

2. A text logo is the default if no image is used. So you just need to remove the default logo. If you already deleted the image on the server you won’t see it so simply click the remove button and it should work or try adding a new logo image and then removing it – https://cl.ly/szbX – if you don’t have an image the theme will display text.

3. If your site is displaying an image logo then the Logo Icon option and logo typography options will not displayed because they are not used when an image is defined only when a text logo is used. Example: https://cl.ly/szJ4 – once the image logo is removed then you should see them.

- AJ

Hi AJ,

thanks for your efforts and explanation. That was the solution. Choose another picture and than remove it. After that, I could work with a text logo.

Thanks for your help.

Hi AJ,

I’m a little confused. Envato shows last update 7 July 18. but your changelog shows v4.7 – June 26, 2018. download of this morning is also v4.7 – June 26, 2018. Are you planning a new update?

All the best

Hi,

That’s because we updated the price for a short sale. Unfortunately whenever you change the price, tags or other information on a product on Envato they change the update date. I’m not sure why they do that…

Always use the live changelog – http://wpexplorer-themes.com/total/changelog/ – to see when the theme was actually updated.

Version 4.7.1 is just around the corner though!

- AJ

Hi again, AJ. I am looking for help with the header of a new website i am developing. Once again, if needed, i can provide the client’s license key for the theme purchase.
I am using Header Style One but with the logo on the righ and the nav to the left. I tweaked the CSS to allow for the new placement of these elements but something might be missing because the logo link is not working properly (it’s not available in the middle section of the logo). I also need to have a full-width header only for the homepage. I couldn’t find any snippet for this – is this possible? Here is the working example: http://146.66.103.140/~pankowfo/
Thank you for your help.

Hi AJ. Thanks for the answer, i hope you are well, too.
This is the correct link: https://www.pankowfoundation.org/. I need full-width navigation only for the homepage but i couldn’t find any snippet or instruction in the documentation. Thanks.

Hey, nice looking site. You have some cool concepts here ;)

So in Total there is a full-width header setting: https://wpexplorer-themes.com/total/docs/full-width-header/

This is controlled via a classname. So what we can do is filter the header classes to add it on the homepage only like such:

// Make header full-width on homepage
add_filter( 'wpex_header_classes', function ( $classes ) {
    if ( is_front_page() ) {
        $classes[ 'wpex-full-width' ] = 'wpex-full-width';
    }
    return $classes;
} );

This would be added to the child theme’s functions.php file. Let me know if that doesn’t make sense or you have any issues with the code.

- AJ

That worked perfectly, thank you. And also, thanks for the compliment but for this particular project the design is not mine – i am just implementing it.

Hi AJ,

I’ve noticed that when you are on the n-th page of posts (or categories or authors, n>=2), the link to the first page is at the URL ending with ”/page/1/” but WordPress must do a 301 redirect to root of the posts (or category or author).

For example, from the bottom of “http://totaltheme.wpengine.com/blogdotnom/page/3/”, if you click on Page 1, the URL is “http://totaltheme.wpengine.com/blogdotnom/page/1/” but WordPress redirects to “http://totaltheme.wpengine.com/blogdotnom/”

Is there a way to have the link on Page n go directly to the latter URL rather than being redirected from the /page/1/ URL?

Thanks, Akira

ps: I tried the code and I didn’t have any issues but I didn’t try it with every possible scenario, just the blog.

- AJ

Cool – thanks!

Quick update: I don’t use trailing slashes on my site so I had to use preg_replace(’/(\/page\/1$)/’, ’’, $link, 1);

Hi AJ ! Hope you’re fine. I have a mobile-menu-toggle activated which works like a charm. But i would like to open my menu with a roll over on the menu button and not with a click. And a roll out on the menu to make it disappear I found the js responsible of this action and i would like to modify it but i don’t want to do it after every updates… How could i do this please?

Total/assets/js/functions.js

1103 // Show $( ’.mobile-menu-toggle’ ).on( ‘click’, function() { $nav.addClass( ‘visible’ ); self.config.$body.addClass( ‘wpex-noscroll’ ); return false; } );

// Hide overlay when clicking local scroll links
$( '.local-scroll > a', $nav ).click( function() {
    var $hash = this.hash;
    if ( $.inArray( $hash, self.config.localScrollSections ) > -1 ) {
        $nav.removeClass( 'visible' );
        self.config.$body.removeClass( 'wpex-noscroll' );
        return false;
    }
} );

Thanks for your help !

Hi,

The easiest thing would be to run the click even on mouse-hover. So when you hover on “mobile-menu-toggle” you just run trigger( ‘click’ ). It would only require a couple lines in your child theme.

However…there is no such thing as a hover on mobile devices so it doesn’t make much sense and could cause some issues as it may cause the mobile menu to trigger multiple times. As tapping with your finger on mobile could trigger both the hover and the click event unless you use some more advanced code.

- AJ

Thanks for your response AJ… you are right about mobile issue… Have a nice day !

Hi AJ ! Hope you’re fine. I have a mobile-menu-toggle activated which works like a charm. But i would like to open my menu with a roll over on the menu button and not with a click. And a roll out on the menu to make it disappear I found the js responsible of this action and i would like to modify it but i don’t want to do it after every updates… How could i do this please?

Total/assets/js/functions.js

1103 // Show $( ’.mobile-menu-toggle’ ).on( ‘click’, function() { $nav.addClass( ‘visible’ ); self.config.$body.addClass( ‘wpex-noscroll’ ); return false; } );

// Hide overlay when clicking local scroll links
$( '.local-scroll > a', $nav ).click( function() {
    var $hash = this.hash;
    if ( $.inArray( $hash, self.config.localScrollSections ) > -1 ) {
        $nav.removeClass( 'visible' );
        self.config.$body.removeClass( 'wpex-noscroll' );
        return false;
    }
} );

Thanks for your help !

Hi Aj! I can’t figure out how to take off the header on a specific blog post. Also, just to confirm – is there a way to use a featured image but move it within the text (so not above or below the header). Thanks! http://www.susieparker.co/2018/07/03/kartra-breakthrough-internet-marketing/

Hi,

First of all thank you for your patience.

To remove the header on a specific post only you would use the meta settings – https://wpexplorer-themes.com/total/docs/page-settings-metabox/

But if you are going to eventually do this to many posts it would be best to simply add them all into a unique “tag” and then via a little code in your child theme you can disable the header for any posts inside this tag. Example:

add_filter( 'wpex_display_header', function( $bool ) {
    if ( is_singular( 'post' ) && in_tag( 'disable-header' ) ) {
        return false;
    }
    return $bool;
} );

This will be a lot easier to manage if you have many posts. So in the future if you want the header to show up, rather then manually editing every post you can just delete the code or remove the tag ;)

For the featured image if you want it inside the content then you would just paste it into your blog post. Then under Appearance > Customize > Blog > Single you can remove the featured image from the top of the posts. See this doc: https://wpexplorer-themes.com/total/docs/blog/ under the heading “Single Post Builder” – simply disable the “Featured Media” block to remove the image display above the posts.

Same as disabling the header…if you only want to remove the featured image on specific posts and not all of them you can just use a unique tag and some code for that which I can provide if needed.

- AJ

AJ – Hewson here, just wanted to say THANK YOU for the (what I think is relatively) new functionality in the customer header and footer customizer functionality. I’ve felt so constrained by the widget footer set up, this is MUCH easier to customize footers with a custom “page”, so awesome! I will try out the header customizer too, assume adding custom menu and styling/placing the menu precisely is relatively straight forward? Any tips on that?

Thanks again for the awesomess,

Bill

Hi Bill,

Actually the functions have been around since 2015 but I have made them better over time ;)

The best way to set them up is actually using a Templatera template (as opposed to a standard page) or a template for whatever builder you use (has built-in support for Elementor Templates as well).

For the header you can use the custom menu module, but because that module doesn’t have native mobile support you may want to instead use a 3rd party menu plugin as mentioned at the bottom of the docs here – https://wpexplorer-themes.com/total/docs/header-builder/

Also, so you are aware there are filters available for both functions if you need to conditionally enable/disable different header/footer styles it is possible with a little code.

- AJ

Hi AJ,

I am using navigator bar style one menu and have set it to full width. On tablets landscape, I can see the logo overlapping with the menu names. But on the tablet portrait mode, I can see the menu is displayed in mobile menu format, hence the logo is displayed clearly and the menu list appears only when clicked on the 3 bar icon on the far right.

How can I make the menu display in the same mobile menu format even on tablets landscape mode?

Can you please help?

Thankyou in advance, Kavya

Hi Kavya,

You can alter the mobile menu breakpoint in the Customizer – https://wpexplorer-themes.com/total/docs/alter-mobile-menu-breakpoint/ – the default is 960px what you want to do is find the correct width right before the logo over laps the menu which depends on your logo and menu sizes. If you aren’t sure a good width to enter if you can share the URL I can take a look for ya.

- AJ

Thank you very much AJ, it worked!

Hi i need to put an search option on post category page can you please tell me in the theme which is the post category page in theme, I have already setup the child theme.

Just name of the file displays the category Archive.

Hi,

Because Total has built-in hooks you don’t have to mess with any files ;)

Anything extra you want to add to the site should be done using hooks via the child theme’s functions.php file – http://wpexplorer-themes.com/total/docs/action-hooks/ – this prevents any possible issues with future theme updates and is “cleaner”.

Example:

// Add searchform to the top of category archives
add_action( 'wpex_hook_content_top', function() {

    if ( ! is_category() ) {
        return; // only add search for categories
    }

    echo '<div id="category-archive-searchform">' . get_search_form( false ) . '</div>';

} );

- AJ

This search option will also display on the search result page as well can you please guide me ?

Simply modify the conditional to check the search page as well. Example:

if ( ! is_category() && ! is_search() ) {

- AJ

Hi Total,

Is it possible to add a text field in the custom login (Them panel > Custom Login) page beneath the form?

Kind regards, Jeroen

Hi AJ, thank you for your reply. I want to use the extra field to for a welcome message to the users of the login page.

If you just want to add some extra text on the login page then your custom code for your child theme’s functions.php file – http://wpexplorer-themes.com/total/docs/child-theme/ – would look something like this:

add_filter( 'login_message', function( $message ) {
    if ( empty($message) ){
        return "<p><strong>Hi there! This is a custom message.</strong></p>";
    } else {
        return $message;
    }
} );

Result: https://cl.ly/synD

But you could instead just create a new page on your site and use the Login Form module in the WPBakery page builder to create a custom login page on the actual site.

- AJ

Thank you for your answer

Hello. My question has to do with the page numbers. The home page is labeled with =2 on the end of what appears in the web address bar. So the page that is actually supposed to be the home page is not showing up as the home page. How do I fix this to be numbered, and showing up properly, as the home page? Thank you!

Hi,

That is very weird. Can you please share the URL to the site but also the page that is supposed to be the homepage?

It does sound either like a setting error in the backend or an issue with your .htaccess file so I may not be able to figure it out just looking at the front-end but it’s a good start.

Can you let me know if you tried disabling 3rd party plugins to rule out any plugin related bugs?

- AJ

Hello. I just sent you an email through Theme Forest with the requested information. Thank you for your help.

Hello. I am not comfortable provided my url on a public forum. So i submitted an email through the form on the Total page. I received a response saying you don’t answer questions through there. So i tried opening a support ticket; it would not go through but would not indicate what my error was (it said the error was highlighted but nothing was highlighted). I do not know how to proceed; these are all methods that Envato listed in an email to me for how to get support…. Thank you.

Hi AJ, since the last update, video backgrounds do not seem to “cover” full-height rows anymore, being “contained” within the row instead, which leads to white spaces on top and at the bottom of the video. Are you able to replicate the issue? thanks, Romain

Hi Romain,

So a few versions ago I added some code:

video { max-width: 100%; }

Which is to prevent videos from stretching outside of their natural dimensions. So on smaller windows the videos may not cover the space vertically as doing so would mess with the video proportions.

If you add this CSS to your site does it work better for your needs?

.wpex-video-bg { max-width: none; }

- AJ

Awesome as always, thanks chief!

Hi AJ,

I wonder a little. There are no answers to questions for 7 days. Are you all right? I hope you are doing only a few days of vacation and you’re not sick.

All the best

Hi,

Thank you for your concern. I took a couple days off for the 4th of July but besides that I have been dealing with some personal stuff. I don’t want to alarm anyone at this point as I am waiting for results.

But hopefully I have found a new support staff to start helping with the comments as well to fill in for me when if I am not available. I have a few candidates, if you know anyone or are interested yourself let me know ;)

- AJ

Hi AJ,

thank you for your answer. Glad to hear you’re okay, and thank you for your offer. But I think that’s overtaxing me. :-)) My knowledge is not so good. But I hope you saw my ticket and can help me.

All the best

I’m having trouble with the WP Bakery page builder. The row edit icons are no longer displaying and have been replaced by grey rectangles. As a result, I can’t edit the blocks to the left as the row column settings now overlay the edit icons. She here for an example: https://imgur.com/By2dmKb

Any ideas what might of caused this?

That is very weird. If you updated the plugin/theme recently can you try clearing your browser cache incase it’s just a caching issue? If that doesn’t help, can you try disabling any 3rd party plugins to see if you still have issues.

In fact based on the screenshot it looks quite different then the latest version: https://cl.ly/sr8n – as your’s looks white and the fonts/colors are different.

Are you all up to date?

- AJ

Hi there, I’ve updated the theme to v4.7 and also WP Bakery Page builder, but still have the same issue. Tried clearing the cache and disabling plugins, etc, but no luck. Anything else I can try?

It’s possible it’s a server error in regards to permissions. Do you see any errors in the console?

If you want you can submit a ticket and send us over temp logins so we can have a look – https://wpexplorer-themes.com/support/

- AJ

On latest update Page builder on https://artkept.com/ : Error related using “Post image” in “Grid builder”

Fatal error: Uncaught Exception: WPBMap::addParam can be called only in default scope in /home/z/zenon74/art/public_html/wp-content/plugins/js_composer/include/classes/core/class-wpb-map.php:560 Stack trace: #0 /home/z/zenon74/art/public_html/wp-content/plugins/js_composer/include/classes/core/class-vc-mapper.php(198): WPBMap::addParam(‘vc_single_image’, Array) #1 /home/z/zenon74/art/public_html/wp-content/plugins/js_composer/include/classes/core/class-wpb-map.php(839): Vc_Mapper->callElementActivities(‘vc_single_image’) #2 /home/z/zenon74/art/public_html/wp-content/plugins/js_composer/include/classes/core/class-wpb-map.php(406): WPBMap::setElementSettings(‘vc_single_image’) #3 /home/z/zenon74/art/public_html/wp-content/plugins/js_composer/include/helpers/helpers_api.php(549): WPBMap::getShortCode(‘vc_single_image’) #4 /home/z/zenon74/art/public_html/wp-content/plugins/js_composer/include/helpers/helpers_api.php(570): vc_get_shortcode(‘vc_single_image’) #5 /home/z/zenon74/art/public_html/wp-content/plugins/js_composer/inc in /home/z/zenon74/art/public_html/wp-content/plugins/js_composer/include/classes/core/class-wpb-map.php on line 560

I’m about to update the theme with version 5.5.2 of the WPBakery page builder and I don’t see this error when testing: https://cl.ly/srpe

So if it was an error from 5.5.1 I’m assuming it’s already fixed, if after updating you still have issues let me know!

- AJ

Sticky Header gone, now only shows Sticky Menu.

A few days ago I was setting up my theme options and found the Sticky Header with the CCS3 Animated Shrink Option, but didn’t enable it. Now I’m looking again to enable it but only an option to enable or not Sticky Menu appears on the same Header Personalization location.

Is this option gone?

Thanks in Advance

Hi,

When you use header style’s two, three or four – https://wpexplorer-themes.com/total/docs/header-styles/ – the menu becomes sticky instead of the entire header because of the design of the menu it makes more sense to only have the menu sticky as opposed to the entire header.

Of course you can use this plugin to override that – https://wpexplorer-themes.com/total/extensions/sticky-header-two-three-four/

- AJ

by
by
by
by
by
by

Tell us what you think!

We'd like to ask you a few questions to help improve ThemeForest.

Sure, take me to the survey