Discussion on Total - Responsive Multi-Purpose WordPress Theme

Discussion on Total - Responsive Multi-Purpose WordPress Theme

Cart 58,123 sales
Recently Updated
Well Documented

WPExplorer supports this item

Supported

22369 comments found.

seo608

seo608 Purchased

Hi AJ,

If I run the theme on Apache with PHP 8.1, everything works. But if I switch to PHP-FPМ with PHP 8.1 or 8.3, the site layout breaks.

What could be the reason for this?

Hi,

There are many reasons why switching could cause issues, but they would all be server-related and not on the theme’s side.

When you say “site layout” I’m assuming you mean the design which would imply that perhaps the CSS is not correctly loaded on the site. My first thought would be that perhaps the issue is related to user permissions so the theme’s CSS isn’t loading.

  • Ensure the PHP-FPM process user (commonly www-data, nginx, or similar) has read access to your WordPress files, themes, and plugins. CSS, JS, and media files must be readable; otherwise, pages may load without styles.
  • Make sure URL rewrites in .htaccess (Apache) are correctly translated for Nginx or your FastCGI setup. Incorrect paths can prevent CSS/JS from loading.

If you switch to PHP-FPM and notice layout issues, open your browser’s developer console. Any errors related to files not loading, such as CSS or JavaScript, will show there and can help identify the cause.

- AJ

seo608

seo608 Purchased

Thank you AJ

I’m having a problem with the filter – wpex_footer_builder_page_id – for some reason it’s no longer working. I have a series of dynamic templates that should replace the default in the footer builder, but they’ve stopped working. I’ve tried to use wpex_footer_template_id instead, but this only adds another footer under, but does work in the correct conditional way.

Hi,

Hmm, I looked back a few versions and nothing has changed with this filter. Are you updating from a much older version?

At one point I did optimize the code to cache the Footer ID so the filter is only going to run once so I can see how it can cause issues if you are wanting to modify the filter after the wp hook (where you can use conditionals like is_post, is_term…etc).

Working on a fix for this, it’s a bit tricky to keep things optimized and also allow to modify the footer in the later hooks. But I’ll figure it out. I’m most likely going to release a Total 4.6.1 small patch shortly and I’ll include this fix.

This has definitely been an issue for several versions now though no one had reported it, so thanks!

If you want email me directly to wpexplorer [at] gmail dot com and I will provide you with the patch as soon as it’s ready!

- AJ

Actually the fix is very easy! If you want to patch it yourself you can…Simply edit Total/inc/footer/core.php and locate the get_template_id() function and change it from this:

public static function get_template_id(): int {
    if ( null === self::$template_id ) {
        self::$template_id = 0;
        if ( get_theme_mod( 'footer_builder_enable', true ) ) {
            $id = get_theme_mod( 'footer_builder_page_id' );
            $id = (int) apply_filters( 'wpex_footer_builder_page_id', $id );
            if ( $id && 'publish' === get_post_status( $id ) ) {
                self::$template_id = $id;
            }
        }
    }
    return self::$template_id;
}

To this:

public static function get_template_id(): int {
    if ( ! get_theme_mod( 'footer_builder_enable', true ) ) {
        return 0;
    }
    if ( null === self::$template_id ) {
        self::$template_id = 0;
        $id = get_theme_mod( 'footer_builder_page_id' );
        if ( $id && 'publish' === get_post_status( $id ) ) {
            self::$template_id = $id;
        }
    }
    return (int) apply_filters( 'wpex_footer_builder_page_id', self::$template_id );
}

Basically we are just moving the filter outside of the cached check, this way it can be changed on demand whenever the function is called, but it will only run the status check on the initially set custom footer defined in the admin panel – which makes sense…no need to run these checks on user defined ID’s.

- AJ

Great. thanks. I did find a way around it by using the Custom Actions area (inside footer) to use a generic dynamic template, then use a new function to swap that out based on the custom post type slug matches. But i’ll try this in an older site that is using our original method.

Hi AJ,

I’m revising a website and used one of the demos, it has wp forms. When I look I don’t actually see a form created, an I missing something here?

Thanks

Hi,

None of the theme demos use the WP-Forms plugin, so I’m not sure what you are referring to. The theme has it’s own simple Contact Form Element though which I use in some demos: https://totalwptheme.com/elements/contact-form/

