I have sent you the admin login information, can you also check this one, why this is happening

I think I solved the problem, thank you so much

Great, thank you for letting me know! I did reply to your email as well, because the logins were still not working for me. If you do have any issues still feel free to reply back to the email and I can assist there.

- AJ

Hi AJ,

Thanks for your reply and the css – that made everything look a lot better.

Yes that’s exactly what im trying to do. Its a wholesale site so i was just trying to replace every price label with a link that says Login to view price globally across the site.

Thank you Adam

If you want to replace every price label with a link that says login you could try adding this code to your site (via child theme functions.php file or a code snippet plugin).

function change_woo_price_to_login_link( $price ) {
    if ( ! is_user_logged_in() ) {
        return '<a class="wpex-text-base" href="' . esc_url( wp_login_url() ) . '">Login to view price</a>';
    }
    return $price;
}
add_filter( 'woocommerce_get_price_html', 'change_woo_price_to_login_link' );
add_filter( 'woocommerce_cart_item_price', 'change_woo_price_to_login_link' );
add_filter( 'woocommerce_cart_item_subtotal', 'change_woo_price_to_login_link' );

This code just hooks in to the WordPress price html filter and it should be replaced everywhere, but if you have 3rd party plugins that modify other things then it may not work the same.

But also, the WooCommerce mini-cart widget (used in the theme for the mini-cart like the sidebar drawer) doesn’t use the same hooks as it displays “quantity” instead so the price will show there.

Buf if you don’t want users to be able to add items to the cart unless they are logged you can also use this:

add_filter( 'woocommerce_is_purchasable', function($purchasable, $product) {
    if ( !is_user_logged_in() ) {
        return false;
    }
    return $purchasable;
}, 10, 2);

Which is even better because it makes no sense for users to check out or add items to the cart if they don’t know the price.

- AJ

ps: I don’t know much about wholesale websites, if you gave me a list of some of the features needed in WooCommerce (like the log in to view price) – perhaps I can write a dedicated tutorial and even a simple plugin for this. All my plugins are super slim without any advertisements – https://profiles.wordpress.org/wpexplorer/#content-plugins – and I know a lot of the WooCommerce plugins out there have expensive upsells, so it would be cool to make my own little free plugin without any ads in it if it’s something that people will find useful for creating this sort of site. Thanks!

Hi,

This is AJ the theme author.

Please have a look at the important notice on the upcoming changelog – https://totalwptheme.com/docs/upcoming-update-changelog/

Let me know if you have any followup questions or if I can help with anything else!

- AJ

Hi AJ,

Thank you very much for the information and for your prompt reply.

Now I have this information, I can put my clients’ minds at ease.

Hi,

You’ve probably enabled the WPBakery Slim Mode option – https://totalwptheme.com/docs/wpbakery-slim-mode/ – which will disable the Separator with Text option since the same design can be achieved using the theme’s “Heading” element or “Divider” element.

- AJ

AJ, Thank you. That is exactly what happened.

Hi,

Sorry I got sick and got a bit behind. I’m trying to finish it asap (I only have a couple things left on the todo list and then testing) but I don’t want to give an ETA. But I’m hoping by early next week at the very latest.

Are you waiting for something specifically? I can always help you patch your site with that change for the meantime if there is a rush, let me know!

- AJ

First of all, get well soon, AJ! I asked because I wanted to start the regular updates of my customer pages. And of course I wanted to include the template right away.

Hi,

This is Aj the theme author. Please see the article here: https://totalwptheme.com/docs/woocommerce-outdated-templates/

The currently outdated template file has a tiny change that is non-site breaking so the fix will be in the upcoming update, no need for me to rush out a fix and bother my customers with multiple updates. You can view the upcoming changelog here as well if interested: https://totalwptheme.com/docs/upcoming-update-changelog/

- AJ

Thanks. I just had to ask at the clients request.

I totally understand.

If you want to remove the notice, you can always edit the file and change the version number at the top of the file to something large like 9999 – it will be overwritten in the next update anyway.

- AJ

If you aren’t creating custom cards or templates and you just want to define a fallback featured image site wide, there are plugins for this but it’s also very simple with a little custom code.

I have a snippet here you can use: https://totalwptheme.com/docs/snippets/fallback-post-thumbnail-featured-image/ (simply change “5” to your image ID)

- AJ

Much appreciated

Of course! Let me know if you have any issues with that or any other issues or questions.

- AJ

If you want both an image and a gradient, you would add the image to the row background in the “Design Options” tab, then you can target the overlay with your custom CSS just for the gradient. Overlays display over the background image.

