Answer 1

Уточните ссылку на ваш сайт, после посмотрим как сделать ссылку на вторую страницу.

Comments

fanny2000.ucoz.net

---

Андрей Жидков,

Каждый дополнительный слайд в блоке промо состоит с такого кода:

 <div class="slide">
 <div class="content-wrap">
 <div class="photo">
 <img src="ссылка на слайд 2" alt="photo">
 </div>
 <div class="text-block">
 <div>
 <h1>Заголовок</h1>
 <p>Описание</p>
 <a href="ссылка для кнопки" class="info-btn">More</a>
 </div>
 </div>
 </div>
 </div>

смотрите код вашего блока промо и добавьте код который выше после части закрввающих тегов див:

</div>
 </div>
 </div>
 </div>

после просто пропишите свои ссылки на фото и свои тексты. Если не разберетесь сами, предоставьте полный код вашего блока промо, поможем разобраться.

---

Yuri_Geruk,

<?if($PAGE_ID$='sitePage1')?> <section class="main-promo">     <section class="slider1">         <div class="slider-wrapper">             <div class="slide">                                  <div class="content-wrap">                     <div class="photo">                         <img src="/Promo.jpg" alt="photo">                     </div>                     <div class="text-block">                         <div>                             <h1>Коротко обо мне</h1>                             <p>  Я начинающий журналист...  (и.т.п)                             </p>                             <a href="#" class="info-btn">ссылка1</a>                         </div>                     </div>                 </div>             </div>             <div class="slide">                 <div class="content-wrap">                     <div class="photo">                         <img src="/lera0.jpg" alt="photo">                     </div>                     <div class="text-block">                         <div>                             <h1>Обо мне</h1>                             <p> ===ТЕКСТ===</p>                             <a href="#" class="info-btn">ссылка2</a>                         </div>                     </div>                 </div>             </div>             <div class="slide">                 <div class="content-wrap">                     <div class="photo">                         <img src="/lera1.jpg" alt="photo">                     </div>                     <div class="text-block">                         <div>                             <h1>Обо мне</h1>                             <p> ===ТЕКСТ===</p>                             <a href="#" class="info-btn">ссылка3</a>                         </div>                     </div>                 </div>             </div>             <div class="slide">                 <div class="content-wrap">                     <div class="photo">                         <img src="/lera2.jpg" alt="photo">                     </div>                     <div class="text-block">                         <div>                             <h1>Обо мне</h1>                             <p> ===ТЕКСТ===</p>                             <a href="#" class="info-btn">ссылуа4</a>                         </div>                     </div>                 </div>             </div>         </div>     </section>       <section class="slider2">         <div class="carousel-wrapper">             <div class="slide-c">                 <div class="img-wrapp"><img src="/Articles/Page_00001.jpg" alt="cover"></div>                 <div class="title"><a href="/Articles/Page_00001.jpg">Стр 0</a></div>             </div>             <div class="slide-c">                 <div class="img-wrapp"><img src="/Articles/Page_00002.jpg" alt="cover"></div>                 <div class="title"><a href="/Articles/Page_00002.jpg">Стр 1</a></div>             </div>             <div class="slide-c">                 <div class="img-wrapp"><img src="/Articles/Page_00003.jpg" alt="cover"></div>                 <div class="title"><a href="/Articles/Page_00003.jpg">Стр 2</a></div>             </div>             <div class="slide-c">                 <div class="img-wrapp"><img src="/Articles/Page_00083.jpg" alt="cover"></div>                 <div class="title"><a href="/Articles/Page_00083.jpg">Стр 3</a></div>             </div>             <div class="slide-c">                 <div class="img-wrapp"><img src="/Articles/Page_00084.jpg" alt="cover"></div>                 <div class="title"><a href="/Articles/Page_00084.jpg">Стр 4</a></div>             </div>             <div class="slide-c">                 <div class="img-wrapp"><img src="/Articles/Page_00085.jpg" alt="cover"></div>                 <div class="title"><a href="/Articles/Page_00085.jpg">Стр 5</a></div>             </div>             <div class="slide-c">                 <div class="img-wrapp"><img src="/Articles/Page_00086.jpg" alt="cover"></div>                 <div class="title"><a href="/Articles/Page_00086.jpg">Стр 6</a></div>             </div>             <div class="slide-c">                 <div class="img-wrapp"><img src="/Articles/Page_00087.jpg" alt="cover"></div>                 <div class="title"><a href="/Articles/Page_00087.jpg">Стр 7</a></div>             </div>             <div class="slide-c">                 <div class="img-wrapp"><img src="/Articles/Page_00088.jpg" alt="cover"></div>                 <div class="title"><a href="/Articles/Page_00088.jpg">Стр 8</a></div>             </div>              <div class="slide-c">                 <div class="img-wrapp"><img src="/Articles/Page_00089.jpg" alt="cover"></div>                 <div class="title"><a href="/Articles/Page_00089.jpg">Стр 9</a></div>             </div>             <div class="slide-c">                 <div class="img-wrapp"><img src="/Articles/Page_00090.jpg" alt="cover"></div>                 <div class="title"><a href="/Articles/Page_00090.jpg">Стр 10</a></div>             </div>             <div class="slide-c">                 <div class="img-wrapp"><img src="/Articles/Page_00091.jpg" alt="cover"></div>                 <div class="title"><a href="/Articles/Page_00091.jpg">Стр 11</a></div>             </div>             <div class="slide-c">                 <div class="img-wrapp"><img src="/Articles/Page_00092.jpg" alt="cover"></div>                 <div class="title"><a href="/Articles/Page_00092.jpg">Стр 12</a></div>             </div>          </div>     </section>     <script src="/.s/t/1809/owl.carousel.min.js"></script>     <script>         $(function () {             $('.slider-wrapper').owlCarousel({                 loop:true,                 items:1,                 nav : false,                 smartSpeed :900              });             $('.carousel-wrapper').owlCarousel({                 loop:true,                 dots: false,                 margin:30,                 nav : true,                 navText : ["<span class='bx-next'>arrow_back</span>","<span class='bx-prev'>arrow_forward</span>"],                 responsiveClass:true,                 responsive:{                     0:{                         items:2                     },                     480:{                         items:3                     },                     768:{                         items:4                     },                     960:{                         items:3                     },                     1200:{                         items:5                     },                     1400:{                         items:6                     }                 }             });         });     </script> </section> <?endif?>