- AJ

That’s what I see the one on the left, who and where is this defined?

I’ve sent a test email, but I don’t see anything come through to me email address (which is the admin for the site) sorry if I’m missing the obvious?

Hi,

The Contact Form element is added on the page itself via WPBakery so you can edit the page to modify the design, but it’s a simple contact form so you can’t add/remove fields (anything more would be best done via a 3rd party plugin).

By default, the theme’s Contact Form will send the email to the admin email address (as you mentioned) but this email can be modified in the main Theme Panel – https://totalwptheme.com/docs/contact-form-recipient-address/

If the form shows a green notice on submission letting you know that the the email was sent, but you didn’t receive any, most likely it’s going to your spam folder or your domain’s DKIM, SPF and/or DMARC records are not setup correctly. Because the green notice would only display if the email was sent by WordPress, thus it means the issue is on the receiving end.

This plugin can be helpful for testing to make sure emails are being sent correctly by your server – https://wordpress.org/plugins/check-email/ – so if the emails are properly sent, but not received then you know the issue is with either the domain records or with your email provider.

- AJ

aggky

aggky Purchased

Is it possible to update WP Bakery + Templatera even if the theme is not ready yet? Is there any risk of loosing any settings by deleting these plugins and re-installing?

Nope, I actually had a notice on the upcoming changelog because I specifically updated the plugins live so if you want you can delete and re-install them.

But I just finished Total 6.4 so you should be able to update any moment now as soon as it’s accepted by ThemeForest I will send out the notice to your dashboard – https://totalwptheme.com/docs/changelog/6-4/

- AJ

aggky

aggky Purchased

Awesome, thank you AJ! Looks like a brilliant update as usual.

Hi,

I’ve already patched Templatera as well, but technically Total overrides the Templatera code and the code in the theme has had this patch for years.

Total 6.4 is ready and you should see the notice to update any moment now – https://totalwptheme.com/docs/changelog/6-4/ – so you can wait for the official update to update Templatera if you wish. Also, most customers choose to not install or even use Templatera as it’s not really needed – especially since the introduction of Dynamic Templates in Total a few years back.

- AJ

Hi, AJ,

The Wordfence security plugin is showing the following issue with the latest version of WPBakery:

Plugin Name: WPBakery Page Builder Current Plugin Version: 8.4.1 Details: To protect your site from this vulnerability, the safest option is to deactivate and completely remove “WPBakery Page Builder” until a patched version is available. Get more information.(opens in new tab) Vulnerability Information: https://www.wordfence.com/threat-intel/vulnerabilities/id/d7c80143-c328-4cd1-95db-67de2edc058c?source=plugin(opens in new tab) Vulnerability Severity: 6.4/10.0 (Medium)

I’ve set Wordfence to ‘Ignore’ the issue at present.

Hi,

I had a notice on the upcoming changelog – https://totalwptheme.com/docs/upcoming-update-changelog/ – which explained that you can simply delete and re-install the plugin to get the patched version. But because the vulnerability required author/contributor access or greater (these users can already do all sorts of bad stuff by default), it didn’t warrant releasing a whole theme update since 6.4 was right around the corner. If there is ever a severe vulnerability I will of course release a theme update immediately.

Be sure to always reference the upcoming changelog if you have any issues or warnings like this as I generally use it to display important notices.

But Total 6.4 is now finished – https://totalwptheme.com/docs/changelog/6-4/ – you should see the update notice and email from Envato any moment now.

- AJ

Thanks, AJ,

All sorted!

Hi, is 6.3 the latest theme version update?

Hi,

This is AJ the theme author. I hope you had a nice weekend. Actually I was finishing up Total 6.4 – https://totalwptheme.com/docs/changelog/6-4/ – which I just submitted and you should see it available any moment now!

- AJ

I’ve been using this theme for years, and really loving it! The possibilties combined with the simplicity is great. What I do wonder is when there will be more support/features for CSS based (scroll) animations etc. Elementor (Total theme is built for WPbakery) is far ahead on this….

Hi,

This is Aj the theme author.

