[Resolved] 'Read More' button does not work properly.

[Author]

Posts

[bibiG]

From this page:
hidden link

I proceed down to the bottom of the page and select 'Trauma & MS' from the left sidebar.

The page updates. Then I goto the testimonial for 'Gail Marlow' and select 'read more'. This is where the problem happens. The link just reloads the /testimonials page and the 'Trauma & MS' option is not in the sidebar anymore. The 'read more' button should load the Gail Marlow Testimonial:
hidden link

Link to a page where the issue can be seen:
1. testimonials page
hidden link

2. After selecting the 'Trauma & MS' option from the left sidebar it goes to this URL
hidden link

3. After selecting 'read more' on Gail Marlow's testimonial
a. The URL first says this:
hidden link

b. then adds this:
hidden link

I expected to see her testimonial when selecting the 'read more' button
hidden link

Instead, I got:
a messed up and reloaded /testimonials page.

In addition, if at this point (after selecting the read more on Gail's testimonial) I select the 'read more' button on any other testimonial it will display the URL for the selected testimonial and the data for Gail. (see screenshot).

Also, at this point the videos in the upper part of the page selectively are getting errors starting with 'Sorry, ...'

[Minesh]

Hello. Thank you for contacting the Toolset support.

Yes, I can see the issue but I see when we load the following page first time:
=> hidden link

It seems view is updated couple of times.

I would like to know, did you added any custom filter related to Toolset views or any other custom JS code?

I can see that the page loaded first time without any issue when we click on "Read more" button but after couple of seconds its again redirected back.

I can see you are using redirection plugin, In order to minimize the cause of the issue and to ensure there is no conflict with the theme/plugins you are using:

Could you please try to resolve your issue by deactivating all third-party plugins as well as the default theme to check for any possible conflicts with any of the plugins or themes?
- Do you see any differece?

[bibiG]

Hello,

We are using the redirection plugin but it is not redirecting any of these pages.

The page in question is using the view 'Filterable Testimonials'. You have the credentials to log in and look around.

There is custom JS code that was provided by your support team. The client wanted the left side bar to have some items checked upon first load: fibromyalgia, pain, back-body-pain, and fatigue

I believe that code is messing up the URL and causing this issue. Please take a closer look.

I don't see any conflicts.

Our toolset subscription is due to automatically renew on 7/17.

Please advise.

[Minesh]

The client wanted the left side bar to have some items checked upon first load: fibromyalgia, pain, back-body-pain, and fatigue
==>
How exactly you are selecting those items? what code you added to select those items?

[bibiG]

Hello,

I feel like we are going in circles and you are not looking at our case seriously. I have given you all of the information you need to look into this issue further.

Goto:
hidden link

Scroll down and select any of the 'read more' buttons. You should be seeing their profile but instead it reloads the hidden link page with a long query string. This is the issue.

If it does not happen on the first load then you can follow the trail to the 'Gail Marrlow' instructions I sent earlier.

Under Toolset -> Views -> Filterable Testimonials
You will find everything you need.

This is the code that controls which items are selected:
jQuery( document ).ready(function() {
jQuery('.wpv-filter-form input[name="wpv-success-story-category[]"][value="fibromyalgia"]').prop('checked', true);
jQuery('.wpv-filter-form input[name="wpv-success-story-category[]"][value="pain"]').prop('checked', true);
jQuery('.wpv-filter-form input[name="wpv-success-story-category[]"][value="back-body-pain"]').prop('checked', true);
jQuery('.wpv-filter-form input[name="wpv-success-story-category[]"][value="fatigue"]').prop('checked', true).trigger('change');
});

I am including images but you can look at this yourself as well:

In the loop editor:
[wpv-layout-start]
[wpv-items-found]
<!-- wpv-loop-start -->
<div class="container wpv-loop js-wpv-loop">
<wpv-loop wrap="3" pad="true">
[wpv-item index=1]
<div class="row ">
<div class="col-md-4">[wpv-post-body view_template="loop-item-in-filterable-testimonials"]</div>
[wpv-item index=other]
<div class="col-md-4">[wpv-post-body view_template="loop-item-in-filterable-testimonials"]</div>
[wpv-item index=3]
<div class="col-md-4">[wpv-post-body view_template="loop-item-in-filterable-testimonials"]</div>
</div>
[wpv-item index=pad]
<div class="col-md-4"></div>
[wpv-item index=pad-last]
<div class="col-md-4"></div>
</div>
</wpv-loop>
[wpv-pagination]<ul class="pagination">
<li class="page-item">[wpv-pager-prev-page][wpml-string context="wpv-views"]Previous[/wpml-string][/wpv-pager-prev-page]
<li class="page-item">[wpv-pager-next-page][wpml-string context="wpv-views"]Next[/wpml-string][/wpv-pager-next-page]
[/wpv-pagination]
</div>
<!-- wpv-loop-end -->
[/wpv-items-found]
[wpv-no-items-found]
[wpml-string context="wpv-views"]No items found[/wpml-string]
[/wpv-no-items-found]
[wpv-layout-end]

[Minesh]

Ok thank you for the all required information and I know now the redirection happens because of the following code you added to select the taxonomy terms:

jQuery( document ).ready(function() {
jQuery('.wpv-filter-form input[name="wpv-success-story-category[]"][value="fibromyalgia"]').prop('checked', true);
jQuery('.wpv-filter-form input[name="wpv-success-story-category[]"][value="pain"]').prop('checked', true);
jQuery('.wpv-filter-form input[name="wpv-success-story-category[]"][value="back-body-pain"]').prop('checked', true);
jQuery('.wpv-filter-form input[name="wpv-success-story-category[]"][value="fatigue"]').prop('checked', true).trigger('change');
});

(I've commented the above code for now, if you want you can uncomment it, The above code is responsible as you can see that page is redirected after some time with some URL parameters and view reloads).

Now, I would like to know how exactly you want to filter the view. Lets say view is loaded first time so it should be filter the results by default with the terms fibromyalgia, pain, back-body-pain, fatigue.

Now, further when user interact with taxonomy filter how you want the result should be filtered. Do you want to always filter results with terms fibromyalgia, pain, back-body-pain, fatigue even user select other terms or the view results should be filtered with terms fibromyalgia, pain, back-body-pain, fatigue and then when user select other terms all default terms should be excluded?

Regarding the redirection issue when you click "read more" I can see the issue but as its a live/production site I will require duplicator copy of your site in order to debug that issue further. When we click on "read more" button the URL is redirected to single "success-story" post but somehow it does not load the assigned content template but the same page from where we clicked on the "read more" button.

It seems any plugin or theme hijacks' the single post URL or possibly cache. But I could tell more when I further debug that and to do so I will require duplicator copy of your site. Will you be able to send me duplicator copy of your site or if you agree I can install the duplicator plugin on your site and download it.

More info:
=> https://toolset.com/faq/provide-supporters-copy-site/

I have set the next reply to private which means only you and I have access to it.

[Minesh]

It seems you forget to clarify how you want the default filter to work for which I raise the question with my previous reply.
- https://toolset.com/forums/topic/read-more-button-does-not-work-properly/#post-2619293

Can you please clarify that first?

[bibiG]

Hello,

I feel like the 'read more' button is a separate issue from the default filter.

But, to answer your question - we want the default filter to remain the same:

Upon initial load these should be selected:
fibromyalgia, pain, back-body-pain, and fatigue

Then if the user de-selects or selects something else it will upload the page with the new selections.

For example, the first load will have these selected:
fibromyalgia, pain, back-body-pain, and fatigue

Then if you say select 'Trauma & Multiple Sclerosis' then it will load:
fibromyalgia, pain, back-body-pain, fatigue, and 'Trauma & Multiple Sclerosis'

It's working perfectly fine on our development server:
hidden link

[Minesh]

I downloaded the copy of your site using duplicator plugin and I setup the site on my local test install.

After investigation I found that when I deactivate the plugin "Wbcom Designs – Shortcodes & Elementor Widgets For BuddyPress" on the site it works normal and redirect to correct single "success-story" post.

Can you please try to deactivate the same plugin on your site and then try to click on the "Read more" button to see if its working as expected.