How to add a new image with a link to the slider?

Question

opencart

https://kharkov.ilikesushi.in.ua/
how to add a new picture to the slider?
in the database

a:2:{i:1;a:7:{s:9:"layout_id";s:1:"1";s:8:"position";s:11:"content_top";s:6:"status";s:1:"1";s:10:"sort_order";s:0:"";s:5:"title";a:1:{i:2;s:16:"Слайдщоу";}s:6:"header";a:1:{i:2;s:1:"0";}s:4:"html";a:1:{i:2;s:4043:"<script charset="UTF-8" src="//cdn.sendpulse.com/js/push/d6e85e155f7a3b842bcee4c54415dcbd_1.js" async></script>
<div class="b3">
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="carousel slide" data-ride="carousel" id="carousel-example-generic"><!-- Indicators -->
<ol class="carousel-indicators">
    <li class="active" data-slide-to="0" data-target="#carousel-example-generic">&nbsp;</li>
    <li data-slide-to="1" data-target="#carousel-example-generic"></li>
    <li data-slide-to="3" data-target="#carousel-example-generic">&nbsp;</li>
    <li data-slide-to="4" data-target="#carousel-example-generic">&nbsp;</li>
    <li data-slide-to="5" data-target="#carousel-example-generic">&nbsp;</li>
    <li data-slide-to="6" data-target="#carousel-example-generic">&nbsp;</li>
    <li data-slide-to="7" data-target="#carousel-example-generic">&nbsp;</li>
    <li data-slide-to="8" data-target="#carousel-example-generic">&nbsp;</li>
</ol>
<!-- Wrapper for slides -->

<div class="carousel-inner">
<div class="item active"><a href="https://kharkov.ilikesushi.in.ua/action/mega_losos"><img alt="Описание стайда" src="cols/7.jpg" /></a></div>

<div class="item"><a href="https://kharkov.ilikesushi.in.ua/action/bonus_roll" target="_self"><img alt="Описание стайда" src="cols/1.jpg" /></a></div>

<div class="item"><a href="https://kharkov.ilikesushi.in.ua/action/zaberu_sam" target="_self"><img alt="Описание стайда" src="cols/8.jpg" /></a></div>

<div class="item"><a href="https://kharkov.ilikesushi.in.ua/action/happy_birthday" target="_self"><img alt="Описание стайда" src="cols/3.jpg" /></a></div>

<div class="item"><a href="https://kharkov.ilikesushi.in.ua/franchise" target="_self"><img alt="Описание стайда" src="cols/4.jpg" /></a></div>

<div class="item"><a href="https://kharkov.ilikesushi.in.ua/vegetarianskoe_menue" target="_self"><img alt="Описание стайда" src="cols/5.jpg" /></a></div>

<div class="item"><a href="https://kharkov.ilikesushi.in.ua/business_lanch" target="_self"><img alt="Описание стайда" src="cols/9.jpg" /></a></div>

<div class="item"><a href="https://kharkov.ilikesushi.in.ua/WOK_i_Pasta" target="_self"><img alt="Описание стайда" src="cols/6.jpg" /></a></div>
</div>
<!-- Controls --><a class="left carousel-control" data-slide="prev" href="#carousel-example-generic" role="button"><span class="glyphicon glyphicon-chevron-left">&nbsp;</span></a> <a class="right carousel-control" data-slide="next" href="#carousel-example-generic" role="button"> <span class="glyphicon glyphicon-chevron-right">&nbsp;</span></a></div>
</div>
</div>
</div>
</div>
";}}i:2;a:7:{s:9:"layout_id";s:1:"6";s:8:"position";s:11:"content_top";s:6:"status";s:1:"1";s:10:"sort_order";s:0:"";s:5:"title";a:1:{i:2;s:0:"";}s:6:"header";a:1:{i:2;s:1:"1";}s:4:"html";a:1:{i:2;s:0:"";}}}

this is how it works if the field in the table is changed to ,

a:2:{i:1;a:7:{s:9:"layout_id";s:1:"1";s:8:"position";s:11:"content_top";s:6:"status";s:1:"1";s:10:"sort_order";s:0:"";s:5:"title";a:1:{i:2;s:16:"Слайдщоу";}s:6:"header";a:1:{i:2;s:1:"0";}s:4:"html";a:1:{i:2;s:4043:"<script charset="UTF-8" src="//cdn.sendpulse.com/js/push/d6e85e155f7a3b842bcee4c54415dcbd_1.js" async></script>
<div class="b3">
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="carousel slide" data-ride="carousel" id="carousel-example-generic"><!-- Indicators -->
<ol class="carousel-indicators">
    <li class="active" data-slide-to="0" data-target="#carousel-example-generic">&nbsp;</li>
    <li data-slide-to="1" data-target="#carousel-example-generic"></li>
    <li data-slide-to="3" data-target="#carousel-example-generic">&nbsp;</li>
    <li data-slide-to="4" data-target="#carousel-example-generic">&nbsp;</li>
    <li data-slide-to="5" data-target="#carousel-example-generic">&nbsp;</li>
    <li data-slide-to="6" data-target="#carousel-example-generic">&nbsp;</li>
    <li data-slide-to="7" data-target="#carousel-example-generic">&nbsp;</li>
    <li data-slide-to="8" data-target="#carousel-example-generic">&nbsp;</li>
    <li data-slide-to="9" data-target="#carousel-example-generic">&nbsp;</li>
</ol>
<!-- Wrapper for slides -->

<div class="carousel-inner">
<div class="item active"><a href="https://kharkov.ilikesushi.in.ua/action/mega_losos"><img alt="Описание стайда" src="cols/7.jpg" /></a></div>

<div class="item"><a href="https://kharkov.ilikesushi.in.ua/action/bonus_roll" target="_self"><img alt="Описание стайда" src="cols/1.jpg" /></a></div>

<div class="item"><a href="https://kharkov.ilikesushi.in.ua/action/zaberu_sam" target="_self"><img alt="Описание стайда" src="cols/8.jpg" /></a></div>

<div class="item"><a href="https://kharkov.ilikesushi.in.ua/action/happy_birthday" target="_self"><img alt="Описание стайда" src="cols/3.jpg" /></a></div>

<div class="item"><a href="https://kharkov.ilikesushi.in.ua/franchise" target="_self"><img alt="Описание стайда" src="cols/4.jpg" /></a></div>

<div class="item"><a href="https://kharkov.ilikesushi.in.ua/vegetarianskoe_menue" target="_self"><img alt="Описание стайда" src="cols/5.jpg" /></a></div>

<div class="item"><a href="https://kharkov.ilikesushi.in.ua/business_lanch" target="_self"><img alt="Описание стайда" src="cols/9.jpg" /></a></div>

<div class="item"><a href="https://kharkov.ilikesushi.in.ua/business_lanch" target="_self"><img alt="Описание стайда" src="cols/16.jpg" /></a></div>

<div class="item"><a href="https://kharkov.ilikesushi.in.ua/WOK_i_Pasta" target="_self"><img alt="Описание стайда" src="cols/6.jpg" /></a></div>
</div>
<!-- Controls --><a class="left carousel-control" data-slide="prev" href="#carousel-example-generic" role="button"><span class="glyphicon glyphicon-chevron-left">&nbsp;</span></a> <a class="right carousel-control" data-slide="next" href="#carousel-example-generic" role="button"> <span class="glyphicon glyphicon-chevron-right">&nbsp;</span></a></div>
</div>
</div>
</div>
</div>
";}}i:2;a:7:{s:9:"layout_id";s:1:"6";s:8:"position";s:11:"content_top";s:6:"status";s:1:"1";s:10:"sort_order";s:0:"";s:5:"title";a:1:{i:2;s:0:"";}s:6:"header";a:1:{i:2;s:1:"1";}s:4:"html";a:1:{i:2;s:0:"";}}}

so then it flies

Answer 1

add a picture through the admin panel, automatically into the database