The CSS Animations are an exclusive WPBakery feature (not part of the theme) so we pretty much just have to wait for the plugin developers to enhance the feature :(

But…Total is also built for Elementor! Maybe you haven’t noticed that I’ve added support over the years. See here: https://totalwptheme.com/elementor-integration/

Since most my customers don’t use Elementor and the customers that do use Elementor usually don’t import theme demos, I haven’t converted the theme demos yet to create Elementor versions. I’ve only done one of the demos (as requested by a customer). But you can see here: https://totalwpthemedemo.com/synergy-elementor/ – this demo is using Total to recreate the WPBakery based demo – https://totalwpthemedemo.com/synergy/ – as you can see all the Theme Features are available for both builders. All new demos released will have both WPBakery and Elementor versions and I will update old ones as requested ;)

I have spent a lot of time ensuring compatibility with Elementor free and Pro – all the theme’s awesome Elements and features like Dynamic Templates, Color Palette, Custom Fonts, Footer Builder, Header Builder…etc – all work with both WPBakery and Elementor!

Plus, Total has a unique Elementor feature built-in that removes all the extra Elementor upsells and marketing for a better experience. I actually wrote a guide on how to do this – https://www.wpexplorer.com/complete-guide-to-removing-elementor-upsells/ – if you are using Total though, this is all done for you automatically.

So, don’t think you are stuck using WPBakery! In fact, I even added a notice in the admin to let customers know before installing WPBakery: https://a.cl.ly/d5u5EDd0

Be sure to keep up with the theme’s changelog because that’s how you would find out about things like the Elementor integration – https://totalwptheme.com/docs/changelog/

Let me know if you have any questions!

- AJ

la-pna

la-pna Purchased

Hi. I am trying to link an image grid element in a dynamic template for a custom taxonomy term to an ACF gallery field that is part of a field group linked to that taxonomy. While I can select the ACF field from the custom fields dropdown list in the image grid settings, it does not render at all on the actual page. Linking the same gallery field to an image slider works fine. I’ve tried toggling all the return formats for that field in the ACF settings and still nothing. Any ideas?

Hi,

This is Aj the theme author!

Thank you for reporting the issue, this is definitely a bug. When I added support for taxonomy fields I must have forgotten to update this specific element. I’ve fixed the issue for the upcoming 6.4 update (which should be released within the next few days – the update is done I’m just testing everything).

The fix is quite simple if you want to update the file yourself for the meantime:

  • Edit the file at plugins/total-theme-core/inc/vcex/templates/vcex_image_grid.php
  • Delete lines 24-39 which look like this:
$cf_fallback = $image_ids;
$image_ids = ''; // !!! important !!!
$custom_field_gallery = sanitize_text_field( $custom_field_gallery );

if ( function_exists( 'get_field_object' ) && str_starts_with( $custom_field_gallery, 'field_' ) ) {
    $field_obj = get_field_object( $custom_field_gallery );
    if ( ! empty( $field_obj['type'] ) && 'gallery' === $field_obj['type'] && ! empty( $field_obj['value'] ) ) {
        $image_ids = $field_obj['value'];
    }
}

$image_ids = $image_ids ?: get_post_meta( vcex_get_the_ID(), $custom_field_gallery, true );

if ( ! $image_ids && vcex_is_template_edit_mode() ) {
    $image_ids = $cf_fallback;
}
  • Paste this code where you deleted the previous code:
$cf_fallback  = $image_ids;
$image_ids   = [];
$meta_value = vcex_get_acf_field( sanitize_text_field( $atts['custom_field_gallery'] ) );

if ( $meta_value ) {
    if ( is_array( $meta_value ) ) {
        foreach ( $meta_value as $k => $v ) {
            $image_id = $v['id'] ?? $v;
            if ( is_numeric( $image_id ) && wp_attachment_is_image( $image_id ) ) {
                $image_ids[] = $image_id;
            }
        }
    } else {
        $image_ids = $meta_value;
    }
}

if ( ! $image_ids && vcex_is_template_edit_mode() ) {
    $image_ids = $cf_fallback;
}

If your site has the plugin file editor enabled you can make these changes under Plugins > Plugin File Editor. However, it’s best to make these changes via FTP so if there is any error you can fix it. If you make changes via the WP admin and there is an error you may not be able to access the admin and then you will need to use FTP to fix it.

Thank you again for reporting the bug and sorry for the troubles!

- AJ

la-pna

la-pna Purchased

Thank you for the prompt fix!

Total 6.4 is finished and you should see the notice to update any moment now – https://totalwptheme.com/docs/changelog/6-4/

The fix I sent you will work if you are exclusively using ACF and it won’t work in certain scenarios (like inside custom cards). Total 6.4 should work with all use cases though – but if you do have any issues after updating please let me know!

Also in Total 6.4, I’ve introduced support for ACF Options Panels. For example, you might create an ACF options panel for the end client with settings like “Homepage Banner”, allowing the client (or yourself) to make quick changes without needing to edit the page with the builder.

- AJ

Hi Aj,

Just reporting a small bug that i’ve noticed. On the checkout page when you click the terms and conditions and it reveals hidden text it’s showing the raw code for the visual computer columns.

For example

css=””]

