CORE_V5 // products

PATH: home / rwabteecom / public_html / resources / views / vcardTemplates / products /

Editing: vcard13.blade.php

<!DOCTYPE html>
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">

<head>
    
    <meta charset="utf-8">
    @if (checkFeature('seo'))
        @if ($vcard->meta_description)
            <meta name="description" content="{{ $vcard->meta_description }}">
        @endif
        @if ($vcard->meta_keyword)
            <meta name="keywords" content="{{ $vcard->meta_keyword }}">
        @endif
    @else
        <meta name="description" content="{{ strip_tags($vcard->description) }}">
        <meta name="keywords" content="">
    @endif
    <meta property="og:image" content="{{ $vcard->cover_url }}" />
    <meta name="viewport" content="width=device-width, initial-scale=1">
    @if (checkFeature('seo') && $vcard->site_title && $vcard->home_title)
        <title>{{ $vcard->home_title }} | {{ $vcard->site_title }}</title>
    @else
        <title>{{ getAppName() }}</title>
    @endif

<link rel="icon" href="{{ getFaviconUrl() }}" type="image/png">

@endif
                @if ($vcard->font_size)
                    div>h4 {
                        font-size: {{ $vcard->font_size }}px !important;
                    }
                @endif
            @endif

@if (isset(checkFeature('advanced')->custom_css))
                {!! $vcard->custom_css !!}
            @endif
        </style>
    @endif
</head>

<div class="py-3 mb-10 mt-0">
                <div class="d-flex align-items-center justify-content-between gap-3 mb-4 px-4" @if (getLanguage($vcard->default_language) == 'Arabic') dir="rtl" @endif>
                    <div>
                        <h2
                            class="title-text text-start mb-0 @if (getLanguage($vcard->default_language) == 'Arabic') text-end @endif ">
                            {{ __('messages.plan.products') }}</h2>
                    </div>
                    <div class="text-center">
                        <a class="btn vcard-13-btn text-decoration-none"
                            href="{{ $vcardUrl }}"
                            role="button">{{ __('messages.common.back') }}</a>
                    </div>
                </div>

<div class="container px-4">
                    <div class="mx-1 g-4 product-slider overflow-hidden">
                        @foreach ($products as $product)
                            <div class="d-flex justify-content-center mb-3">
                                <a @if ($product->product_url) href="{{ $product->product_url }}" @endif
                                    target="_blank" class="text-decoration-none fs-6">
                                    <div class="card product-card p-3 h-100 w-100">
                                        <div
                                            class="product-profile {{ $product->media->count() < 2 ? 'd-flex justify-content-center dots-none' : '' }} product-img-slider overflow-hidden">
                                            @foreach ($product->media as $media)
                                            <div>
                                                <div class="product-img-height h-100 text-center w-100 mx-auto">
                                                        <img src="{{ $media->getUrl() }}" alt="{{ $product->name }}"
                                                            class=" object-fit-contain h-100 w-100" loading="lazy">
                                                </div>
                                            </div>
                                            @endforeach
                                        </div>
                                        <div class="product-details mt-2">
                                            <h4 class="text-black fs-20">{{ $product->name }}</h4>
                                            <p class="mb-2 text-gray-100 fs-14">
                                                {{ $product->description }}
                                            </p>
                                            @if ($product->currency_id && $product->price)
                                                <span
                                                    class="text-primary fs-22 fw-5 product-price-{{ $product->id }}">{{ $product->currency->currency_icon }}{{ getSuperAdminSettingValue('hide_decimal_values') == 1 ? number_format($product->price, 0) : number_format($product->price, 2) }}</span>
                                            @elseif($product->price)
                                                <span
                                                    class="text-primary fs-22 fw-5 product-price-{{ $product->id }}">{{ getUserCurrencyIcon($vcard->user->id) }}{{ $product->price }}</span>
                                            @endif
                                </a>
                                @if (!empty($product->price))
                                    <div class="mt-2 text-center ">
                                        <button class="btn vcard-13-btn text-decoration-none rounded-2 buy-product"
                                            data-id="{{ $product->id }}">{{ __('messages.subscription.buy_now') }}</button>
                                    </div>
                                @endif
                            </div>
                    </div>
                </div>
                @endforeach
            </div>
        </div>
    </div>
    </div>
    </div>
    @include('vcardTemplates.product-buy')
    <script src="https://js.stripe.com/v3/"></script>
    <script type="text/javascript" src="{{ asset('assets/js/front-third-party.js') }}"></script>
    <script type="text/javascript" src="{{ asset('front/js/bootstrap.bundle.min.js') }}"></script>
    <script src="https://cdn.jsdelivr.net/npm/tsparticles@2/tsparticles.bundle.min.js"></script>
    <script>
        @if (checkFeature('seo') && $vcard->google_analytics)
            {!! $vcard->google_analytics !!}
        @endif

@if (isset(checkFeature('advanced')->custom_js) && $vcard->custom_js)
            {!! $vcard->custom_js !!}
        @endif
    </script>
    @php
        $setting = \App\Models\UserSetting::where('user_id', $vcard->tenant->user->id)
            ->where('key', 'stripe_key')
            ->first();
    @endphp

if (!tsParticles || targets.length === 0) return;

targets.forEach((el) => {
      tsParticles.load(el, {
        fpsLimit: 60,
        particles: {
          number: {
            value: 60,
            density: {
              enable: true,
              area: 800
            }
          },
          color: { value: "#c9ecec" },
          shape: {
            type: "circle",
            stroke: { width: 0, color: "#000000" },
            polygon: { sides: 5 },
            image: {
              src: "https://cdn.matteobruni.it/images/particles/github.svg",
              width: 100,
              height: 100
            }
          },
          opacity: {
            value: 1,
            animation: { enable: false }
          },
          size: {
            value: 7,
            random: { enable: true, minimumValue: 2 },
            animation: { enable: false }
          },
          lineLinked: {
            enable: false
          },
          move: {
            collisions: true,
            enable: true,
            speed: 0.5,
            out_mode: "bounce"
          }
        },
        interactivity: {
          detect_on: "canvas",
          events: {
            onClick: { enable: true, mode: "push" },
            resize: true
          },
          modes: {
            push: { particles_nb: 4 }
          }
        },
        detectRetina: true
      });
    });
  });
    </script>
</body>

</html>

CANCEL