Component update on all pages

Hello,
I work a lot with components, but I regularly encounter problems whenever I modify one.
Two examples:

  • I add an option to a select box, but when I return to the component on a page, it displays the default value in a text field.
  • Just today, I modified a component by changing a photo and moving a graphic element (absolute position), but when I return to the component on a page, it displays the new image correctly, but the graphic element is not displayed with the correct properties (absolute). To fix this problem, I have to save the page, without even changing anything on it.

Any tip?

Hello @cpennetier,

Thanks for writing to us.

This issue is often caused by aggressive caching. Please clear all caches from your caching plugin. If you’re using a server-level cache or CDN (such as Cloudflare), be sure to clear those caches as well. Alternatively, you can temporarily enable Developer Mode (especially in Cloudflare) while testing to prevent cached assets from interfering. Please check for plugin conflicts by temporarily disabling plugins one by one to identify the source of the issue. If you’re using a child theme, make sure the parent theme is active while testing.
For more general troubleshooting steps, you can also refer to this guide:

If it doesn’t work for you, please share your details in a secure note. Please provide the following details

  • WordPress Login URL
  • Admin-level username and password
  • Exact page URL

You can find the Secure Note button at the bottom of your posts

Thanks

Hello,

The site is in the development phase and no cache plugins are enabled.
I am using a child theme; the parent theme is not “really” active.
In terms of plugins, I am very limited:

  • Advanced Custom Fields PRO
  • ALTCHA: Spam Protection
  • Complianz | GDPR/CCPA Cookie Consent
  • Contact Form 7
  • WPMasterToolKit Pro
  • Yoast SEO

I tested disabling all plugins and it does not change the behavior of the components when making changes.
Should I disable the pro child then?

Note when testing a section where I give the option to:

  • modify the H2 text
  • modify the paragraph text
  • modify the CTA text
  • modify the CTA link

No changes to components on the page when:

  • I add a background colour to the h2
  • I change the background colour of the section

Component updates (expected behaviour) when:

  • I change the H2 to H1
  • I add margins to certain elements
  • I add additional elements (but then my H2 and basic paragraph change to black, even though they are set to white).

Hello @cpennetier,

It would be best if you could share the admin credentials of the staging server so that we can investigate the issue on our end and guide you properly.

Thanks

Above my secure note to access to the admin.

Hey @cpennetier,

You haven’t provide what page is having the issue yet. Kindly share the URL.

Thanks.

Hi @christian,

Sorry.
Test on the component “section footer agence”, available on several pages :





Hey @cpennetier,

Where do we change the h2 to h1? I cannot seem to replicate the issue.

  • See the screenshot in the secure note below.

Thanks.

The screenshot is good.
I changed the h2 > h1 in left column “HTML Tag” and the bg color below “Background”.
I repeat : h2>h1 is ok but not bg color.

Hey @cpennetier,

See the secure note for the screenshots again.

Could you send us a video screencast so we can see how it is on your browser? As of this time, we cannot replicate the issue.

Thanks.

Find a video screenshot in the secure not.

Hello @cpennetier,

I could no longer login back to the site. The user credentials is not working for me. Could you save the Aceter page as a template and send us the .tco file so that we can import to our local testing server? The component will be included when we import the page.

Thanks.

new login access

Hello @cpennetier,

I have taken some time checking each sections in your page. I even included the header and footer for any broken HTML or CSS code. I found out that in some pages, for example, in the Acheter page, there are elements that are also Looper Providers, but DO NOT have any Looper Consumers. Be advised that a looper structure should be like this:

Looper Provider
   Looper Consumer
       Display details
Looper Provider
   Looper Consumer
      Display details
      Looper Provider/ Consumer
       Display sub details
Looper Provider
   Looper Consumer
      Display details
      
      Looper Provider
          Looper Consumer 
              Display Sub details

      Looper Provider/ Consumer
         Display sub details

Take note of how the Loopers are being nested. You may need to double-check the pages where you have these nested Loopers.

By the way, it seems that there is no issue with the component. Check out the test page I created in the secure note below.

Best Regards.

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.