Only a small bug but just thought id let you know

vc_row[vc_column_text css=””]”

Hi,

I can recreate the issue and it’s very strange because looking at the source code it’s displaying the HTML but clicking the “Terms & Conditions” link reveals shortcodes. I assume the reason for this is because WooCommerce loads a “generic” checkout and it’s refreshed with ajax when the page loads. In this case WPBakery shortcodes don’t exist because of the context.

I wrote a snippet with the code to fix this: https://totalwptheme.com/docs/snippets/fix-wpbakery-woo-checkout-terms-conditions/

But I would recommend using the classic editor or Gutenberg for your terms page, there really is no need for a page builder for this page and it will keep things much more efficient and slim.

- AJ

Hi Aj, Last week the use of Dimensions on the Total image block stoped working with .SVG files. It was working great with just widths before and no need for height. But, around July 26th, the svgs started needing height dimensions too or the images have disappeared. You can get it to work with 100% width but that can get messy. it is a head scratcher.. and kind of a drag to go back in and add height to the images. Thanks John

The height part of the code doesn’t technically do anything as it was never used in the theme, I’ve just added it pre-emptively.

If your images are “cut short” it’s going to be because of the actual SVG code.

I used the WaybackMachine though to compare your HTML from March to what you have now and the HTML is exactly the same for all the SVG’s I checked. Example: https://a.cl.ly/nOuO85y1

Now, one thing worth mentioning, is that you are using SVG’s but rendering via the Image element, so it makes that extra request to the server. If you instead insert your SVG’s as plain HTML via the HTML element, then it would be much more optimized because it doesn’t have to make those extra requests for the resources as the SVG code is already on the page.

I could add a new “SVG” element in the theme that allows you to choose an SVG from the Media Library and render it as HTML not an image – the problem with this is security. I would need to also add a massive sanitization function to parse the selected SVG. It’s just not worth it when you can just use the HTML block.

But..it’s very easy to write a custom shortcode for this if you trust your SVG’s (as a theme developer I can’t trust the end user) and want a simple shortcode for selecting an SVG and rendering it inline as HTML. I wrote a sample class for you: https://gist.github.com/wpexplorer/31080f2bca87d3b13f47e07a8c99b9b0

Here is a video showing how the new element would work: https://a.cl.ly/6qun5vdE

Actually…I may actually add this element built-into the theme if the “Safe SVG” plugin is installed, then I can use their built-in sanitization function instead of adding one myself. Let me look into this, because it would be a really cool feature to have in the theme by default ;)

- AJ

ps: I had a look at the Safe SVG plugin and they have a custom Gutenberg Block and in their code they do not sanitize the selected SVG on render, they just grab the contents and return them like such:

$contents = file_get_contents( get_attached_file( $attributes['imageID'] ) );  // phpcs:ignore

So maybe it is fine to assume that content in your media library is safe…But according to WordPress coding requirements (from my understanding) this wouldn’t be allowed – https://developer.wordpress.org/apis/security/escaping/#toc_3

I’d have to think about this further, because passing each SVG through a complex sanitizer each time the page is loaded (without caching) may be too resource intensive. And security is always a primary concern.

- AJ

You are a genius AJ love the way your mind thinks with these things. I am tracking with you.. because the svg is a liability for some contexts. I always just add your svg function to the child-theme. I have pasted full code versions of maps into sites. I will say that the raw code on a larger more complex images can be pretty darned big. I did that here: https://psomas.com/contact/ I guess I could make a shortcode.. I used a WPBakery template at that point. I would use a Total Dynamic Template now.

