prccp

Isn’t there any way to grant permission for everyone logged into administration despite roles?

Thanks for the consideration, Ketan!

About the autoplay, the problem is the current implementation goes against accessibility guidelines. You can read up more on the WCAG Understanding SC 2.2.2: Pause, Stop, Hide (Level A) page.

Accessibility is one of the biggest problems with Slick Slider and widely discussed since is the major slider library used across the globe. But there are ways to make it better. And your implementation on WordPress was very good. Kudos to you/your team!

• This reply was modified 1 year, 10 months ago by prccp.

So I’ve made it work after reading up on the Slick Slider documentation.

1) First create a Cover block and insert the slider and a Blocks button inside it.

2) Then add the class “playpause” to the Buttons block and a link the button as the example below.

<div class="wp-block-buttons playpause"><!-- wp:button -->
<div class="wp-block-button"><a class="wp-block-button__link wp-element-button" href="#">Pause</a></div>
<!-- /wp:button --></div>

3) Then add the following script:

$('.wp-block-cover__inner-container').on('click', '.playpause a', function(e) {
	e.preventDefault();
	var slider = $(e.currentTarget).closest('.wp-block-cover__inner-container').find('[id^="wpsisac-slick-slider"]');
	var button = e.currentTarget;
	$(button).toggleClass('paused');
	if (button.innerText == "Pause") {
		button.innerText = "Play";
		slider.slick('slickPause');
	}
	else {
		button.innerText = "Pause";
		slider.slick('slickPlay');
	}
});

4) Stylize it.
In my case I made the text disappear for sighted users, but kept it accessible for screen readers, then added a visual “Play/Pause” switch, and finally positioned it on top of the slider. That part will vary depending on implementation.

.wp-block-buttons.playpause {
top: 13% !important;
left: 0;
position: absolute;
padding: 40px;
z-index: 1;
}

.wp-block-buttons.playpause .wp-block-button {
font-size: 0;
}

.wp-block-buttons.playpause a.wp-block-button__link.wp-element-button {
background: transparent;
color: transparent;
}

.wp-block-buttons.playpause a.wp-block-button__link.wp-element-button::after {
content: '';
border-style: solid;
box-sizing: border-box;
display: block;
width: 12px;
height: 16px;
}

.wp-block-buttons.playpause a.wp-block-button__link.wp-element-button:not(.paused)::after {
border-width: 0 3px;
border-color: #262A31;
}

.wp-block-buttons.playpause a.wp-block-button__link.wp-element-button.paused::after {
border-width: 8px 0px 8px 16px;
border-color: transparent transparent transparent #262A31;
}

The reason I’m implementing the Pause/Play button is because of accessibility. Hope it helps everyone and feel free to ask me anything related.

Here’s a screenshot of how it looks:

Giving super admin privileges to other users now prevents from breaking at all, no need to fix it again.

When other users are not super admin, after fixing and saving if they try editing the page again it breaks. Happens every time, and removes their autonomy from editing those pages, since I have to fix it right after, or else the page becomes messed up.

I’m currently using our staging site for validation purposes and last adjustments, but will soon (1-2 weeks) be able to test further and I’ll let you know what I find. Maybe it’s an issue with another plugin.

Thanks for your time and patience!

It happens to all modals. I’ve had modal only with titles and paragraphs break, so I guess it happens to all of them, but I can test it further. I just need a co-worker to help me with the tests.

I’ve just fixed the problem temporarily by giving users super admin privileges, but I rather not give away privileges like that.

As far as I’ve tested, other users don’t even need to modify anything, they just need to enter the page edit and save. So I guess when WordPress parses the code to save it something happens and breaks.

It’s a multisite instalation, if it helps. And if you want to investigate further I can provide and help you with whatever you need.

Hello!

The problem is the slug is duplicating blank insted “slug-2”.

Due to company policy I can’t upload any images, so I can’t provide you right now with evidence. But if you have any sugestions, I can try them out.

For future reference for anyone having this issue, I’ve replaced Flamingo for Contact Form 7 Database Lite by NinjaTeam and that did the trick.

For future reference for anyone having this issue, I’ve replaced Flamingo for Contact Form 7 Database Lite by NinjaTeam and that did the trick.

I’ve posted on both plugin support forums because I don’t know which one has the incompatibility issue.

Ok, just found out that if you search the site for “lazyblock-block_name_here” you get all the posts and pages using it.
Hope it helps anyone in the future.

additionally, is there a way to track how much time users spend on each page on the Popup version? That would do for them.

@philbuchanan, I gave it a shot, but it didn’t work.

Since this beta version didn’t come with a translation file (I think WordPress generates those automatically) I used the file from the last version (with the translation file from previous version (1.3.5).

Editing strings in “\wp-content\plugins\accordion-blocks\build\index.js” worked, so I dont’t know if that file is not translated or the translation file references are outdated.

Thanks, Phil!

Tomorrow is a national holiday here in Brazil and I won’t haven able to do it, but I’ll definitely take a look on friday.

Thanks for suggestions! I became part of the translation community a few months ago after reading all the documentation and guidelines (mainly because of this plugin).

And although I haven’t publicly updated the translation entries for the last few versions (I intend to soon), I have a full translated file in my project.

I’ve spent some time today checking everything and so far I found that the language entries for the file “accordion-blocks.php” work fine.
The problem seems to be all the other entries for files such as “../src/block/edit.js“, that as far as I know doesn’t exist. Instead all of those entries should point to “build\index.js“. But I’m not sure that file is getting the texts from the language files.

Let me know what you can find and if you need any help I can give.

Thanks again for your time!

Ok, it worked! But weirdly enough the “Load scripts and styles globablly” was already enabled. I had to disable and save, then enable again and save again.

Thanks a lot for your help.