And yes, support for gradient overlays is coming in the next update!

Here is a little video of the new Gradient background function if you want to check it out: https://a.cl.ly/yAumgxeB – it will allow you do come up with some cool designs!

I am adding gradient support to various theme elements as well and to various customizer options so you can use gradients for other things like buttons, headings, etc. I also added the ability to set a gradient text color on the heading element – https://a.cl.ly/qGuL4wGz

- AJ

This looks great, exactly what I need! Along with the new row padding options and inner column spacing presets my wish list is complete!

Glad to hear that

Currently in the process of testing everything so I can get the official update out – hopefully within the next 2-3 days!

- AJ

Hi,

There are plugins out there, the most popular probably being “The Events Calendar” also known as “Tribe Events” but these plugins are pretty bulky and can get expensive. Personally, I think using a service outside of WordPress is generally best and these usually can be embedded onto a site if needed or you can just link to it from your site. Some options are:

• Eventbrite – https://www.eventbrite.com/
• Universe (owned by Ticketmaster) – https://www.universe.com/
• Ticket Tailor – https://www.tickettailor.com/

I personally haven’t had the need to ever host an Event, but if I did that’s what I would do.

Another good reason to keep things separate is for liability, because you aren’t dealing with or storing personal information and credit cards. This is why I would personally never use a plugin like WooCommerce for a shop, but would instead use a service like Gumroad or Shopify to host the actual product, user information and checkout process.

- AJ

Hi Paul,

The heading element should be included already, I will add it in the next update if it’s not (makes sense to).

I’ve updated the docs with a snippet: https://totalwptheme.com/docs/grid-container/

For the heading element specifically you would use ‘vcex_heading’ for the name as that’s the shortcode name.

- AJ

Perfect thank you.

Hi Paul,

1. In CSS/HTML margins are collapsable. This means the bottom margin on the first column collapses with the top margin on the second column. Columns by default have a 40px bottom margin (can be changed in the customizer), you added a top 40px margin to the second column – since margins collapse the end result is a 40px space. If you were to add a top margin of 80px then you would get the result you expect.

Contrary paddings do not collapse, so if you want extra space using a padding would make more sense or insert the theme’s Spacing element inside the column and use the visibility option so it only displays at your desired breakpoint.

You can also use the theme’s utility classes to apply your top padding such as “wpex-pt-40 wpex-md-pt-0” – this would give the column a top padding of 40px which will be removed at the ‘md’ breakpoint. More info here

• https://totalwptheme.com/css-framework/padding/
• https://totalwptheme.com/css-framework/responsive-breakpoints/

2. I’m not sure what you mean regarding the logo, it looks good to me. I recorded a video: https://a.cl.ly/geue0krz – what browser are you using? The only reason I can think of for your logo to not render properly would be if you have a very outdated browser that doesn’t properly support the max-width property. I’ve looked in Chrome, Firefox and Edge and it’s working correctly in all of them.

- AJ

Hi AJ,

Specifically at exactly 958px there is no space where there should be 40px (or any value I set). I can’t use the themes utility classes because I want this spacing to apply only between 767px-959px. 960px onwards and the columns no longer stack. All I’m looking to do is stack columns earlier than 767px because if you have text left and image right (as an example), then the text becomes too narrow IMO, it’s not good for reading. But I feel like I’m fighting wpbakery to achieve this. And the theme’s utility classes don’t cater for this so it has to be custom css.

Browser is latest Edge or Firefox (win11), at 959px the logo is 365px by 80px.

Paul.

Hi Paul,

I see the top margin added just fine when I inspect it: https://a.cl.ly/5zuqDkJw (I can see you’ve disabled the bottom margin on the columns now as well).

So I’m not sure what you mean.

if you want to stack columns at a sooner breakpoint on a per-row basis you just need to use the responsive options for columns see this video: https://a.cl.ly/qGuGg8dO

WPBakery columns is a mobile first approach, this means that if you change the width at tablet it will be applied to tablet and greater – thus you need to re-define the width you want at desktop putting it back to 50%.

The responsive column settings are quite powerful (you can use the offset settings as well instead of margins to add more space at different breakpoints). But it can take some time getting used to these settings and some math when calculating offsets and widths to ensure everything syncs up.

And if you are looking to stack columns at an earlier breakpoint globally it’s very simple with some CSS like this:

@media (min-width: 959px) {
    .vc_column_container { width: 100% !important; }
}

Where 959px is the breakpoint you want to target.