Hi AJ,

I am using the Toggle (FAQ) Group with a dozen Toggle elements, some of which have substantial content. On desktop it’s great, but on mobile when a user clicks on a Toggle to open it, if the previous one (already open) is above it, the Toggle opens upwards and most of the content is off screen, requiring the user to scroll up in order to read that item.

I think I read that you designed this element deliberately without a scroll-to feature. That makes sense because the desktop experience doesn’t need it (and would probably be a lot worse with it) but on mobile it can be a problem. In the absence of scroll-to, would it be possible to add an option to keep all the Toggles open (i.e. not close the previous one when opening the next one)? That would work really well on both mobile and desktop. I’d prefer that to a scroll-to feature anyway.

Thanks,

Charles

Hi Charles,

I will definitely add the option to disable the accordion effect and it will likely be the default option for new installs. This is a quick/easy fix and so I’ll put it in the 6.4 update so I can get that out asap while I figure out a good solution for the accordion style.

Regarding your second question…under the Toggle > Content tab there is an extra field you can use to enter a unique ID. Technically the ID added on the content and not the heading, hence why the field is added here, but perhaps it’s not very obvious.

One thing I want to mention though is if you have a page with a lot of the same design (it sounds like it). I would strongly recommend instead creating a custom post type – https://totalwptheme.com/docs/adding-custom-post-types/ – maybe it’s called “Documents” (sorry i dont know what you are actually displaying).

Then what you can actually do is create a custom card to display these – https://totalwptheme.com/docs/custom-card-builder/ – this way, you create the design for each of the items in a single place that you can control globally. You can get very creative with this, for example your post type could have the editor completely disabled and use the ACF plugin to add 2 fields: Main Content & Additional Content. If it’s mainly text this would work well.

I made a quick video example with a very simple/plain design if interested: https://a.cl.ly/6qunBdmE

The video is a little long (5mins) but hopefully you check it out, because if you aren’t familiar with creating custom post types, cards, etc – it may really blow your mind to what’s possible with Total ;)

Relevant docs:

Perhaps you don’t need it for this specific site, but it’s worth a mention…And if you are interested in doing this but can’t quite follow the video, let me know I’ll send some quick written steps.

ps: Just realized I didn’t add a title to the custom card in my video, of course that’s easy enough either with the Heading or the Title element…

- AJ

AJ, you are brilliant! Thank you so much for this.

For the page I’m working on, the chunks of text with abstracts are broken up with other content, in a fairly irregular fashion, so in this instance I don’t think Custom Cards will work. Nevertheless, I need to say I am a HUGE fan of your Custom Cards feature and I have created cards for a number of other pages, using Post Types Unlimited and ACF as you showed. They work really well, and I don’t know how I’d manage without them now!

I’ve added a random string for each of the toggle content IDs so there is no conflict.

Many thanks as always,

C

Hi,

Ok, so I’ve updated the Toggle Group so you can disable the Accordion and also added some JS to scroll to the section, if and only if it detects that it’s not in view. Here i a short video example: https://a.cl.ly/rRuR9bvR

Don’t think the scrollTo is so bad and it will only happen if it has to. This will help prevent issues on active sites without having to go back and disable the accordion. Plus, the user would have to scroll up themselves so I don’t think it should be too annoying. I also tried doing the scrollTo using an “instant” behaviour instead of smooth but that looked way worse.

Last, you may have noticed my accordion has backgrounds…I added a new Boxed styled and options to control the background, padding, active colors, active font weight…etc.

I was also planning on adding a left border style accordion, which I saw somewhere and it looked cool – but now I can’t find my inspiration, so maybe next update ;)

- AJ

I like the Brush Stroke font you use for the Travel Demo (header above the menu) Can you tell me which Font that is?

Hi,

I made this demo/logo like 10 years ago, honestly I can’t remember. I tried asking chatGPT but it wasn’t of much help and I can’t locate the original PSD file.

I found these Google Fonts which are similar-ish:

A lot of fonts have been removed from Google over the years, it’s possible the exact font isn’t available anymore.

- AJ

deanloh Purchased

Hi, can you take a look at https://www.aluminium-offshore.com/ — there is a search icon at the end of the main navigation. Suddenly it has stopped working, no error message nothing. What could be wrong?

