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

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/product_page.tpl

<h4 class="mb-0"> <img src="{$shopProduct.shop_main_image}" width="40" class="rounded-circle shadow-sm" alt="shop" /><a style="color: black" target="_blank" href="/shops/{$shop.slug}">{$shopProduct.shop_name}</a> </h4>
                <button onclick="window.location.href = '/?cart'" type="button"
                        class="btn btn-light border p-2 shadow-sm position-absolute top-0 end-0 hover-scale"
                        title="Корзина"
                        aria-controls="cartSidebar">
                    <i class="bi bi-cart3 fs-5 text-dark"></i>
                    <span id="cartCountBadge"
                          class="position-absolute top-0 start-100 translate-middle badge bg-danger"
                          style="font-size: 0.7rem;">
                    {$cartProductCount}
                </span>
                </button>

</div>

<ul class="nav nav-pills mx-auto mb-0" id="shopTabs" role="tablist">
                <li class="nav-item">
                    <a class="nav-link" id="tab-shop-products" href="/shops/{$shop.slug}">🛒 Товары магазина</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link active" id="tab-products" data-bs-toggle="tab" href="#products" role="tab">
                        🛒 {$shopProduct.name|truncate:20:"…":true}
                    </a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" id="tab-coupons" data-bs-toggle="tab" href="#coupons" role="tab">🎟 Купоны</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" id="tab-about" data-bs-toggle="tab" href="#about" role="tab">ℹ️ О нас</a>
                </li>
            </ul>
        </div>

<div class="tab-content" id="shopTabsContent">
            <div class="tab-pane fade show active" id="products" role="tabpanel">
                <div class="row">
                    <div class="col-md-6 mb-4 mb-md-0">
                        <div class="product-gallery mb-3" style="cursor: pointer">
                            <img id="mainImage" src="{$shopProduct.main_image}" alt="product" />
                        </div>
                        <div class="row g-2" id="thumbs">
                            {foreach from=$shopProduct.images item=image}
                                <div class="col-3 thumb"><img src="{$image}" /></div>
                            {/foreach}
                        </div>
                    </div>

<div class="col-md-6">
                        <h2 class="fw-bold mb-3">{$shopProduct.name}</h2>
                        <p class="text-muted small mb-1">Артикул: <span id="sku">{$shopProduct.article}</span> <span class="copy-btn text-primary ms-2">[копировать]</span></p>

<strong>Рейтинг товара:</strong>
                        {assign var="productFull" value=floor($productRating.average)}
                        {if ($productRating.average - $productFull) >= 0.5}
                            {assign var="productHalf" value=1}
                        {else}
                            {assign var="productHalf" value=0}
                        {/if}
                        {assign var="productEmpty" value=5-$productFull-$productHalf}

<div class="product-rating mb-2">
                            <div class="d-flex align-items-center gap-2">
                                {section name=i loop=$productFull}<i class="bi bi-star-fill text-warning"></i>{/section}
                                {section name=i loop=$productHalf}<i class="bi bi-star-half text-warning"></i>{/section}
                                {section name=i loop=$productEmpty}<i class="bi bi-star text-warning"></i>{/section}
                                <small class="text-muted">{$productRating.average} / 5 ({$productRating.votes} голосов)</small>
                            </div>
                        </div>

<h3 class="fw-bold mb-4">{$shopProduct.price} {$currency}</h3>

<p class="mb-2"><span class="text-muted">Категории товара:</span>
                            {assign var='categoryAltNames' value=','|explode:$shopProduct.category_alt_names}
                            {foreach $categories as $index => $category}
                                {if $index > 0}, {/if}<a target="_blank" href="/shops/products?category={$category.id}&sort=date">{$category.name}</a>
                            {/foreach}
                        </p>

<div class="product-attributes mt-3">
                            {if !empty($shopProduct.attributes)}
                                <h5 class="mb-2">Характеристики</h5>
                                <ul class="list-unstyled d-flex flex-wrap gap-3 mb-0">
                                    {foreach from=$shopProduct.attributes item=attr}
                                        <li class="badge bg-light border text-dark px-3 py-1">
                                            <strong>{$attr.name}:</strong> {$attr.value}
                                        </li>
                                    {/foreach}
                                </ul>
                            {/if}

</div><br>

<p class="mb-4">{$shopProduct.description}</p>

<div class="mb-3">
                            <strong>Магазин:</strong> <a target="_blank" href="/shops/{$shop.slug}">{$shopProduct.shop_name}</a> <br>
                        </div>

