Шаблоны сайта

BEST SOLID PRINCIPLES CMS

Список файлов:

assets
blocks

wizard.js

css

modules

shop

product-page.css

shop-page.css

all.min.css

animate.min.css

bootstrap.css

bootstrap.min.css

bootstrap_limitless.css

bootstrap_limitless.min.css

components.css

components.min.css

custom.css

engine.css

font-awesome.css

font-awesome.min.css

layout.css

layout.min.css

live-chat.css

normalize.css

personal-messages.css

sidebar.css

support.css

wall_custom.css

fonts

Manrope

images

bg

events

favicons

posters

js

bootstrap

bootstrap.bundle.js

bootstrap.bundle.min.js

bootstrap.js

bootstrap.min.js

jquery

jquery.min.js

modules

shop

product-page.js

shop-page.js

vendor

notifications

bootbox.min.js

noty.min.js

sweet_alert.min.js

swiper

modules

a11y-element.css

a11y-element.min.css

a11y.css

a11y.min.css

autoplay-element.css

autoplay-element.min.css

autoplay.css

autoplay.min.css

controller-element.css

controller-element.min.css

controller.css

controller.min.css

effect-cards-element.css

effect-cards-element.min.css

effect-cards.css

effect-cards.min.css

effect-coverflow-element.css

effect-coverflow-element.min.css

effect-coverflow.css

effect-coverflow.min.css

effect-creative-element.css

effect-creative-element.min.css

effect-creative.css

effect-creative.min.css

effect-cube-element.css

effect-cube-element.min.css

effect-cube.css

effect-cube.min.css

effect-fade-element.css

effect-fade-element.min.css

effect-fade.css

effect-fade.min.css

effect-flip-element.css

effect-flip-element.min.css

effect-flip.css

effect-flip.min.css

free-mode-element.css

free-mode-element.min.css

free-mode.css

free-mode.min.css

grid-element.css

grid-element.min.css

grid.css

grid.min.css

hash-navigation-element.css

hash-navigation-element.min.css

hash-navigation.css

hash-navigation.min.css

history-element.css

history-element.min.css

history.css

history.min.css

keyboard-element.css

keyboard-element.min.css

keyboard.css

keyboard.min.css

manipulation-element.css

manipulation-element.min.css

manipulation.css

manipulation.min.css

mousewheel-element.css

mousewheel-element.min.css

mousewheel.css

mousewheel.min.css

navigation-element.css

navigation-element.min.css

navigation.css

navigation.min.css

pagination-element.css

pagination-element.min.css

pagination.css

pagination.min.css

parallax-element.css

parallax-element.min.css

parallax.css

parallax.min.css

scrollbar-element.css

scrollbar-element.min.css

scrollbar.css

scrollbar.min.css

thumbs-element.css

thumbs-element.min.css

thumbs.css

thumbs.min.css

virtual-element.css

virtual-element.min.css

virtual.css

virtual.min.css

zoom-element.css

zoom-element.min.css

zoom.css

zoom.min.css

shared

types

modules

swiper-bundle.css

swiper-bundle.js

swiper-bundle.min.css

swiper-bundle.min.js

swiper-element-bundle.js

swiper-element-bundle.min.js

swiper-element.js

swiper-element.min.js

swiper.css

swiper.js

swiper.min.css

swiper.min.js

app.js

base.js

countdown.js

custom.js

language.js

modules_summernote.js

payment.js

registration_block.js

registration_page.js

theme.js

widgets

counter_widget.js

participation_widget.js

payment_statistics.js

payment_widget.js

quiz_widget.js

walls.js

ws

live-chat.js

notification-list.js

notification.js

personal-messages.js

sendGlobalNotification.js

support.js

tickets-chat.js

main.js
blocks
bodyendscripts.tpl

bottom_menu.tpl

breadcrumbs.tpl

carousel.tpl

copyright.tpl

currency.tpl

error.tpl

faq.tpl

footer.tpl

form.tpl

head.tpl

language.tpl

leftside.tpl

location_item.tpl

logo.tpl

menu.tpl

modal.tpl

module_filter.tpl

notifications.tpl

online_support.tpl

pagetools.tpl

rightside.tpl

support.tpl