Hi,

Total uses modern methods for loading javascript files for optimal site speed. This includes the user of the “defer” attribute which tells the browser to start loading a javascript file but don’t do anything with the file until the page has rendered.

On your site there is some sort of plugin or server script which is converting the file into inline code and inline code can’t be deferred. See this screenshot: https://a.cl.ly/9ZupN1qv

You’ll need to locate whatever plugin or server script is improperly taking your deferred scripts and dumping the code from the file inline instead of actually loading the file.

This issue on your site will break a lot of site functions, not just the search icon (for example, the mobile menu is also broken).

If there’s no optimization plugin installed on your site and your hosting provider doesn’t offer built-in optimization settings, the issue may be related to the PageSpeed module on the server. Based on your site’s source code, it appears that the PageSpeed server module is currently enabled.

- AJ

ps: Technically, I could modify the theme’s JavaScript files so that they still function when inlined at the top of the page. However, this would add unnecessary bloat to the theme. Any well-designed optimization plugin or server module should be smart enough to handle deferred scripts properly, especially when it’s taking external files and inlining them. It should automatically move those scripts to the bottom of the page when appropriate. So, making these changes manually doesn’t make much sense.

deanloh Purchased

Thank you AJ, it’s been a while! The hosting admin auto turned on inline javascript. I disabled it and it’s working now!

Glad it was an easy fix. Would be good to let them know as well that whatever function they are using to dump the JS inline is correctly incorrectly. This way they can fix it and you can take advantage of the functionality if you wanted to and prevent headaches with other customers.

- AJ

Hi AJ

Im wondering you could offer some advice as how to create a home page like on here:

https://www.wholenesscollectivetherapy.com/ The first two rows seems to mover the backgriound to the right slightly as you scroll.

The last one has the background image roll up slighly as you scoll.

Can you help?

Thank you

Hi AJ, Ive managed to do this with the Parralax setting in the row, with an image 2000px wide and an offset code in css, just working on a few finer points on other image and context

Hi,

Glad you were able to get it to work using the theme’s parallax function and some custom CSS.

- AJ

ps: Not sure if I’ve mentioned this to you specifically, but Total is also fully compatible with Elementor and they have this sort of function built-into the Pro version:

benwieg

benwieg Purchased

Hello AJ,

I hope, your fine! In my portfolio I inserted Vimeo-links via oEmbed to show them in a lightbox. I recognized, that they all autoplay by themselves which lets most browsers mute them. To prevent this and have them rather user-manually and UNMUTED started I would like to get rid of the autoplay. I didn’t find any setting in the WPBakery and I assume fancybox inserts it, because I couldn’t get around it with an adjusted Vimeo-version of your Youtube-Snippet https://totalwptheme.com/docs/snippets/add-custom-parameters-youtube-video-oembeds/ Of course I could add autoplay=0 to every URL, but if possible, I’d prefer a global solution. Do you have any ideas?

Cheers, Ben

benwieg

benwieg Purchased

Hello AJ,

thanks for doing this test! I see, it seems to be tricky. You’re right, my side hasn’t SSL activated yet, because it is still under construction. Later it will.

I understand your concerns with the kind of „hack“ solution that you found. Maybe it doesn’t need to be the standard setting. But would it be an option for you to make it on/off selectable in the theme (potentially with all necessary warnings of going against browser and device policy at oneself own risk)?

The Lightbox gallery is a really cool feature! Thanks for letting me know. I will probably use it after the update. Will it also allow to turn off the thumbnails and only show arrows?



Ben

Hi Ben,

I actually just tried locally forcing the Vimeo video to play in HTTPS mode (of course my local computer doesn’t have SSL) and the video auto plays with sound. So it definitely seems like something to do with how Vimeo embeds work and they get muted when not using https.

Turning off thumbnails is currently a global setting in the Customizer. So if you want you can preemptively disable it under General Theme Options > Lightbox > Thumbnails Panel.

- AJ

ps: Whether the site is in development you should always setup SSL first (it’s free anyway) – not only for security reasons but also it will make the transition easier then having to go through and do a database search/replace for the non http version of your domain on the database after adding a bunch of content to the site.

benwieg

benwieg Purchased