---

<?if($PAGE_ID$='sitePage1')?> <section class="main-promo">     <section class="slider1">         <div class="slider-wrapper">             <div class="slide">                                  <div class="content-wrap">                     <div class="photo">                         <img src="/Promo.jpg" alt="photo">                     </div>                     <div class="text-block">                         <div>                             <h1>Коротко обо мне</h1>                             <p>  Я начинающий журналист...  (и.т.п)                             </p>                             <a href="#" class="info-btn">ссылка1</a>                         </div>                     </div>                 </div>             </div>             <div class="slide">                 <div class="content-wrap">                     <div class="photo">                         <img src="/lera0.jpg" alt="photo">                     </div>                     <div class="text-block">                         <div>                             <h1>Обо мне</h1>                             <p> ===ТЕКСТ===</p>                             <a href="#" class="info-btn">ссылка2</a>                         </div>                     </div>                 </div>             </div>             <div class="slide">                 <div class="content-wrap">                     <div class="photo">                         <img src="/lera1.jpg" alt="photo">                     </div>                     <div class="text-block">                         <div>                             <h1>Обо мне</h1>                             <p> ===ТЕКСТ===</p>                             <a href="#" class="info-btn">ссылка3</a>                         </div>                     </div>                 </div>             </div>             <div class="slide">                 <div class="content-wrap">                     <div class="photo">                         <img src="/lera2.jpg" alt="photo">                     </div>                     <div class="text-block">                         <div>                             <h1>Обо мне</h1>                             <p> ===ТЕКСТ===</p>                             <a href="#" class="info-btn">ссылуа4</a>                         </div>                     </div>                 </div>             </div>         </div>     </section>       <section class="slider2">         <div class="carousel-wrapper">             <div class="slide-c">                 <div class="img-wrapp"><img src="/Articles/Page_00001.jpg" alt="cover"></div>                 <div class="title"><a href="/Articles/Page_00001.jpg">Стр 0</a></div>             </div>             <div class="slide-c">                 <div class="img-wrapp"><img src="/Articles/Page_00002.jpg" alt="cover"></div>                 <div class="title"><a href="/Articles/Page_00002.jpg">Стр 1</a></div>             </div>             <div class="slide-c">                 <div class="img-wrapp"><img src="/Articles/Page_00003.jpg" alt="cover"></div>                 <div class="title"><a href="/Articles/Page_00003.jpg">Стр 2</a></div>             </div>             <div class="slide-c">                 <div class="img-wrapp"><img src="/Articles/Page_00083.jpg" alt="cover"></div>                 <div class="title"><a href="/Articles/Page_00083.jpg">Стр 3</a></div>             </div>             <div class="slide-c">                 <div class="img-wrapp"><img src="/Articles/Page_00084.jpg" alt="cover"></div>                 <div class="title"><a href="/Articles/Page_00084.jpg">Стр 4</a></div>             </div>             <div class="slide-c">                 <div class="img-wrapp"><img src="/Articles/Page_00085.jpg" alt="cover"></div>                 <div class="title"><a href="/Articles/Page_00085.jpg">Стр 5</a></div>             </div>             <div class="slide-c">                 <div class="img-wrapp"><img src="/Articles/Page_00086.jpg" alt="cover"></div>                 <div class="title"><a href="/Articles/Page_00086.jpg">Стр 6</a></div>             </div>             <div class="slide-c">                 <div class="img-wrapp"><img src="/Articles/Page_00087.jpg" alt="cover"></div>                 <div class="title"><a href="/Articles/Page_00087.jpg">Стр 7</a></div>             </div>             <div class="slide-c">                 <div class="img-wrapp"><img src="/Articles/Page_00088.jpg" alt="cover"></div>                 <div class="title"><a href="/Articles/Page_00088.jpg">Стр 8</a></div>             </div>              <div class="slide-c">                 <div class="img-wrapp"><img src="/Articles/Page_00089.jpg" alt="cover"></div>                 <div class="title"><a href="/Articles/Page_00089.jpg">Стр 9</a></div>             </div>             <div class="slide-c">                 <div class="img-wrapp"><img src="/Articles/Page_00090.jpg" alt="cover"></div>                 <div class="title"><a href="/Articles/Page_00090.jpg">Стр 10</a></div>             </div>             <div class="slide-c">                 <div class="img-wrapp"><img src="/Articles/Page_00091.jpg" alt="cover"></div>                 <div class="title"><a href="/Articles/Page_00091.jpg">Стр 11</a></div>             </div>             <div class="slide-c">                 <div class="img-wrapp"><img src="/Articles/Page_00092.jpg" alt="cover"></div>                 <div class="title"><a href="/Articles/Page_00092.jpg">Стр 12</a></div>             </div>          </div>     </section>     <script src="/.s/t/1809/owl.carousel.min.js"></script>     <script>         $(function () {             $('.slider-wrapper').owlCarousel({                 loop:true,                 items:1,                 nav : false,                 smartSpeed :900              });             $('.carousel-wrapper').owlCarousel({                 loop:true,                 dots: false,                 margin:30,                 nav : true,                 navText : ["<span class='bx-next'>arrow_back</span>","<span class='bx-prev'>arrow_forward</span>"],                 responsiveClass:true,                 responsive:{                     0:{                         items:2                     },                     480:{                         items:3                     },                     768:{                         items:4                     },                     960:{                         items:3                     },                     1200:{                         items:5                     },                     1400:{                         items:6                     }                 }             });         });     </script> </section> <?endif?>    Тут, в 16 строке ссылка # должна быть заменена на вторую страницу сайта. (Кроме PROMO создаëтся вторая ARTICLES)