theme.tpl

topmenu.tpl

wizard.tpl
chat
live-chat.tpl

message.js

personal-messages.tpl

tickets-chat.tpl
extensions
co_buying

profile_list.tpl

education

grades

diary_grid.tpl

parent_grades.tpl

teacher_grades.tpl

schedules

add_schedule.tpl

schedules_grid.tpl

students_progress

add_student_progress.tpl

students_progress.tpl

page-qr-sharing.tpl

qr-token-payload.tpl
lang
english

home

section-1.tpl

section-2.tpl

section-3.tpl

section-4.tpl

section-5.tpl

section-6.tpl

section-7.tpl

russian

home

section-1.tpl

section-2.tpl

section-3.tpl

section-4.tpl

section-5.tpl

section-6.tpl

section-7.tpl

spanish

home

section-1.tpl

section-2.tpl

section-3.tpl

section-4.tpl

section-5.tpl

section-6.tpl

section-7.tpl

ukrainian

home

section-1.tpl

section-2.tpl

section-3.tpl

section-4.tpl

section-5.tpl

section-6.tpl

section-7.tpl

global_1.tpl
modules
ads

add.tpl

full_ad.tpl

latest_entries.tpl

most_viewed_entries.tpl

popular_entries.tpl

short_ads.tpl

similar_entries.tpl

adverts

full_lots.tpl

latest_lots.tpl

most_viewed_lots.tpl

popular_lots.tpl

short_lots.tpl

similar_lots.tpl

auctions

add.tpl

full_auctions.tpl

latest_lots.tpl

most_viewed_lots.tpl

popular_lots.tpl

short_auctions.tpl

similar_lots.tpl

coupons

full_coupons.tpl

full_lots.tpl

latest_lots.tpl

most_viewed_lots.tpl

popular_lots.tpl

short_coupons.tpl

short_lots.tpl

similar_lots.tpl

events

add.tpl

full_event.tpl

latest_entries.tpl

most_viewed_entries.tpl

popular_entries.tpl

short_events.tpl

similar_entries.tpl

files

add.tpl

full_file.tpl

latest_entries.tpl

most_viewed_entries.tpl

popular_entries.tpl

short_files.tpl

similar_entries.tpl

investments

full_lots.tpl

latest_lots.tpl

most_viewed_lots.tpl

popular_lots.tpl

short_lots.tpl

similar_lots.tpl

lots

add.tpl

full_lots.tpl

latest_lots.tpl

most_viewed_lots.tpl

popular_lots.tpl

short_lots.tpl

similar_lots.tpl

movies

add.tpl

full_movie.tpl

latest_entries.tpl

most_viewed_entries.tpl

popular_entries.tpl

short_movies.tpl

similar_entries.tpl

news

add.tpl

full_news.tpl

latest_entries.tpl

most_viewed_entries.tpl

popular_entries.tpl

short_news.tpl

similar_entries.tpl

products

add.tpl

full_product.tpl

latest_entries.tpl

most_viewed_entries.tpl

popular_entries.tpl

short_products.tpl

similar_entries.tpl

shops

add.tpl

full_lots.tpl

latest_lots.tpl

most_viewed_lots.tpl

popular_lots.tpl

product_page.tpl

shop_page.tpl

short_shop.tpl

similar_lots.tpl
payment
balance

error.tpl

success.tpl

blocks

bonuses_section.tpl

finish_payment_section.tpl

info_section.tpl

pay_grid.tpl

coinbase

error.tpl

success.tpl

stripe

error.tpl

success.tpl

cart.tpl

checkout.tpl

payment.tpl
widgets
custom

counter

counter_widget_1.tpl

participation

participation_widget_1.tpl

participation_widget_2.tpl

payments-widgets

donate

donate.tpl

pay_for_hidden_data

hidden_data.tpl

sale

sale.tpl

subscription

base-subscription.tpl

professional-subscription.tpl

universal-payment.tpl

quiz

quiz_widget_1.tpl

wall

wall_1.tpl

counter_widget.tpl

event_participants.tpl

lots_participants.tpl

participation_widget.tpl

payment_statistics.tpl

payment_widget.tpl

quiz_widget.tpl

reviews_facebook.tpl

