Илья Савиных

require "../sqlconnect.php"; #Подключение к бд через pdo

$username = trim(filter_var($_POST['username'], FILTER_SANITIZE_STRING));
  $email = trim(filter_var($_POST['email'], FILTER_SANITIZE_EMAIL));
  $login = trim(filter_var($_POST['login'], FILTER_SANITIZE_STRING));
  $password = trim(filter_var($_POST['password'], FILTER_SANITIZE_STRING));

  $error = '';
  if(strlen($username) <= 3){
    $error = 'Введите имя';
  }else if(strlen($email) <= 3){
    $error = 'Введите емейл';
  }else if(strlen($login) <= 5){
    $error = 'Введите логин';
  }else if(strlen($password) < 8){
    $error = 'Введите пароль';
  }

  if ($error != '') {
    echo $error;
    exit;
  }

  $hash = "3h#%89*H#($h%!~fh";
  $password = md5($password);
  
  $sql = 'INSERT INTO `userinfo` (`name`, `email`, `login`, `password`) VALUES(?,?,?,?)';
  $query = $pdo->prepare($sql);
  $query->execute([$username, $email, $login, $password]);

  echo 'Готово';

Достаточно местами поменять, ведь в подключаемом файле require "../sqlconnect.php"; -> $password = '';, он перезаписывает Вашу переменную на пустую строку.

Попробуйте вот так!

var url_json = 'https://www.site.com/json.txt';
function init(){
    fetch(url_json)
        .then(response => response.json())
        .then(_json => {
            let artist = document.getElementById('artist');
            let title= document.getElementById('title');
             artist.innerHTML = _json.artist;
             title.innerHTML = _json.title;
        });
}
setInterval(init,1000);

ИЛИ

var url_json = 'https://www.site.com/json.txt';
function init(){
    fetch(url_json)
        .then(response => response.json().then(_json => {
            let artist = document.getElementById('artist');
            let title= document.getElementById('title');
             artist.innerHTML = _json.artist;
             title.innerHTML = _json.title;
        }));
}
setInterval(init,1000);

В вашем примере ошибка - Метод JSON.parse() разбирает строку JSON, а вы передаёте не строку JSON, а url

При генерации блоков задайте атрибут hidden всем блокам, начиная с шестого (чтобы первые 5 отображались)

<div class="content">
   <div class="filter">
      <p>Текст - 1</p>
   </div>
   <div class="filter">
      <p>Текст - 2</p>
   </div>
   <div class="filter">
      <p>Текст - 3</p>
   </div>
   <div class="filter">
      <p>Текст - 4</p>
   </div>
   <div class="filter">
      <p>Текст - 5</p>
   </div>
   <div class="filter" hidden>
      <p>Текст - 6</p>
   </div>
   <div class="filter" hidden>
      <p>Текст - 7</p>
   </div>
   <div class="filter" hidden>
      <p>Текст - 8</p>
   </div>
   <div class="filter" hidden>
      <p>Текст - 9</p>
   </div>
   <div class="filter" hidden>
      <p>Текст - 10</p>
   </div>
   <p class="show_content">Показать остальное</p>
</div>

Далее на Jquery напишите код..

$(document).ready(() => {
        $('body').on('click', '.show_content' , () => {
            var scrollToProduct = $('.filter:hidden');
            $('.filter:hidden:lt(5)').slideDown(1000);
            if (scrollToProduct.length === 0) $('.show_content').hide() ;
            $('html, body').animate({
                scrollTop: scrollToProduct.offset().top
            }, 1000);
        });
    });

$('.filter:hidden:lt(5)').slideDown(1000); - 5 можете заменить на любое значение, именно столько блоков будут отображаться при каждом нажатии на "Показать остальное"
Также может быть будет полезным после нажатия на кнопку "Показать остальное", чтобы вас плавно скроллило на первый новый отобразившийся блок)
Либо, если Вам нужно, чтобы при нажатии на кнопку отображались все блоки, то напишите:

$(document).ready(() => {
        $('body').on('click', '.show_content' , () => {
            var scrollToProduct = $('.filter:hidden');
            $('.filter:hidden').slideDown(1000);
            if (scrollToProduct.length === 0) $('.show_content').hide() ;
            $('html, body').animate({
                scrollTop: scrollToProduct.offset().top
            }, 1000);
        });
    });

или примитивный вариант:

$(document).ready(() => {
        $('body').on('click', '.show_content' , () => {
            var scrollToProduct = $('.filter:hidden');
            $('.filter:hidden').show();
            if (scrollToProduct.length === 0) $('.show_content').hide() ;
        });
    });

Объявите переменную $result = [] перед конструкциями if, foreach и т.д.

$result = [];
if(...) {
     foreach(... as ...) {
          $images = $this->model_catalog_product->getProductImages($result['product_id']);
          if(isset($images[0]['image']) && !empty($images)){
               $images = $images[0]['image']; 
          } else {
               $images = $image;
          }
}