---

Змей Жидков,

В вашем коде не видно 16 строки так как вы вставили все неразборчиво. Полный код слайдера который вы используете, выглядит как-то так:

    <section class="slider1">
        <div class="slider-wrapper">
            <div class="slide">
                <div class="content-wrap">
                    <div class="photo">
                        <img src="/.s/t/1809/6.jpg" alt="photo">
                    </div>
                    <div class="text-block">
                        <div>
                            <h1>Lorem ipsum dolor</h1>
                            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus aliquam aspernatur consequatur corporis doloribus eligendi eos facilis, id impedit in molestias odio odit porro quae rem sequi sit, soluta vero.</p>
                            <a href="#" class="info-btn">More</a>
                        </div>
                    </div>
                </div>
            </div>
<div class="slide">
                <div class="content-wrap">
                    <div class="photo">
                        <img src="/.s/t/1809/6.jpg" alt="photo">
                    </div>
                    <div class="text-block">
                        <div>
                            <h1>Lorem ipsum dolor</h1>
                            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus aliquam aspernatur consequatur corporis doloribus eligendi eos facilis, id impedit in molestias odio odit porro quae rem sequi sit, soluta vero.</p>
                            <a href="#" class="info-btn">More</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

если добавить выделенное красным, добавится новый слайд. Смотрите свой код и пробуйте так сделать.

---

Yuri_Geruk,

простите. может, не ясно высказался.

я имел в виду, что в тексте слайдера в строчке

                            <a href="#" class="info-btn">More</a>

где вместо # подставляется ссылка на страницу сайта, мне нужна ссылка на вторую страничку моего же сайта (ARTICLES).

первая и основная, как я понял, имеет название PROMO.

По нажатию на "Мore" должен быть переход на страницу ARTICLES.

А если ещё точнее, то мне бы хотелось, чтобы набор картинок второго (нижнего) слайдера был разным, в зависимости от кадра в первом (верхнем) слайдере

---

Андрей Жидков,

Увы, но вам придется обращаться к фрилансерам https://divly.ru/ чтобы для вас доработали слайдер и написали скрипт как вам нужно чтобы все работало. Системно стандартный слайдер так не работает как вам хочется, его нужно дорабатывать.

---

Yuri_Geruk,

Спасибо. Я т думал, что просто не знаю как обращаться не к внешним страницам, а к внутренним :(