Total - Responsive Multi-Purpose WordPress Theme

Total - Responsive Multi-Purpose WordPress Theme

(1884)
  • 40+ Demos to Choose from
  • WPBakery Drag & Drop Page Builder
  • Free updates packed with new features
(By : dawnhoffman)
I've been using this theme now for my clients for years, and I absolutely love it! Best around. It's so customizable and versatile. And if you do have issues, support is great. Highly, highly recommended.
Author response :

Thank you live-concept!

(By : aggky)
We currently own 11 Total -licenses and each one deserves 5 stars :-) I’m part of a small web agency where I have come across lots of different themes. While there are other good ones out there my first choice is still always Total. Looking forward to many more Total sites ahead. Thank you Total team for amazing work and the always outstanding support, it’s truly appreciated!
Author response :

Thank you live-concept!

(By : 1onur)
I am using this theme for 5 years now and I am surprised that I haven't reviewed it yet. What can I say. Actually I have tried many of the top themes here at Envato in the past but I haven't looked back since I found Total. I am quite happy with the code quality, features, flexibility and of course the super customer support of AJ, the developer. The thing I like the most is, whatever he does, he doesn't bloat the theme with stupid features just for the sake of marketing or selling. He is very careful about it so the theme is always getting better and more robust. Thanks everyone who has its own part providing and maintaining this theme!
Author response :

Thank you live-concept!

(By : mselck)
We are almost exclusively using this theme in our agency for building the websites of nearly 100 customers (at this time, still counting up!). Total is so easy to use that even without any HTML knowledge you can build well-designed and professional websites, which is a perfect fit for our customers with a tight budget. But it doesn't stop there. Unlike most of the competition the numerous hooks, filters and the excellent documentation make the theme also very suitable for more demanding projects that need a lot of customization. It integrates well with plugins like ACF, Events Calendar, WP Google Maps and many more - just the best of both worlds! Great features like the font manager also give us an option to work around local EU regulations without having too much hassle and I've never seen a tool like this in other themes (they do exist, in a way, but are very user-unfriendly compared to Total). The themes' developer has also helped us out numerous times by implementing new features we asked for and providing excellent support via the comments and ticket system. I'm sure we'll keep using this theme in the future.
Author response :

Thank you live-concept!

(By : wbarmby)
Such a good Theme. The flexibility of this theme make it a required tool for my work. Fantastic product!
Author response :

Thank you live-concept!

(By : areinheimer)
This theme does everything, simply and efficiently. Screaming fast. And best of all, the support is excellent! It's the only theme I will ever need!
Author response :

Thank you live-concept!

(By : usawebdev)
I've purchased Total theme multiple times and is the theme I use for most clients for their websites. It is reliable, dependable, compatible, and is packed with features making it very easy to create a website for clients. Highly recommend!
Author response :

Thank you live-concept!

(By : promischris)
Pagination does not work properly
Author response :

Hi, This is Aj the theme author. I see in the comments you mentioned an hour ago that the pagination settings in the customizer were not working. I made a quick video showing how they should work and no other customer has reported issues either so they should be working as expected. It's possible there is some sort of conflict from a 3rd party plugin causing issues in the Customizer or caching issues on the front-end so you don't see the changes after saving. I would recommend to first make sure everything is up to date and to try disabling 3rd party plugins and clearing your cache to see what's going on. I am more then happy to help you troubleshoot as well, it's always best to ask for help, that's what we are here for!

(By : bleckett)
I put OTHER as my main reason for my 5 star rating because they didn't have an option for ALL OF THE ABOVE! TOTAL has everything you need. There is no need to look anywhere else. The default settings and samples are great to get a beginner up and running. And the many features and 'hooks' can let you customize almost anything. The most important and impressive part of this theme is the support! I've a few web sites out there and I've recommended this theme to many others and each time there's always a little something the needs to be done differently. If it's not in the docs then support will help you get what you want done. Simple as that. TOTAL is the perfect name for this theme!
Author response :

