PATH:
home
/
rwabteecom
/
public_html
/
resources
/
views
/
vcardTemplates
/
products
/
Editing: vcard20.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/vcard20.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="bg-effect-vcard20 position-fixed top-0 start-0 w-100 h-100"> <div class="bg-main w-50 h-100 position-absolute top-0 start-0"> <img src="{{ asset('assets/img/vcard20/bg-effect-vcard20.png') }}" loading="lazy" class="w-100 h-100 object-fit-cover" /> </div> <div class="bg-main w-50 h-100 position-absolute top-0 end-0"> <img src="{{ asset('assets/img/vcard20/bg-effect-vcard20.png') }}" loading="lazy" class="w-100 h-100 object-fit-cover" /> </div> <div class="bg-effect-1 position-absolute bottom-0 start-0"> <img src="{{ asset('assets/img/vcard20/bg-effect-vcard20-01.png') }}" loading="lazy" class="w-100 h-100 object-fit-contain" /> </div> <div class="bg-effect-1 position-absolute bottom-0 end-0"> <img src="{{ asset('assets/img/vcard20/bg-effect-vcard20-02.png') }}" loading="lazy" class="w-100 h-100 object-fit-contain" /> </div> <div class="bg-effect-2 bg-effect position-absolute"> <img src="{{ asset('assets/img/vcard20/shape_2.png') }}" loading="lazy" class="w-100 h-100 object-fit-contain" /> </div> <div class="bg-effect-3 bg-effect position-absolute"> <img src="{{ asset('assets/img/vcard20/red_chili.png') }}" loading="lazy" class="w-100 h-100 object-fit-contain" /> </div> <div class="bg-effect-4 bg-effect position-absolute"> <img src="{{ asset('assets/img/vcard20/shape_5.png') }}" loading="lazy" class="w-100 h-100 object-fit-contain" /> </div> <div class="bg-effect-5 bg-effect position-absolute"> <img src="{{ asset('assets/img/vcard20/red_chili_3.png') }}" loading="lazy" class="w-100 h-100 object-fit-contain" /> </div> <div class="bg-effect-6 bg-effect position-absolute"> <img src="{{ asset('assets/img/vcard20/tomato_5.png') }}" loading="lazy" class="w-100 h-100 object-fit-contain" /> </div> <div class="bg-effect-7 bg-effect position-absolute"> <img src="{{ asset('assets/img/vcard20/shape_4.png') }}" loading="lazy" class="w-100 h-100 object-fit-contain" /> </div> <div class="bg-effect-8 bg-effect position-absolute"> <img src="{{ asset('assets/img/vcard20/shape_3.png') }}" loading="lazy" class="w-100 h-100 object-fit-contain" /> </div> <div class="bg-effect-9 bg-effect position-absolute"> <img src="{{ asset('assets/img/vcard20/cherry_1.png') }}" loading="lazy" class="w-100 h-100 object-fit-contain" /> </div> <div class="bg-effect-10 bg-effect position-absolute"> <img src="{{ asset('assets/img/vcard20/bg-effect-vcard20-03.png') }}" loading="lazy" class="w-100 h-100 object-fit-contain" /> </div> <div class="bg-effect-11 bg-effect position-absolute"> <img src="{{ asset('assets/img/vcard20/bg-effect-vcard20-04.png') }}" loading="lazy" class="w-100 h-100 object-fit-contain" /> </div> <div class="bg-effect-12 bg-effect position-absolute"> <img src="{{ asset('assets/img/vcard20/bg-effect-vcard20-05.png') }}" loading="lazy" class="w-100 h-100 object-fit-contain" /> </div> <div class="bg-effect-13 bg-effect position-absolute"> <img src="{{ asset('assets/img/vcard20/bg-effect-vcard20-06.png') }}" loading="lazy" class="w-100 h-100 object-fit-contain" /> </div> <div class="bg-effect-14 bg-effect position-absolute"> <img src="{{ asset('assets/img/vcard20/bg-effect-vcard20-08.png') }}" loading="lazy" class="w-100 h-100 object-fit-contain" /> </div> </div> <div class="container p-0"> <div class="vcard-twenty main-content w-100 mx-auto content-blur allSection collapse show"> <div class="vcard-one__product py-3 mt-0 h-100 px-30"> <div class="d-flex gap-2 justify-content-between mb-5" @if (getLanguage($vcard->default_language) == 'Arabic') dir="rtl" @endif> <div> <h4 class="vcard-twenty-heading mb-0">{{ __('messages.vcard.products') }}</h4> </div> <div class="text-center"> <a class="vcard-twenty-btn text-decoration-none d-block" href="{{ $vcardUrl }}" role="button">{{ __('messages.common.back') }}</a> </div> </div> <div class="product-section bg-gray"> <div class="product-slider"> @foreach ($vcard->products as $product) <div> <div class="product-card card mb-5 mt-0 p-4"> <div class="product-img card-img"> <a @if ($product->product_url) href="{{ $product->product_url }}" @endif target="_blank" class="text-decoration-none fs-6 d-block w-100 h-100"> <div class=" {{ $product->media->count() < 2 ? 'd-block' : '' }} 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> </a> </div> <div class="card-body px-0 pb-0 pt-4 text-center"> <div class="product-desc mb-2" @if (getLanguage($vcard->default_language) == 'Arabic') dir="rtl" @endif> <h3 class="text-white fs-20 fw-5 mb-0">{{ $product->name }}</h3> </div> <p class="fs-14 text-gray-100 mb-2">{{ $product->description }}</p> <div class="text-primary fw-bold fs-20 mb-3"> @if ($product->currency_id && $product->price) <span class="fs-20 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-20 fw-6 text-primary product-price-{{ $product->id }}">{{ getUserCurrencyIcon($vcard->user->id) }} {{ $product->price }}</span> @endif </div> @if (!empty($product->price)) <div class="text-center"> <button class="buy-product btn btn-primary" data-id="{{ $product->id }}">{{ __('messages.subscription.buy_now') }}</button> </div> @endif </div> </div> </div> @endforeach </div> </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