reviews_google.tpl

slider_facebook.tpl

slider_instagram.tpl

submit_feedback.tpl
add-comment.tpl
addnews.tpl
authorization.tpl
categories.tpl
comments-list.tpl
comments.tpl
error.tpl
home.tpl
info.tpl
latestnews.tpl
login.tpl
lostpassword.tpl
main.tpl
mostviewednews.tpl
my-wallet.tpl
navigation.tpl
notifications.tpl
offline.tpl
pages.tpl
pm.tpl
poll.tpl
popularnews.tpl
profile.tpl
raiting.tpl
registration.tpl
relatednews.tpl
search.tpl
searchresult.tpl
stats.tpl
submit_feedback.tpl
tags.tpl
test.tpl
testchat.tpl
topnews.tpl
user-profile.tpl
users.tpl

Название файла: modules/shops/add.tpl

{if $access['modules.create'] || $user.name == 'Demo profile'}
    <link rel="stylesheet" href="https://unpkg.com/leaflet@1.9.4/dist/leaflet.css" />
    <script src="https://unpkg.com/leaflet@1.9.4/dist/leaflet.js"></script>
    {if isset($error_message) && $error_message}
        <div class="col-12">
            <div class="alert alert-danger">{$error_message}</div>
        </div>
    {/if}

<div class="row">
                <div class="col-12">
                    <ul class="nav nav-tabs mb-2" id="couponTabs" role="tablist">

<li class="nav-item">
                            <button class="nav-link active" data-bs-toggle="tab" data-bs-target="#tab-main" type="button">
                                Основное
                            </button>
                        </li>

</ul>

<div class="tab-content">

<div class="tab-pane fade active show" id="tab-main">
                            <div class="row">

<div class="col-6">

<div class="mb-3">
                                        <label class="form-label">Название магазина *</label>
                                        <input type="text" name="shop_name" class="form-control" required>
                                    </div>

<div class="mb-3">
                                        <label class="form-label">Локация магазина</label>

<small class="text-muted">Кликни по карте — координаты запишутся</small>
                                    </div>

<div class="mb-3">
                                        <label class="form-label">Адрес (определяется автоматически)</label>
                                        <input type="text" name="location_address" id="location_address" class="form-control" readonly>
                                    </div>

</div>

<div class="col-6">
                                    <select class="form-select array-select form-control mt-2 mb-2 h142" name="category[]" id="category" multiple>
                                        <option selected disabled value="">- Категория -</option>
                                        {foreach from=$categories item=category}
                                            {if $category.parentid == 0}
                                                <option value="{$category.id}" style="font-weight: bold;">{$category.name}</option>
                                                {foreach from=$categories item=subcategory}
                                                    {if $subcategory.parentid == $category.id}
                                                        <option value="{$subcategory.id}">{$subcategory.name}</option>
                                                    {/if}
                                                {/foreach}
                                            {/if}
                                        {/foreach}
                                    </select>
                                    <div class="col-12 mt-3">
                                        <h6>Изображения магазина:</h6>
                                        <input type="file" id="shop_images" name="shop_images[]" multiple accept="image/*" class="form-control mb-2">
                                        <input type="hidden" name="is_main_image" id="is_main_image_input">

<div id="images_preview" class="d-flex flex-wrap gap-2"></div>
                                    </div>
                                    <div class="col-12 mt-3">
                                        <h6>Видео магазина:</h6>
                                        <input type="file" id="shop_videos" name="shop_videos[]" multiple accept="video/*" class="form-control mb-2">

</div>

</div>
                        </div>

<div class="tab-pane fade" id="tab-seo">

</div>

</div>

</div>

<div class="col-12">
                    <h6 class="mt-2">Описание:</h6>
                    <textarea id="short_desc" name="description"></textarea>
                </div>

<div class="row">
                    {foreach from=$fields item=field key=index}
                        <div class="col-12 col-md-4 mt-3">
                            <label>{$lang.fields.coupons[$index]}</label>
                            <input type="text" class="form-control" name="x_value[{$index}]">
                            <input type="hidden" name="field_ids[]" value="{$index}">
                        </div>
                    {/foreach}
                </div>

