Jump to content
  • Sign Up

Блок "скрыть / показать" по клику выводит ограниченное кол-во кнопок

Alex_lol
 Share
Followers 2

Recommended Posts

Alex_lol

Alex_lol 0

Posted
    Posted

    Добрый день!

    Я только учусь, поэтому не судите строго за вопрос.

    Есть страница, на которой есть блок "популярные направления". Постоянно должны отображаться только 9 кнопок-направлений, а остальные должны скрываться под кнопкой "показать еще". Но даже после добавления новых кнопок, отображается только 10. Страницы сами есть, они созданы и создаются и отображаются при индексировании.

    Не могу найти тег, который ограничивает вывод кол-ва кнопок или конфликт, который препятствует выводу бесконечного кол-ва кнопок. Сам блок реализован в форме виджета и может вставляться на другие страницы.

    Код виджета:

            $r = new WP_Query(
            apply_filters(
                'widget_posts_args',
                array(
                    'post_type'           => 'calc', 
                    'order'               => 'ASC',
                    'no_found_rows'       => true,
                    'post_status'         => 'publish',
                    'ignore_sticky_posts' => true,
                ),
                $instance
            )
        );

     

    Link to post
    Share on other sites
    npofopr

    npofopr 426

    Posted
      Posted

      Ну это не проблема вёрстки, имхо. А проблема Вордпресса. 

      Раз это виджет, у виджета должна быть своя страница, обычно там можно задать вопрос. 
      Ну или ещё раз документацию перечитывать. 

      Ну или читать по пейджинг в Ворпрессе. 

      С вашим курсом кода тут явно не разобраться. 

      По-моему вы об этом же спрашиваете https://qna.habr.com/q/511157 ?

      Link to post
      Share on other sites
      Alex_lol

      Alex_lol 0

      Posted
      • Author
      Posted

      Там не отвечали. По ссылке не мой вопрос.
      Решение нашлось.
       

      $r = new WP_Query(
            apply_filters(
                'widget_posts_args',
                array(
                    'post_type'           => 'calc', 
                    'order'               => 'ASC',
                    'no_found_rows'       => true,
                    'post_status'         => 'publish',
                    'ignore_sticky_posts' => true,
                    'posts_per_page' => -1 /*нужно было добавить вот эту строку*/
                ),
                $instance
            )
        );
      Link to post
      Share on other sites

      Join the conversation

      You can post now and register later. If you have an account, sign in now to post with your account.
      Note: Your post will require moderator approval before it will be visible.

      Guest
      Reply to this topic...

      ×   Pasted as rich text.   Paste as plain text instead

        Only 75 emoji are allowed.

      ×   Your link has been automatically embedded.   Display as a link instead

      ×   Your previous content has been restored.   Clear editor

      ×   You cannot paste images directly. Upload or insert images from URL.

      ×
       Share
      Followers 2
      Go to topic listing

      • Member Statistics

        47,173
        Total Members
        1,451
        Most Online
        ratus
        Newest Member
        ratus
        Joined

      • Recently Browsing   0 members

        No registered users viewing this page.

      • Свежие Темы

      • Последние сообщения

        • klierik
          Добавление float делает нерабочим margin.

          By klierik · Posted

          В случае, когда используется float, margin работает как и прежде. Но, визуально, может казаться что это не так. Дело в том, что в таком случае блоки не имеют аналогичного влияния друг на друга из-за обтекания (float). Вот приблизительно то, о чём Вы говорите https://jsfiddle.net/klierik/bw418vqt/2/
        • denis_alekss
          Создание объекта JavaScript

          By denis_alekss · Posted

          Вот еще вариант один:   <!DOCTYPE html> <html> <head> <meta charset="utf-8"> </head> <body> <script> let Person = function Pers(name, age, gender) { // Имя будет Pers this.name = name; this.age = age; this.gender = gender; }; Person.prototype.greet = function () { console.log("My name is " + this.name); } let Person2 = Person; Person2.prototype.goodbye = function () { console.log("Goodbye, " + this.name); } let Son = function (age, skils) { // Имя будет Son // Родительский конструктор вызывается до дочернего конструктора, // чтобы не было перезаписывания новых полей. Person.call(this, undefined, age, undefined); this.skils = skils || []; this.gender; } let Sunny = Son; Sunny.prototype = Object.create(Person.prototype); Sunny.prototype.constructor = Sunny; // Имя будет Son let a = new Person("Петя", 25, "female"); console.log(a); console.log(a.constructor.name); let b = new Son(18, ["рисует", "поет", "водит"]); console.log(b); console.log(b.name); </script> </body> </html>   Задался еще таким вопросом. Я передал аргументы конструктору Person создав объект а,   let a = new Person("Петя", 25, "female");  а как получить эти значения объекту b и вывести? Если написать так:     console.log(b.name);  получим undefined при выводе, а мне к примеру нужно унаследовать от родителя эти значения name, age, gender и вывести через потомка. Метод call дал возможность greet вызвать саму себя?
        • Full-R
          Почему атрибут type еще не на пенсии?

          By Full-R · Posted

          HTML элемент input должен содержать атрибут type: Атрибут type | htmlbook.ru

      • Popular Contributors

      ×
        ×
        • Create New...