Thank you live-concept!

(By : Elisha1889)
I have tried many WP themes but Total gave me more than I was expecting. The quality, loading speed, and flexibility of this theme is amazing. If you want to build out an awesome blog or an ecommerce store, look no further.
Author response :

Thank you live-concept!


pieterjanvd
Hi, Is it possible to set a different slider for mobile visitors on my homepage? I tried to paste a different slider shortcode in the ‘Slider Mobile alternative URL’ field in the page editor of my homepage, but that doesnt seem to work? I use Slider Revolution. Thanks in advance. Peter
aussietom64
Hello. I understand this question is not related to your theme but your experience has always offered invaluable advice. Sometimes my contact forms on both my sites do not work as some customers have stated when they press the send button. I use php email for my contact forms sent to my domain. Should I install an smpt plugin to be on the safe side?
coint
Hello, after an update to last version, i lost some staff entry (i have 51 entry but in backend and in fronted i see only 21 of them). Screenshot here: https://staging.costantinoruggiero.com/Schermata%202021-11-19%20alle%2012.42.34.png
WPExplorer
Hi, This is Aj the theme author. So posts are saved in the database, updating your theme only updates theme files so it’s impossible for posts to be deleted (there aren’t any functions in the theme that delete posts). Looking at the screenshot I’m not quite sure what I’m looking at but it appears that perhaps you are using a translation plugin and it’s showing 51 posts but only 21 for the specific language, is that correct? What translation plugin are you using and did you already try contacting the translation plugin developers? - AJ
aggky
Hi AJ, I’m building a very custom site for a new startup company. It involves having up to 10 different image sliders at the same time on the same page. Each slider is very basic/small and I’m constructing these in a custom page template after one custom query where I populate different ”vcex_image_flexslider” -shortcodes. Now I discovered that I can easily hide/show and move around different sliders via simple css/javascript buttons (very convenient). So instead of loading a new page for new set of sliders I could potentially construct all my sliders on the first page load then give the user css/javascript buttons to navigate these further. Now to my question, there would be a max number of 10 sliders visible at the same time but potentially there could be up to 70 hidden sliders that can be displayed and moved around with css/javascript. As I’m in the beginning I just wondered if you could just quickly comment if this sounds like a bad idea (of course I realize all of this is beyond scope of theme support ). …does hidden sliders take up browser resources? Thanks!
WPExplorer
Hi, So yes, this could be a very bad idea because even hidden sliders have images and hidden images are still loaded also the code is on the page so the javascript will still be targeting it – even while hidden the slider is still technically generated and rendering. This will be especially bad if your sliders are set to auto slide. A better idea would be to have the sliders loaded via ajax when clicking the buttons if you need them on the same URL. This wouldn’t be very hard…basically your page template should just have the sliders you want shown by default inside a container, then when clicking your buttons you would send an AJAX request to grab the sliders you want to display and override the HTML on the page (you will have to re-trigger the theme’s window.wpexSliderPro js function when loading the sliders via AJAX since they are dynamic elements). I could setup a sample code for you but it would probably take 45-60 mins to write the code. But here are very helpful links if you want to try this out. These are the 2 hooks you need to register the function to use for your AJAX callback https://developer.wordpress.org/reference/hooks/wp_ajax_action/ https://developer.wordpress.org/reference/hooks/wp_ajax_nopriv_action/ Creating the actual AJAX isn’t too hard basically you just need to listen for a click event on your buttons and then pass on the data to your ajax so you know which sliders you want to load (adding a data attribute to the buttons would be easiest). Here is an article showing how to create ajax requests in WP: https://codex.wordpress.org/AJAX_in_Plugins And of course if you get stuck on anything let me know and I can assist. That said….I would recommend just creating different pages and have the buttons link to each other page. This would be better for SEO and usability as well since you will have real pages with the different sliders that can be linked to and bookmarked. Also when you are using AJAX you can’t take advantage of caching in the same way as static pages. - AJ
aggky
Thank you so much AJ, that sounds like really great advise! For a change this site will actually not be very speed/optimized/SEO focused. At least not this part which will be more a like tool/”custom options” sort of thing. Sliders will not be on auto (and no thumbs) however I will definitely reconsider how to best set this up. AJAX sounds like a great idea but I will have to educate myself a lot there first I fear. Either way I might split things up somewhat into different pages after all. …but basically could I kill 10 sliders and fire a new set of 10 sliders with one ”AJAX mouse click” ? As I’m constructing the different vcex_image_flexslider -shortcodes I’m and adding image_ids and also custom_links. The images are coming from different ACF image fields and each link leads to a single CPT. However I want for these links to open a Lightbox so I have added [wpex_lightbox_scripts] to my page template. But I can´t figure out how to add class=”wpex-lightbox” data-type=”iframe” to each link there? https://wpexplorer-themes.com/total/docs/adding-ilightbox-popups-inline/ Grateful if you have solution for this? Thanks again!
sSimoneenomiSs
Hi, I use the total theme in combination with the post types unlimited plugin. I’m translating my page at the moment and have come across the following issue: I’ve chosen a main page for my custom post type which appears in the breadcrumbs on my site. This works fine in German. But I can’t choose the translated main page for the italian version of the website. So now the main page shown in the breadcrumbs on the Italian page is in German and also links to the German page. I’m using polylang for my multilingual page. Is there a way to solve this issue? Thank you and kind regards
WPExplorer
Hi, This is AJ the theme author. I think you may have also posted the question on the PTU plugin page on wordpress.org. I just responded, if you wanted to take a look: https://wordpress.org/support/topic/translate-main-page-2/ – I apologize for the delayed reply. Please let me know if the updated code doesn’t work or if you need anything else! - AJ
donnieweaver
Hi Aj, I submitted two tickets earlier, separate topics, but only received an auto-reply email on the first. Can you confirm you received the ticket with summary- “Full height row (bug?) intermittently displays content approx half screen height”? Thanks
WPExplorer
Hi Donnie, I see 2 new tickets: https://a.cl.ly/BluD2lyR – will get back to you asap. Thank you for your patience! If these aren’t the 2 let me know! - AJ
donnieweaver
Yes those are the 2 tickets. Apologies, but since the 2nd ticket’s auto-email reply didn’t arrive (still hasn’t), I felt the need to reach out on the comment forum to ensure you got both. Thanks!!
WPExplorer
No worries, I totally understand! Only thing I can think of is that HelpScout (service I use for the support system) had a hiccup and didn’t send the auto email, because it did correctly get submitted to the system. I’ll do some test tickets to make sure it’s working as expected. - AJ
grid24
Hi AJ. I might be missing something obvious here! All I want to do is to add a heading on a blog template which uses the post excerpt. I’ve tried using the ‘Heading’ element and set it to ‘Custom Field’ and the ID to be ‘wpex_excerpt’ but nothing is being pulled in? I want to use the text entered in the ‘Excerpts’ field in the post, not the default excerpt. Many thanks
WPExplorer
Hi, The excerpt is a WordPress function and it’s not saved in a custom field. You could use the WordPress function – https://developer.wordpress.org/reference/functions/get_the_excerpt/ – and call it like this: https://a.cl.ly/OAuG7DpN (set the “Text Source” to “Callback function” and enter “get_the_excerpt” for the “Callback Function”). Now, you can enter anything you want in the Callback function, even your own custom functions. So you can instead just add a new function in your child theme that returns exactly what you want and then enter that function name in the Callback Function field. - AJ
erikalleman
Hi AJ, I am looking at WPExplorer to learn responsive design. But now that the latest (Samsung and Sony) phones reached and surpassed desktop widths in resolution, width based media queries cannot resolve the mobile view anymore for the high resolution phones. For example WPExplorer is shown in desktop view on those phones. Could you recommend something for resolving the mobile view on the high res phones? It’s not possible to extend the mobile style sheet up to those widths because then it would include many desktops. Have a great day!
WPExplorer
Hi, In “responsive” design there is no such thing as “mobile view”, the whole purpose of responsive design is that it adapts to the screen width. So for example wpexplorer.com simply changes the header menu to the mobile toggle at 1000px because this is the point at which the log and the menu don’t fit on the same line, it has nothing to do with the actual device you are viewing the site on. And columns swap at this point for consistency, not really any other reason. Looking at the new Samsung Galaxy Fold phone I see that the landscape resolution is set at “1076px” so this is 76px higher then the breakpoint I’ve defined for my site. So things are working as expected. The idea of having your site look different on mobile isn’t the purpose of responsive design, the concern is that everything fits on the screen and can be navigated/viewed correctly. It sounds like you are really focused on wanting to have a particular look for mobile devices separate from desktops whereas what you should only be focused on is the device width. Instead of looking at things like “mobile” vs “desktop” you should just look at things in terms of screen widths. There isn’t any such thing as media queries that target specific devices only, the only way I can think of doing that is to use javascript to check what device is currently being used and based on the device load a different CSS file – which of course would cause a “flash” as the CSS loads and would be a very inefficient way of coding a site as there are so many devices and they are constantly changing. - AJ Perhaps you may want to also read a bit about “Mobile First Design” (this is how the theme’s CSS framework is coded – https://total.wpexplorer.com/css-framework/responsive-breakpoints/) – basically you design your site focusing on small devices first and then work your way up (as opposed to working down). This is a newer concept that many are adopting.
erikalleman
Hi AJ, the reason I thought that your site is shown in “desktop” view on mobile, is that I only checked it first for the resolution of the phone Samsung Galaxy S21 Ultra (1440×3200) in the Chrome Dev Tools emulator, not on a real device: https://i.imgur.com/wThJ4Cs.png Then I went to the shop to load the site on the real phone Samsung Galaxy S21 Ultra, and as it’s shown in the screenshot above, the site loaded in 1 column layout which you designed for mobile (that’s what I mean by “mobile view”), and indeed it works as you would expect it. But I think what you meant in your reply is that you don’t have separate stylesheets for mobile and desktop and tablet (is that true?) but you instead have written a responsive code that has 3 breakpoints, via media queries. I also use media quesries, but I have separate style sheets for mobile, defined by the width based media query. If you have px width breakpoints, do you know why won’t the Chrome Dev Tools emulate the mobile view on your site for that resolution, and instead show the desktop view? On the other hand my mobile style sheet breakpoint is now set to 1200 px, and on the same phone my mobile styles are shown. Now I don’t mean my grid, because that might be the result of the grid settings, but the header area for example , as you can see on the screenshot below, my header uses the mobile styles, even though that the phone has a width of 1440 px, and my width breakpoint for the mobile styles is at 1200. So in theory, the phone should display my header with my desktop styles. My grid does have width breakpoints in the grid settings, but my site header doasn’t have any width breakpoints defined by me. So I am thinking it’s either some breakpoints defined by the Total theme or by WP Bakery, specifically for the header? But if I defined my mobile style sheet to kick in only when the phones screen width is less than 1200 px, then why are my header mobile styles shown on this phone? I am sure that you didn’t set a mobile breakpoint higher than the width of the phone above (1440px), as you said you have probably set your mobile breakpoint at around 1000 px. So I don’t understand how does your site do the 3 column desktop layout on my 1366 px width HD desktop, and the 1 column mobile layout on a higher resolution: on 1440 px width of the phone above. Something is missing here I think in my understanding, because if you only have width breakpoints for your columns, then it would be impossible to have 1 column layout on an 1440 px width phone, and 3 column layout on a 1366 px width desktop. So you must have some other technique or something that I am missing out, something other than width based media queries. For example, if I set my grids mobile breakpoint to 1 column in the grid settings to 1300 px width, and to 3 columns for desktop for everything above, on the phone above it would bring in 3 columns. But your site magically knows that even though that phone is 1440 px wide (wider than 1366 px width HD desktops), it still correctly renders the 1 column layout for mobile, on your site. How does it know that? Sorry for the second follow up reply, I am just trying to get how do you maintain a 1 column layout on a phone that has a higher width than most HD desktops – where in turn you maintain the 3 columns – seems like reverse logic for width based media queries. Wow WPExplorer loads so fast that it totally proves that there are no bottlenecks in the WP Core. Best regards!
erikalleman
Hi again, I forgot to include the screenshot referenced as “below” in my reply: https://i.imgur.com/4tWS7KA.png And this is my enqueue code: function my_load_child_theme_styles() { if ( ! defined( 'WPEX_THEME_STYLE_HANDLE' ) ) { wp_enqueue_style( 'parent-style', get_template_directory_uri() . '/style.css', array(), '1.0' ); } // First de-register the main stylesheet (which is now your child theme style.css) wp_dequeue_style( WPEX_THEME_STYLE_HANDLE ); wp_deregister_style( WPEX_THEME_STYLE_HANDLE ); // Add the parent style.css with the main style handle wp_enqueue_style( WPEX_THEME_STYLE_HANDLE, get_template_directory_uri() . '/style.css', array(), WPEX_THEME_VERSION ); // Re-add child CSS with parent as dependency wp_enqueue_style( 'child-css', get_stylesheet_directory_uri() . '/style.css', array( WPEX_THEME_STYLE_HANDLE ), '1.0' ); wp_enqueue_style( 'child_media-css', // stylesheet handle get_stylesheet_directory_uri() . '/child_media_1200_max.css', // stylesheet file URL array( WPEX_THEME_STYLE_HANDLE ), // dependencies '1.0', // stylesheet version 'only screen and (max-width:1200px)' // media query ); wp_enqueue_style( 'child_media-css', // stylesheet handle get_stylesheet_directory_uri() . '/child_media_1200_min.css', // stylesheet file URL array( WPEX_THEME_STYLE_HANDLE ), // dependencies '1.0', // stylesheet version 'only screen and (max-width:1200px)' // media query ); } add_action( 'wp_enqueue_scripts', 'my_load_child_theme_styles' ); The styles marked with green in the screenshot in the header are only in my child_media_1200_max.css style sheet that should only be used at a max-width of 1200 px. But this phone has a width of 1440 px. So that’s why I don’t know why are my mobile styles used on this phone? It’s nice that they are used because these styles should be used on every phone, that’s what I would like, but I didn’t know how to write a quewry for that, the best I could write is: 'only screen and (max-width:1200px)' but this query in itself shouldn’t apply the child_media_1200_min.css for this resolution… By any chance if you could say anything, I would be very grateful. Wishing the best for your business…
fxnokin
is there a shortcode for discord icon? as when i put “discord” it dont show up does it have different name ?
WPExplorer
Hi, This is AJ the theme author. The discord icon isn’t yet available in the theme – https://wpexplorer-themes.com/total/icons/ – I’ll go a head and include it in the next update though. But you could always just use some SVG code for the meantime. Example: https://bit.ly/3DvODHE – simply change the width, height and fill attributes to match what you want. - AJ
viaggiatore_insonne
Hi AJ, I have a problem with the woocommerce single product gallery visualization. If you take a look you will notice that an empty space appears under the first image initially. How can I fix? https://www.robertorizzoart.net/product/fawn/ As always thank you very much for your help, Bob
WPExplorer
Hi Bob, It looks like your site is using some sort of lazy loading script. In order for the javascript WooCommerce uses for the slider to work properly the images must be loaded immediately so that the slider can calculate the correct dimensions for the slider. If you disable the lazy loading on the site to test does it work as expected? - AJ
viaggiatore_insonne
Dear AJ, thank you very much. Yes, lazy load was enabled into my cache plugin. What can I say more? You’re a kind true genius and I cannot be more grateful to you for the quality of your support. Hugs, Bob