Docs

[itshakdeal]

Hello.
When I want to upload an image, i get an error PhP, and it’s impossible to do modification with the customiser, it don’t save it.

[itshakdeal]

This reply has been marked as private.

[itshakdeal]

I’ve try to desactivate all the plugins and delete all the cache, but it still don’t work, can you help me please ?
Thanks

[itshakdeal]

Ii’ve got again another problem. My image before my menu don’t appear.

[Christopher]

Hi there,

Please update cornerstone and check this link to solve issue with customizer : https://community.theme.co/kb/solutions-to-potential-setup-issues-customizer/

Which image you’re referring to? how did you add it?

Hope it helps.

[itshakdeal]

Any images I try to add it in media and add don’t appear
But I’m referring to the image before my menu, actually it don’t appear, I don’t know why. How can I add this image: https://yacov.net/wp-content/uploads/2016/04/imagedepresentationtetecligne.gif

With this script in header.php on the child theme

 
<?php

// =============================================================================
// VIEWS/ETHOS/WP-HEADER.PHP
// -----------------------------------------------------------------------------
// Header output for Ethos.
// =============================================================================

?>

<?php x_get_view( 'global', '_header' ); ?>

<?php if( is_front_page() ){ ?>
   <?php echo do_shortcode("[cs_section id='large-header' class='large-header' bg_image='https://yacov.net/wp-content/uploads/2016/04/imagedepresentationtetecligne.gif'][cs_raw_content]
    <canvas id='demo-canvas' width='100%' height='100%'></canvas>
    <script>
    (function() {

      var width, height, largeHeader, canvas, ctx, points, target, animateHeader = true;

      // Main
      initHeader();
      initAnimation();
      addListeners();

      function initHeader() {
          width = window.innerWidth;
          height = window.innerHeight;
          target = {x: width/2, y: height/2};

          largeHeader = document.getElementById('large-header');
          largeHeader.style.height = height+'px';

          canvas = document.getElementById('demo-canvas');
          canvas.width = width;
          canvas.height = height;
          ctx = canvas.getContext('2d');

          // create points
          points = [];
          for(var x = 0; x < width; x = x + width/20) {
              for(var y = 0; y < height; y = y + height/20) {
                  var px = x + Math.random()*width/20;
                  var py = y + Math.random()*height/20;
                  var p = {x: px, originX: px, y: py, originY: py };
                  points.push(p);
              }
          }

          // for each point find the 5 closest points
          for(var i = 0; i < points.length; i++) {
              var closest = [];
              var p1 = points[i];
              for(var j = 0; j < points.length; j++) {
                  var p2 = points[j]
                  if(!(p1 == p2)) {
                      var placed = false;
                      for(var k = 0; k < 5; k++) {
                          if(!placed) {
                              if(closest[k] == undefined) {
                                  closest[k] = p2;
                                  placed = true;
                              }
                          }
                      }

                      for(var k = 0; k < 5; k++) {
                          if(!placed) {
                              if(getDistance(p1, p2) < getDistance(p1, closest[k])) {
                                  closest[k] = p2;
                                  placed = true;
                              }
                          }
                      }
                  }
              }
              p1.closest = closest;
          }

          // assign a circle to each point
          for(var i in points) {
              var c = new Circle(points[i], 2+Math.random()*2, 'rgba(255,255,255,0.3)');
              points[i].circle = c;
          }
      }

      // Event handling
      function addListeners() {
          if(!('ontouchstart' in window)) {
              window.addEventListener('mousemove', mouseMove);
          }
          window.addEventListener('scroll', scrollCheck);
          window.addEventListener('resize', resize);
      }

      function mouseMove(e) {
          var posx = posy = 0;
          if (e.pageX || e.pageY) {
              posx = e.pageX;
              posy = e.pageY;
          }
          else if (e.clientX || e.clientY)    {
              posx = e.clientX + document.body.scrollLeft + document.documentElement.scrollLeft;
              posy = e.clientY + document.body.scrollTop + document.documentElement.scrollTop;
          }
          target.x = posx;
          target.y = posy;
      }

      function scrollCheck() {
          if(document.body.scrollTop > height) animateHeader = false;
          else animateHeader = true;
      }

      function resize() {
          width = window.innerWidth;
          height = window.innerHeight;
          largeHeader.style.height = height+'px';
          canvas.width = width;
          canvas.height = height;
      }

      // animation
      function initAnimation() {
          animate();
          for(var i in points) {
              shiftPoint(points[i]);
          }
      }

      function animate() {
          if(animateHeader) {
              ctx.clearRect(0,0,width,height);
              for(var i in points) {
                  // detect points in range
                  if(Math.abs(getDistance(target, points[i])) < 4000) {
                      points[i].active = 0.3;
                      points[i].circle.active = 0.6;
                  } else if(Math.abs(getDistance(target, points[i])) < 20000) {
                      points[i].active = 0.1;
                      points[i].circle.active = 0.3;
                  } else if(Math.abs(getDistance(target, points[i])) < 40000) {
                      points[i].active = 0.02;
                      points[i].circle.active = 0.1;
                  } else {
                      points[i].active = 0;
                      points[i].circle.active = 0;
                  }

                  drawLines(points[i]);
                  points[i].circle.draw();
              }
          }
          requestAnimationFrame(animate);
      }

      function shiftPoint(p) {
          TweenLite.to(p, 1+1*Math.random(), {x:p.originX-50+Math.random()*100,
              y: p.originY-50+Math.random()*100, ease:Circ.easeInOut,
              onComplete: function() {
                  shiftPoint(p);
              }});
      }

      // Canvas manipulation
      function drawLines(p) {
          if(!p.active) return;
          for(var i in p.closest) {
              ctx.beginPath();
              ctx.moveTo(p.x, p.y);
              ctx.lineTo(p.closest[i].x, p.closest[i].y);
              ctx.strokeStyle = 'rgba(156,217,249,'+ p.active+')';
              ctx.stroke();
          }
      }

      function Circle(pos,rad,color) {
          var _this = this;

          // constructor
          (function() {
              _this.pos = pos || null;
              _this.radius = rad || null;
              _this.color = color || null;
          })();

          this.draw = function() {
              if(!_this.active) return;
              ctx.beginPath();
              ctx.arc(_this.pos.x, _this.pos.y, _this.radius, 0, 2 * Math.PI, false);
              ctx.fillStyle = 'rgba(156,217,249,'+ _this.active+')';
              ctx.fill();
          };
      }

      // Util
      function getDistance(p1, p2) {
          return Math.pow(p1.x - p2.x, 2) + Math.pow(p1.y - p2.y, 2);
      }
      
  })();</script>[/cs_raw_content][/cs_section]"); ?>

        
<?php }else{ ?>
<?php x_get_view( 'global', '_slider-above' ); ?>
<?php } ?>

  <header class="<?php x_masthead_class(); ?> this is it" role="banner">
    <?php x_get_view( 'ethos', '_post', 'carousel' ); ?>
    <?php x_get_view( 'global', '_topbar' ); ?>
    <?php x_get_view( 'global', '_navbar' ); ?>
    <?php x_get_view( 'ethos', '_breadcrumbs' ); ?>
  </header>

  <?php x_get_view( 'global', '_slider-below' ); ?>
  <?php x_get_view( 'ethos', '_landmark-header' ); ?>

But impossible to display the image with the sript

I’ve update cornerstone and follow you link but nothing work for me

Can you help me please ?

[Rad]

Hi there,

It should be showing now, your child theme’s folder name is wrong /wp-content/themes/x-child/frameworks/, it should be /wp-content/themes/x-child/framework/

Cheers!

[itshakdeal]

It don’t change anything for the customiser, it don’t save, actually the image appear but not clean, its write cs raw content, and the script is not working. Can you help me please ?

[Christian]

Would you mind removing all customization and third party plugins and scripts first then try uploading an image to your media library? There is no function in X that could hinder the media upload function. Once the media upload is solved, give us detailed description of what you want to achieve with the image and we can proceed with the Customizer saving problem.

Integrating the script would require custom development which is outside the scope of our support. You might want to contact our trusted partners who caters X setup and customization needs. Please see https://community.theme.co/custom-development/

Thanks.

[itshakdeal]

Ok thanks but actually I have try to desactivate all plugins and script but it don’t change anything. Thanks for the custom developping, but actually I want to save the modification in my customiser and it don’t work, like the uploading of the pictures, can you help me please ?

[Paul R]

Hi,

Can you specify which modification is not saving in the customizer?

The only thing you can upload an image in the customizer is your logo and background image.

Please provide screenshot or video where you are trying to upload your pictures.

Thanks

[itshakdeal]

Thats two different thing :
Capture 1 & 2 show the problem when I’m adding image

Capture3 show the customiser, and when I click on the blue button for save, nothing happen and it don’t save anything.

[Friech]

Hi There,

Can we do a plugin test on your site? It seems deactivating must of your plugin is not allowed. The last time I’ve encountered the “Customizer not saving issue” is because of the Wordfence Security.

The image uploading issue can also be a plugin conflict, please follow the solution provided here and here.

And please deactivate your caching plugins (Cloudflare, Wordfence Security, WP Super Cache) while we troubleshoot this issue.

Thanks.

[itshakdeal]

Yes you can

[itshakdeal]

No its not understand, I’ve desactivate Worldfence and the cache plugin but its actually impossible to save the modification in the customiser

[Author]

Posts