Hello AJ, thank you for figuring that out! I appreciate your help and your work. Cheers, Ben

Jolopu

Jolopu Purchased

Hi AJ! I love Total on my websites. Best theme ever! How can I turn my website in a community platform. I want my members to be able to create profiles and get in contact with each other. Is there any functionality or plugin you can recommend?

Thanks!

-Jolopu

Hi Jolopu,

This sort of functionality (community) is very large and complex so it’s not going to be inside a theme (it’s likely to require more code than the theme itself). So you’ll need to use a 3rd party plugin, which will depend exactly on what you need. For example you could use BuddyPress – https://buddypress.org/ – which is what’s used on the official WordPress.com site and Total does have some basic integration for the plugin to ensure it at least functions and provide you with a few customizer options to modify layouts.

Whatever route you choose, keep in mind that once you allow users to register and interact with each other, you’ll need to consider important legal implications; such as data privacy, moderation responsibilities, and compliance with regulations like GDPR. Simply installing and setting u a plugin is a small part of everything it takes to setup and run a community properly. Depending on what you are doing, it may be best to just create something like a Slack group or Discord for your community.

- AJ

Jolopu

Jolopu Purchased

Thank you very much!

How to show a cart icon in header ou menu for Easy Digital Download.

Hello,

I would like to use TOTAL theme for an e-commerce site that uses EDD (Easy Digital Download).

I’m looking for a solution to display a “cart” icon in the header or menu. Ideally, I’d like to : - also display the number of items and the purchase amount - display the shopping cart when hovering over it - link to the “cart” page when the icon is clicked.

you can see that in action with my current theme : https://geneasofts.com/en/

I think TOTAL already allows this for Woocommerce but I haven’t found how to do it for Easy Digital Download.

Thanks in advance for your help.

I wanted to mention…have you considered selling your digital goods through a separate service as opposed to self-hosting your own shop. There are some great options out there such as:

Personally, I would much rather have another site sell my product because then I don’t worry about the legality of storing customer data, dealing with VAT taxes, processing billing/user info…etc. I think paying a fee for the peace of mind is well worth it.

And all these services allow you to embed purchase links on your site. Plus, you get the added benefit of not having a large e-commerce plugin on your website which will keep your site much faster – aka better SEO + more conversions.

- AJ

Hi AJ,

Yes, I looked at these solutions, but in the end I decided to deploy my e-commerce site myself.

There are several reasons for this (“Pros”): - I knew how to do it. And i have to do this. - Easy Digital Downloads is a really powerful and comprehensive plugin. It allows me to choose: > sell software (licenses) with variants (editions). > sell by subscription or one-time purchase. > sell “suites/bundles.” > automatically manage licenses (with an API used from the software to verify acquired rights) and the ability to upgrade to a higher license. > automatically manage the release of updates. > sell version upgrades. > offer discounts and promotions. > do up-selling and cross-selling. > sell additional services. > sell on a “marketplace” (and pay commissions to authors). > integrate software documentation. > integrate support (tickets) with sales. > integrate sales with newsletters. > choose the payment method. > manage taxes (VAT). > add pages (including landing pages) and articles in addition to the software presentation. > link to social networks.

None of the “turnkey” solutions offer all of this for a relatively low cost (hosting + licenses).

Best regards.

There are inevitably some constraints (“Cons”): > Wordpress must be deployed. > Plugins must be selected, tested, deployed, and configured. > Wordpress and plugins must be kept up to date, so non-regression testing must be performed before any updates. > Performance, availability, and security must be monitored.

Best regards.

Hello,

I am a user of the Total theme and am writing to inquire about the integration of the theme’s Page Builder with the Advanced Custom Fields (ACF) plugin.

The Problem:

I have created an ACF Options Page (with the slug test) and added an images field to it (Field Type: Image, Return Format: Image URL). I have confirmed that this field’s value, http://sad.local/wp-content/uploads/2025/07/banner.jpg, is correctly retrieved using get_field(‘images’, ‘option’), which I verified through the debug.log file.

However, when I try to use this images field from the ACF Options Page as a background image source within the Total theme’s Page Builder, it does not work. Specifically, I set the ‘Custom Background Image Source’ option to ‘Custom Field’ and selected ‘images’ as the ‘Background Image Custom Field’ (please refer to the attached screenshot: CleanShot 2025-07-26 at 22.32.47.png). The background image does not appear.