You can also enable the WPBakery design options to control the breakpoint globally (won’t work with WPBakery Slim Mode though or Theme Mode, not working with Slim Mode is crucial but the later is a bug which I’ll fix in 6.4) – https://a.cl.ly/Kou6L5W1 – the reason these settings don’t work with “Slim Mode” is because the way the plugin does things is by re-creating the plugin’s CSS on the fly and adding a dynamic CSS file to the site. WPBakery Slim Mode loads a custom CSS file with a bunch of code removed not needed when the function is enabled and this isn’t done “on-the-fly” as that introduces a lot of bloat and slows things down. Ideally the WPBakery plugin would instead use CSS variables for colors and separate CSS files for the breakpoints, but they don’t and I don’t think they can change how it works as it can break sites updating.

- AJ

Hi,

It’s working correctly for me.

Do you by any chance have “Show animations in Windows” disabled on your PC under the accessibility settings or “Reduce motion” enabled on Mac?

The theme won’t animate if you have those settings enabled as it would be an accessibility issue if it did, so the theme specifically checks this user setting.

See here: https://a.cl.ly/d5u5lXLA

- AJ

Wow. “Show animations in Windows” was the culprit. I never knew this affected websites too. Thanks for the insight!

Some people experience nausea, dizziness, or headaches from motion effects soit’s important for websites to check this option before applying animations to the site. Not all themes/websites do this, which may be why you still noticed animations on some sites even with the setting disabled, but accessibility is very important and I try my best to make the theme as accessible for everyone as possible.

- AJ

Hi,

Nope, the “wpex-icon—sm” class is a new class added in Total 6.0 – https://totalwptheme.com/docs/changelog/6-0/ – which is used strictly for the SVG based theme icons. The “wpex-icon-sm” class is an older class that was used for the Icon page builder element.

The upcoming Total 6.4 update has a new Customizer setting you can use to modify the close button size and icon in the Customizer!

- AJ

Hi James,

If I get more requests I’ll consider it as currently you are probably the only person that would want an icon for this.

Now, you can always add your own icons very easily and you have 3 methods:

1) Override and modify all theme icons in your child theme – https://totalwptheme.com/docs/snippets/custom-icons-json/

2) If you want this icon as a social profile option you can easily add it – https://totalwptheme.com/docs/snippets/add-new-social-options/

3) If you want to display the icon in a theme Element (icon, icon box, etc) you can upload custom icons to your site using the theme’s Icon Selector in WPBakery or the Elementor selector in Elementor.

- AJ

Thanks AJ – I made my own in the end, WTW has logos for download

Awesome

[edit] – I was going to change how the theme works so it will query posts based on the assign staff as author plugin first (take priority) over the connection field in the user profile settings. However, this could break people’s sites when they updated if they were doing things in a “strange” way. Rather I’m going to just add a notice/warning in the admin on the user’s edit screen if the plugin is enabled.

My recommendation if you are using the plugin is to disable the “Connect to Staff Member” feature completely and you have 2 ways of doing this:

1) Hook into the “wpex_staff_users_relations” filter and return false.

2) Better method – disable the Staff post type from the Theme Panel and use the Post Types Unlimited plugin instead to register the staff post type. This will register a simple staff post type without the added theme functionality, which you probably don’t need. Especially if you are using dynamic templates to display the staff members.

- AJ

I’ve just bought another license so will open a new ticket in the Support portal

Thank you for the purchase!

I got the ticket and I replied back, please get back to me so that we can sort this out ASAP. Thank you!

- AJ

Hi,

You can insert HTML into the top bar content area in the Customizer for adding stuff like an image.

However, depending what you are going for – perhaps you could do one of these 3 things instead:

1) Disable the Top Bar and use the Header Builder for the whole top section of your site: https://totalwptheme.com/docs/header-builder/

2) Create a dynamic template part and insert that into the Top Bar content area so you can use the page builder for the content – https://totalwptheme.com/docs/dynamic-template-parts/

3) Disable the top bar completely, create a new dynamic template part and then insert this under the Custom Actions section so it displays before the header – https://totalwptheme.com/docs/custom-actions-panel/

- AJ

And a bit more about what I’m trying to achieve. I have a search bar already set up for the custom post type “members” with a dynamic template for the search results. I now need to add a search bar to search only pages and not include custom post types or posts. Ideally I would use a separate dynamic template for the page search results.

Thanks!

Hi Alice,

I hope you had a nice weekend, thank you for your patience!

Using post_type=page in the search bar is correct and it works correctly for me. If it’s showing all post types, there may be a conflict with a 3rd party plugin or child theme code that’s modifying the search query. Or the dynamic template you are using for Search Results isn’t properly set to use the “Auto Query” type so it’s not actually displaying search results.

