PATH:
home
/
rwabteecom
/
public_html
/
resources
/
views
/
vcardTemplates
/
products
/
Editing: vcard27.blade.php
<!DOCTYPE html> <html lang="{{ str_replace('_', '-', app()->getLocale()) }}"> <head> <!-- Required meta tags --> <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 <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <!-- Favicon --> <link rel="icon" href="{{ getFaviconUrl() }}" type="image/png"> <link href="{{ asset('front/css/bootstrap.min.css') }}" rel="stylesheet"> <link rel="stylesheet" type="text/css" href="{{ asset('assets/css/third-party.css') }}"> <link rel="stylesheet" type="text/css" href="{{ asset('assets/css/style.css') }}"> <link rel="stylesheet" type="text/css" href="{{ asset('css/plugins.css') }}"> <link rel="stylesheet" href="{{ asset('assets/css/custom-vcard.css') }}"> <link rel="stylesheet" href="{{ asset('assets/css/slider/css/slick.css') }}"> <link rel="stylesheet" href="{{ asset('assets/css/slider/css/slick-theme.min.css') }}"> <link rel="stylesheet" href="{{ mix('assets/css/vcard27.css') }}"> {{-- google font --}} <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@500&display=swap" rel="stylesheet"> @if (checkFeature('custom-fonts') && $vcard->font_family) <link rel="stylesheet" href="https://fonts.googleapis.com/css?family={{ $vcard->font_family }}"> @endif {{-- @if ($vcard->font_family || $vcard->font_size || $vcard->custom_css) <style> @if (checkFeature('custom-fonts')) @if ($vcard->font_family) body { font-family: {{ $vcard->font_family }}; } @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> <body> <div class="vcard-tewntyseven position-fixed top-0 left-0 right-0 bottom-0 w-100 h-100"> <div class="main-bg-effect position-fixed top-0 left-0 right-0 bottom-0 w-100 h-100"> <div class="bg-image-half"> <img src="{{ asset('assets/img/vcard27/bg-main-effect-1.png') }}" alt="Background Image"> </div> <div class="bg-image-half-right"> <img src="{{ asset('assets/img/vcard27/bg-main-effect-2.png') }}" alt="Background Image"> </div></div> <!-- Top to Bottom Icons --> <img src="{{ asset('assets/img/vcard27/effect-img-1.png') }}" class="icon float-down left-0"> <img src="{{ asset('assets/img/vcard27/effect-img-2.png') }}" class="icon float-down left-10"> <img src="{{ asset('assets/img/vcard27/effect-img-3.png') }}" class="icon float-down left-20"> <img src="{{ asset('assets/img/vcard27/effect-img-4.png') }}" class="icon float-down left-30"> <img src="{{ asset('assets/img/vcard27/effect-img-5.png') }}" class="icon float-down left-40"> <img src="{{ asset('assets/img/vcard27/effect-img-6.png') }}" class="icon float-down left-50"> <img src="{{ asset('assets/img/vcard27/effect-img-7.png') }}" class="icon float-down left-60"> <img src="{{ asset('assets/img/vcard27/effect-img-8.png') }}" class="icon float-down left-70"> <img src="{{ asset('assets/img/vcard27/effect-img-5.png') }}" class="icon float-down left-80"> <img src="{{ asset('assets/img/vcard27/effect-img-3.png') }}" class="icon float-down left-90"> <img src="{{ asset('assets/img/vcard27/effect-img-4.png') }}" class="icon float-down left-100"> <!-- Bottom to Top Icons --> <img src="{{ asset('assets/img/vcard27/effect-img-8.png') }}" class="icon float-up left-5"> <img src="{{ asset('assets/img/vcard27/effect-img-7.png') }}" class="icon float-up left-15"> <img src="{{ asset('assets/img/vcard27/effect-img-6.png') }}" class="icon float-up left-25"> <img src="{{ asset('assets/img/vcard27/effect-img-5.png') }}" class="icon float-up left-35"> <img src="{{ asset('assets/img/vcard27/effect-img-4.png') }}" class="icon float-up left-45"> <img src="{{ asset('assets/img/vcard27/effect-img-3.png') }}" class="icon float-up left-55"> <img src="{{ asset('assets/img/vcard27/effect-img-2.png') }}" class="icon float-up left-65"> <img src="{{ asset('assets/img/vcard27/effect-img-1.png') }}" class="icon float-up left-75"> <img src="{{ asset('assets/img/vcard27/effect-img-8.png') }}" class="icon float-up left-85"> <img src="{{ asset('assets/img/vcard27/effect-img-7.png') }}" class="icon float-up left-95"> </div> <div class="container p-0"> <div class="vcard-twentyseven main-content w-100 mx-auto content-blur allSection collapse show"> <div class="vcard-one__product py-3 mt-0"> <div class="d-flex align-items-center gap-3 px-30 mb-5 justify-content-between" @if (getLanguage($vcard->default_language) == 'Arabic') dir="rtl" @endif> <div > <h4 class="product-heading mb-0">{{ __('messages.vcard.products') }}</h4> </div> <div class="text-center"> <a class="back-btn text-decoration-none d-block text-white" href="{{ $vcardUrl }}" role="button">{{ __('messages.common.back') }}</a> </div> </div> <div class="px-30"> <div class="product-slider"> @foreach ($vcard->products as $product) <div> <div class="product-card card mb-3"> <div class="product-img card-img"> <a @if ($product->product_url) href="{{ $product->product_url }}" @endif target="_blank" class="text-decoration-none fs-6"> <div class=" {{ $product->media->count() < 2 ? 'd-flex justify-content-center' : '' }} product-img-slider overflow-hidden"> @foreach ($product->media as $media) <img src="{{ $media->getUrl() }}" alt="{{ $product->name }}" class="text-center object-fit-contain w-100" height="208px" loading="lazy"> @endforeach </div> </a> </div> <div class="card-body card-margin p-3"> <div class="product-desc d-flex justify-content-between align-items-center mb-3" @if (getLanguage($vcard->default_language) == 'Arabic') dir="rtl" @endif> <h3 class="text-black fs-18 fw-5 mb-0 me-2">{{ $product->name }}</h3> <div class="product-amount text-primary fw-bold fs-18"> @if ($product->currency_id && $product->price) <span class="fs-18 fw-6 text-primary 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="fs-18 fw-6 text-primary product-price-{{ $product->id }}">{{ getUserCurrencyIcon($vcard->user->id) }}{{ $product->price }}</span> @endif </div> </div> <p class="fs-14 text-dark mb-3">{{ $product->description }}</p> @if (!empty($product->price)) <div class="mt-5 text-center"> <button class="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="{{ asset('assets/js/slider/js/slick.min.js') }}" type="text/javascript"></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 <script> let stripe = ''; @if (!empty($setting) && !empty($setting->value)) stripe = Stripe('{{ $setting->value }}'); @endif let isEdit = false; let password = "{{ isset(checkFeature('advanced')->password) && !empty($vcard->password) }}"; let passwordUrl = "{{ route('vcard.password', $vcard->id) }}"; let enquiryUrl = "{{ route('enquiry.store', ['vcard' => $vcard->id, 'alias' => $vcard->url_alias]) }}"; let appointmentUrl = "{{ route('appointment.store', ['vcard' => $vcard->id, 'alias' => $vcard->url_alias]) }}"; let paypalUrl = "{{ route('paypal.init') }}"; let slotUrl = "{{ route('appointment-session-time', $vcard->url_alias) }}"; let appUrl = "{{ config('app.url') }}"; let vcardId = {{ $vcard->id }}; let vcardAlias = "{{ $vcard->url_alias }}"; let languageChange = "{{ url('language') }}"; let lang = "{{ checkLanguageSession($vcard->url_alias) }}"; </script> <script> let options = { 'key': "{{ getSelectedPaymentGateway('razorpay_key') }}", 'amount': 0, // 100 refers to 1 'currency': 'INR', 'name': "{{ getAppName() }}", 'order_id': '', 'description': '', 'image': '{{ asset(getAppLogo()) }}', // logo here 'callback_url': "{{ route('product.razorpay.success') }}", 'prefill': { 'email': '', // recipient email here 'name': '', // recipient name here 'contact': '', // recipient phone here }, 'readonly': { 'name': 'true', 'email': 'true', 'contact': 'true', }, 'theme': { 'color': '#0ea6e9', }, 'modal': { 'ondismiss': function() { $('#paymentGatewayModal').modal('hide'); displayErrorMessage(Lang.get('js.payment_not_complete')); setTimeout(function() { Turbo.visit(window.location.href); }, 1000); }, }, }; </script> <script> $('.product-img-slider').slick({ dots: true, infinite: true, speed: 300, slidesToShow: 1, // autoplay: true,/ slidesToScroll: 1, arrows: false, responsive: [{ breakpoint: 575, settings: { slidesToShow: 1, slidesToScroll: 1, infinite: true, dots: true, }, }, ], }); </script> @routes <script src="{{ asset('messages.js?$mixID') }}"></script> <script src="{{ mix('assets/js/custom/helpers.js') }}"></script> <script src="{{ mix('assets/js/custom/custom.js') }}"></script> <script src="{{ mix('assets/js/vcards/vcard-view.js') }}"></script> <script src="{{ mix('assets/js/lightbox.js') }}"></script> </body> </html>
SAVE
CANCEL