Our Hypothesis:

It appears that the ‘Custom Field’ option in the Page Builder might be designed to reference only meta fields associated with the currently loaded page or post (Post Meta), and may not natively consider global fields such as those stored in an ACF Options Page. ACF Options Page fields require a specific context (e.g., ‘option’) to be retrieved using get_field(‘field_name’, ‘option’).

Questions:

Is there an official or intended method to directly reference and use an ACF Options Page custom field as the ‘Custom Background Image Source’ within the Total theme’s Page Builder?

If so, are there any additional settings or a specific workflow required beyond simply selecting ‘Custom Field’ and choosing the field name?

If direct referencing of ACF Options Page fields is not supported in the current version, could you please advise on any recommended workaround methods to achieve this within the Page Builder? (e.g., using custom CSS classes with inline PHP, JavaScript solutions, etc.)

Sorry for all the messages!

But I just realized that showing ACF theme options will be really great when working with client sites because you can make it easy to edit certain things.

For example when using the Header Builder you may want to give the client the ability to change the “logo” in the header builder without having to edit the header itself by offering a theme panel option to choose the image. Or maybe you are using the footer builder and want to give the client an easy place to define the copyright text without them having to edit the footer.

So along those lines I’m also going to add a new {{acf_option}} dynamic variable – https://totalwptheme.com/docs/dynamic-variables/ – for easily accessing option values in ACF in places where you may not be able to choose a field, such as a text block.

- AJ

No worries at all about the multiple messages! I actually appreciate this active communication and sharing of ideas!

I completely agree that displaying ACF theme options will be a huge advantage for client sites. As you mentioned, providing options in the theme panel to change things like the logo in the Header Builder or the copyright text in the Footer Builder without needing to edit the header or footer directly makes site management so much easier, especially for non-admin editors. I’ve always thought that using ACF option pages to register various field options and call them as needed would significantly streamline site operations. For repetitive template work, this kind of functionality saves a ton of time and makes it intuitive for clients, boosting their satisfaction.

The issue so far has been that I couldn’t properly retrieve values from the option pages. I tried various methods, but since ACF fields can be assigned to both posts/terms and option pages simultaneously, the theme often failed to fetch the correct values. Your proposed solution with the {{acf_option}} dynamic variable and the checkbox approach (e.g., “field_6886bf4f1b0a4|option”) sounds brilliant! It keeps the overhead minimal while clearly distinguishing option values, so it should work seamlessly without impacting performance.

The {{acf_option}} variable will be especially useful in cases like text blocks where selecting a field directly isn’t possible. For example, managing not just header logos or footer text but also site-wide elements like banner images, text snippets, or button links through the option page would make customization so much easier for clients.

One piece of feedback: when using the {{acf_option}} variable, it might help to make the admin interface more user-friendly by clearly displaying field names or adding a brief description (like a tooltip) so non-developer editors can easily understand which fields come from the option page. This would prevent any confusion for them.

Hi,

Thank you for the feedback, I’m a bit confused though by “One piece of feedback: when using the {{acf_option}} variable, it might help to make the admin interface more user-friendly by clearly displaying field names or adding a brief description (like a tooltip) so non-developer editors can easily understand which fields come from the option page.”

The {{acf_option}} is just a dynamic variable – https://totalwptheme.com/docs/dynamic-variables/ – that you can use in fields where you can’t specifically select a custom field, for example: https://a.cl.ly/RBuDXpjx

So inserting some sort of ‘tooltip’ is simply impossible because this is just text inside of an input. I could inject javascript into every field that is using a dynamic template to try and display a tooltip when hovering over the field but that introduces a ton of unnecessary (imo) bloat.

But also, the whole point of using the theme options is so the “non-technical” users aren’t using the page builder anyway, no?

- AJ

Hello,

I’m currently experiencing an issue regarding the integration of ACF (Advanced Custom Fields) values within the Total theme’s page builder.

Problem:

While I can successfully retrieve and display ACF field values entered directly on the current page or post using the page builder, I am unable to directly fetch and display field values stored within the ACF Options Page.

Hi,

I just replied to your newer comment regarding this same subject, please take a look.

- 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