<div class="col-3">
                    <button type="submit" name="addshop" class="btn btn-success mt-2 mb-2">
                        Добавить
                    </button>
                </div>

</form>
    </div>
    <script src="{$theme}/assets/js/modules_summernote.js"></script>
    <script src="engine/editor/summernote/summernote-bs4.js"></script>

{literal}
    <script>
        let map = L.map('map').setView([40.1772, 44.50349], 13); // Ереван
        let marker = null;

L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
            maxZoom: 19,
        }).addTo(map);

map.on('click', async function (e) {
            const lat = e.latlng.lat;
            const lng = e.latlng.lng;

// Записываем координаты в скрытые инпуты
            document.getElementById("location_lat").value = lat;
            document.getElementById("location_lng").value = lng;

// Ставим маркер
            if (marker) {
                marker.setLatLng(e.latlng);
            } else {
                marker = L.marker(e.latlng).addTo(map);
            }

// Достаём адрес с Nominatim
            const url = `https://nominatim.openstreetmap.org/reverse?format=json&lat=${lat}&lon=${lng}&accept-language=ru`;

try {
                const response = await fetch(url, {
                    headers: { "User-Agent": "YourAppName/1.0" }
                });
                const data = await response.json();

if (data && data.display_name) {
                    document.getElementById("location_address").value = data.display_name;
                } else {
                    document.getElementById("location_address").value = "Адрес не найден";
                }

} catch (err) {
                document.getElementById("location_address").value = "Ошибка получения адреса";
            }
        });

const imagesInput = document.getElementById('shop_images');
        const imagesPreview = document.getElementById('images_preview');

let imagesData = [];

imagesInput.addEventListener('change', (e) => {
            imagesData = Array.from(e.target.files);
            renderImages();
        });

function renderImages() {
            imagesPreview.innerHTML = '';
            imagesData.forEach((file, idx) => {
                const reader = new FileReader();
                reader.onload = (ev) => {
                    const div = document.createElement('div');
                    div.style.position = 'relative';
                    div.style.width = '100px';
                    div.style.height = '100px';
                    div.style.border = '1px solid #ddd';
                    div.style.borderRadius = '8px';
                    div.style.overflow = 'hidden';
                    div.style.cursor = 'pointer';

div.innerHTML = `
                <img src="${ev.target.result}" style="width:100%; height:100%; object-fit:cover;">
                <input type="radio" name="is_main_image" value="${idx}" style="position:absolute; top:5px; left:5px;">
                <button type="button" style="position:absolute; top:5px; right:5px; background:red; border:none; color:white; border-radius:50%;">×</button>
            `;

// Удаление
                    div.querySelector('button').addEventListener('click', () => {
                        imagesData.splice(idx, 1);
                        renderImages();
                    });

imagesPreview.appendChild(div);
                };
                reader.readAsDataURL(file);
            });
        }

const videosInput = document.getElementById('shop_videos');
        const videosPreview = document.getElementById('videos_preview');

let videosData = [];

videosInput.addEventListener('change', (e) => {
            videosData = Array.from(e.target.files);
            renderVideos();
        });

function renderVideos() {
            videosPreview.innerHTML = '';
            videosData.forEach((file, idx) => {
                const div = document.createElement('div');
                div.style.position = 'relative';
                div.style.width = '150px';
                div.style.height = '100px';
                div.style.border = '1px solid #ddd';
                div.style.borderRadius = '8px';
                div.style.overflow = 'hidden';

const videoURL = URL.createObjectURL(file);
                div.innerHTML = `
            <video src="${videoURL}" style="width:100%; height:100%; object-fit:cover;" muted></video>
            <button type="button" style="position:absolute; top:5px; right:5px; background:red; border:none; color:white; border-radius:50%;">×</button>
        `;

// Удаление
                div.querySelector('button').addEventListener('click', () => {
                    videosData.splice(idx, 1);
                    renderVideos();
                });

videosPreview.appendChild(div);
            });
        }

document.querySelector('form').addEventListener('submit', () => {
            document.getElementById('is_main_image_input').value = mainIndex;
        });
    </script>
{/literal}
{/if}

	Страницы
	Лоты
	Объявления
	Файлы
	Фильмы
	Новости
	Товары
	Мероприятия