Return to previous page

Accessibility problems - by NeroBlock - on WordPress WooCommerce support

This topic has 7 replies, 2 voices, and was last updated 2 years, 5 months ago ago by NeroBlock

NeroBlock

Participant

November 11, 2021 at 10:57

Hello,

– I am trying to change the archive/shop pagination arrows from to but with no success. What I have done is copy your pagination function (function etheme_pagination) found in framework\template-elementes.php to my child theme function.php and do the changes I need. But this does not seem to work. What am I missing?
– When I get the accessibility review (using achecker) for the product page, it shows a duplicate of id value for the etheme-photoswipe-css. How can I fix it?
– Finally, I can not find where to change the “color: var(–et_main-color);”. Going to Styling/Colors and changing the Main color, does not seem to do the job.

Thank you for your time.

Regards

#308191 Copied Theme version: 8.0.9

6 Answers

Rose Tyler

Support staff

November 11, 2021 at 15:20

Hello,

Thanks for using our theme.
Describe the desired result in more detail. Provide temporary wp-admin and FTP access, so we can take a closer look.
Please note that additional customization is outside the scope of our support.

Regards

#308222 Copied

NeroBlock

Participant

November 11, 2021 at 16:26

Hello,

– I am trying to change produced html of the pagination arrow from to next (http://prntscr.com/1z5sx1k). You will see in my functions.php what I have done so far concerning this part. Something is missing to complete the function.
– Using achecker to get an accessibility review of any product, you will see only 1 error stating of unique id attribute (http://prntscr.com/1z5tly9). Why there are 2 of them?
– Inspecting various elements of the page, I get the following attribute “color: var(–et_main-color);”. Can I change it from within the theme options or do I need to use custom css?

Thank you for your time.

Regards

Please contact administrator
for this information.

#308230 Copied
Rose Tyler

Support staff

November 11, 2021 at 17:06
Hello,

1/ Sorry but your request is unclear for me still. Please describe the desired result in more detail.
2/ Fixed
3/ Add the next code in Theme Options > Theme custom CSS > Global:
```
body {
--et_main-color: red;
}
```
Regards
#308234 Copied
NeroBlock

Participant

November 11, 2021 at 17:26
Hello,
```
1/ I want to change the pagination arrows (prev/next) from to .
Change this
next
to this
next
The desired outcome will be exactly the same, an arrow, but wcag acceptable.
Your code is generated by the function etheme_pagination located in framework\template-elements.php. I want to override it in my functions.php. I do not know how much more clear to describe.
2/ What did you do in order to fix it?
3/ So it is not something that changes from theme options apart from 

Thank you for your time.
```
Regards
#308238 Copied
Rose Tyler

Support staff

November 12, 2021 at 08:32

Hello,

1/ I’ve added another code because that pagination is created by WooCommerce so we only need to filter output -> http://prntscr.com/1z9bd41 (child-theme/functions.php)
http://prntscr.com/1z9b5p0
2/ We have changed etheme_photoswipe_template() located in xstore/framework/template-elements.php
3/ Custom CSS only

Regards

#308311 Copied

NeroBlock

Participant

November 13, 2021 at 10:10

Hello,

Thank you for your help in solving the mentioned problems.

Regards

#308469 Copied
Tagged: accessibility, issues, optimization, templates, woocommerce, wordpress
Viewing 7 results - 1 through 7 (of 7 total)