<button class="btn btn-dark btn-lg w-100 mb-4 btn-add-to-cart" data-product-id="{$shopProduct.id}">Добавить в корзину
                            <span class="btn-icon">
                                <i class="bi bi-cart3 fs-6"></i>
                            </span>
                        </button>

{include file="../../extensions/page-qr-sharing.tpl" module="shops"}

</div>
                </div>
                <section class="similar-products py-5">
                    <div class="container">
                        <h3 class="fw-bold mb-4">Другие товары магазина</h3>
                        <div class="row g-3">
                            {if !empty($shopProducts)}
                                {foreach from=$shopProducts item=shopProduct}
                                    <div class="col-6 col-md-3 col-lg-2" onclick="window.location.href = '/shopProduct/?product_id={$shopProduct.id}'">
                                        <div class="product-mini-card">
                                            <div class="img-wrap">
                                                <img src="{$shopProduct.image_url}" alt="product">
                                            </div>
                                            <div class="info">
                                                <div class="name">{$shopProduct.name}</div>
                                                <div class="price">{$shopProduct.price} {$currency}</div>
                                            </div>
                                        </div>
                                    </div>
                                {/foreach}
                            {else}
                                <p>Нет товаров</p>
                            {/if}
                        </div>
                    </div>
                </section>
                <div class="product-reviews mt-5">
                    <h4 class="fw-bold mb-4">Отзывы покупателей</h4>
                    <p>Последние 5 отзывов</p>
                    {if $productReviews|@count > 0}
                        {foreach from=$productReviews item=review}
                            <div class="review-item p-4 mb-4 rounded-4 shadow-sm bg-white border">
                                <div class="d-flex justify-content-between align-items-center mb-2">
                                    <div class="d-flex align-items-center gap-2">
                                        <div class="review-avatar bg-secondary bg-opacity-10 rounded-circle d-flex align-items-center justify-content-center" style="width:40px;height:40px;">
                                            <span class="fw-bold text-secondary">{$review.user_name|substr:0:1|upper}</span>
                                        </div>
                                        <div class="fw-semibold">{$review.user_name}</div>
                                    </div>
                                    <small class="text-muted">{$review.created_at|date_format:"%d.%m.%Y"}</small>
                                </div>

<div class="mb-2">
                                    {assign var="full" value=$review.rating|floor}
                                    {if $review.rating - $full >= 0.5}
                                        {assign var="half" value=1}
                                    {else}
                                        {assign var="half" value=0}
                                    {/if}
                                    {assign var="empty" value=5-$full-$half}
                                    {section name=i loop=$full}<i class="bi bi-star-fill text-warning"></i>{/section}
                                    {section name=i loop=$half}<i class="bi bi-star-half text-warning"></i>{/section}
                                    {section name=i loop=$empty}<i class="bi bi-star text-warning"></i>{/section}
                                </div>

<div class="text-muted lh-base">{$review.review_text}</div>
                            </div>
                        {/foreach}
                    {else}
                        <p class="text-muted">Пока нет отзывов. Станьте первым!</p>
                    {/if}
                </div>
            </div>

<div class="tab-pane fade" id="coupons" role="tabpanel">
                <div class="row g-3">
                    {if !empty($shop.coupons)}
                        {foreach from=$shop.coupons item=coupon}
                            <div class="col-6 col-md-4 col-lg-3">
                                <div class="card border-0 shadow-sm text-center p-4">
                                    <div class="fw-bold fs-4 text-dark mb-2">
                                        {if $coupon.discount_type == 'percent'}
                                            -{$coupon.discount_value}%
                                        {else}
                                            {$coupon.discount_value}₽
                                        {/if}

</div>
                                    <p class="text-muted small mb-1">{if $coupon.end_date}{$coupon.end_date|date_format:"%d.%m.%Y"}{/if}</p>
                                    <p class="small text-truncate mb-2">{$coupon.description}</p>
                                    <div class="bg-light rounded py-1 px-2 mb-2 fw-semibold">Код: <span class="text-dark">{$coupon.code}</span></div>
                                    <button class="btn btn-outline-dark btn-sm">Использовать</button>
                                </div>
                            </div>
                        {/foreach}

{else}

Купонов пока нет!

{/if}
                </div>
            </div>

<div class="tab-pane fade" id="about" role="tabpanel">
                <div class="p-4 bg-white border rounded-4 shadow-sm">
                    <h4 class="fw-bold mb-3">О магазине</h4>
                    <p>{$shop.description|default:"Описание магазина пока отсутствует."}</p>
                </div>
            </div>
        </div>
    </div>
</div>
<script src="{$theme}/assets/js/modules/shop/product-page.js"></script>

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