Using a separate page is a great idea, see the guide here: https://totalwptheme.com/docs/custom-search-for-post-cards/

This way you can create a custom search like the one I have on the docs Filters Page: https://totalwptheme.com/docs/filters/

When creating the custom page for page search results, keep in mind that you do NOT tell the search query to search pages in the Search Bar element, instead you set your Post Cards element shown on the results page to display the page post type. If you follow the guide it should work but if you have any issues let me know!

- AJ

Thanks, AJ, that’s brilliant! The custom search is exactly what I was looking for :)) Best theme ever!

Hi,

Thank you for your patience.

I tested locally and was able to recreate the issue, the problem seems to come from the fact that WordPress requires a taxonomy name for their functions that return next/previous posts even if it’s not used in the actual code that retrieves the posts. It’s really a bug on their end but nothing I can do about that.

I will need to update the element so if the “Same Term Taxonomy” so if the “In Same Term” setting is disabled it still passes “category” as the taxonomy to get next/prev posts for. It seems weird to do this, but it fixes the issue.

Hopefully, WordPress doesn’t change things in the future and breaks things – if they do though, I’ll just have to revert back these changes.

Thank you for reporting the issue!

- AJ

ps: If you want to fix this yourself the code is simply. You would edit the file at plugins/total-theme-core/inc/vcex/templates/vcex_post_next_prev.php and add the following around line 34 before Define wrap class>

if ( ! $in_same_term && ! $same_term_tax ) {
    $same_term_tax = 'category';
}

Example screenshot: https://a.cl.ly/Wnunz8Wg

As always, thank you!. By the way, if the “next/prev” option, when creating a new post type, is enabled, it works perfectly. But in this case, we needed the links in a different position… Just in case the functionality of that option brings something into account

Hi James,

Unfortunately CSS does not allow media breakpoints in CSS

That’s why the theme works by loading a separate file for desktop and one for mobile using inline media queries like this: https://a.cl.ly/12u8eZA8

You have 4 options here:

1) Don’t use pixels, use a responsive unit and the clamp function to make the padding responsive. Example:

.logo-img {
     padding-block-start: clamp(10px, 2vw, 20px);
     padding-block-end: clamp(10px, 2vw, 30px);
}

Would be a good idea to start using responsive units if you aren’t familiar with them, they are awesome!

By the way you can use padding-top and padding-bottom but those are older properties, it’s best to use newer direction aware properties like padding-block and padding-inline.

2) You can load your own CSS file for the mobile menu breakpoint. You should check for the theme’s script and grab it’s media value dynamically, example:

add_action( 'wp_enqueue_scripts', function () {
    $handle = 'wpex-mobile-menu-breakpoint-max';

    // Return early if the style isn't registered
    if ( ! wp_style_is( $handle, 'registered' ) ) {
        return;
    }

    // Get the global styles object
    $styles = wp_styles();

    // Get the media query value from the registered style
    $media = $styles->registered[ $handle ]->args;

    // Enqueue your child theme stylesheet with the same media query
    wp_enqueue_style(
        'james-mobile-css',
        get_stylesheet_directory_uri() . '/css/mobile-menu-breakpoint-max.css',
        [],
        wp_get_theme()->get( 'Version' ),
        $media
    );
}, 20 );

3) Display a custom logo on mobile: https://totalwptheme.com/docs/snippets/mobile-logo/

4) Use the header builder and have complete control over the design on mobile and desktop: https://totalwptheme.com/docs/header-builder/

- AJ

If you want to do #2 I wrote a better snippet and posted it in the docs with an alternative way of adding inline CSS instead of loading a CSS file: https://totalwptheme.com/docs/snippets/mobile-only-css/

Also, I just thought of a cool idea…I could expand the Custom CSS panel to have 3 tabs so that you can define global, mobile and desktop CSS. The problem is the theme’s CSS panel actually doesn’t really do much beside hook into the WordPress core “Additional CSS” function in the Customizer, which means the additional tabs for mobile/desktop would need to be saved separately and have their own system….I will put this on a potential todo list.

- AJ

Can you recommend a good plugin for this?

Which plugin you use really depends on your website needs. This is one of the most popular and all-inclusive options: https://wordpress.org/plugins/complianz-gdpr/

If you want something more simple this one looks pretty nice: https://wordpress.org/plugins/lightweight-cookie-notice-free/

Or if you know how to code you can use this script – https://cookieconsent.orestbida.com/ – to create your own little plugin or add it to your child theme.

- AJ

Thank you very much for the recommendations!