Търся Cookie Preference Center

Post Reply
User avatar
Ticketa
Турист
Турист
Posts: 571
Joined: Mon Feb 27, 2012 1:54 pm
Answers: 24
Location: in /root
Contact:

Търся Cookie Preference Center

Post by Ticketa » Sun Aug 09, 2020 8:36 pm

Търся сходен Cookie Preference Center , смятам че го има като готов модул тъй като го открих и тук (mailchimp): https://res.cloudinary.com/indysigner/i ... lchimp.png

https://flicka.eu/page/cookie-policy

Самият модал

Code: Select all

<div class="modal medium fade" id="gdpr_popup" tabindex="-1" role="dialog" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-tabs">
            <div class="modal-tabs-title">
                <div class="modal-tabs-title-text">
                    <h3>Cookie Preference Center</h3>

                    <span class="modal-tabs-title-close" data-dismiss="modal"><i class="fa fa-times"></i></span>
                </div>
            </div>

            <div class="modal-tabs-body">
                <div class="modal-tabs-nav">
                    <a href="javascript:void(0);" class="js-modal-tabs-link active" data-target="#tab-privacy">Your Privacy</a>

                                            <a href="javascript:void(0);" class="js-modal-tabs-link" data-target="#tab-system">Strictly Necessary Cookies</a>
                                            <a href="javascript:void(0);" class="js-modal-tabs-link" data-target="#tab-performance">Performance Cookies</a>
                                            <a href="javascript:void(0);" class="js-modal-tabs-link" data-target="#tab-functional">Functional Cookies</a>
                                            <a href="javascript:void(0);" class="js-modal-tabs-link" data-target="#tab-targeting">Targeting Cookies</a>
                    
                    <a href="https://flicka.eu/page/cookie-policy" target="_blank">More info</a>
                </div>

                <div class="modal-tabs-group">
                    <div class="modal-tab" id="tab-privacy">
                        <div class="modal-tab-title">
                            <div class="modal-tab-title-main">
                                <h4>Your Privacy</h4>
                            </div>
                        </div>

                        <div class="modal-tab-description">
                            
                        </div>
                    </div>

                                            <div class="modal-tab" id="tab-system">
                            <div class="modal-tab-title">
                                <div class="modal-tab-title-main">
                                    <h4>Strictly Necessary Cookies</h4>
                                </div>

                                <div class="modal-tab-title-addon">
                                    <label class="_switchbox" for="id-system">
                                                                                    <input type="checkbox" class="_switchbox-input" checked="checked" disabled>
                                                                                <span class="_switchbox-button"></span>
                                        <span class="_switchbox-background"></span>
                                    </label>
                                </div>
                            </div>

                            <div class="modal-tab-description">
                                <p>These cookies are necessary for the website to function and cannot be switched off in our systems. They are usually only set in response to actions made by you which amount to a request for services, such as setting your privacy preferences, logging in or filling in forms. You can set your browser to block or alert you about these cookies, but some parts of the site may not work then.</p>
                            </div>

                            <div class="cookies-used">
                                <h5>Cookies</h5>

                                <ul>
                                                                            <li>CloudCart Platform</li>
                                                                    </ul>
                            </div>
                        </div>
                                            <div class="modal-tab" id="tab-performance">
                            <div class="modal-tab-title">
                                <div class="modal-tab-title-main">
                                    <h4>Performance Cookies</h4>
                                </div>

                                <div class="modal-tab-title-addon">
                                    <label class="_switchbox" for="id-performance">
                                                                                    <input name="performance" type="checkbox" class="_switchbox-input" id="id-performance" checked="checked">
                                                                                <span class="_switchbox-button"></span>
                                        <span class="_switchbox-background"></span>
                                    </label>
                                </div>
                            </div>

                            <div class="modal-tab-description">
                                <p>These cookies allow us to count visits and traffic sources, so we can measure and improve the performance of our site. They help us know which pages are the most and least popular and see how visitors move around the site. All information these cookies collect is aggregated and therefore anonymous. If you do not allow these cookies, we will not know when you have visited our site.</p>
                            </div>

                            <div class="cookies-used">
                                <h5>Cookies</h5>

                                <ul>
                                                                            <li>Google Analytics</li>
                                                                            <li>CloudCart Analytics</li>
                                                                    </ul>
                            </div>
                        </div>
                                            <div class="modal-tab" id="tab-functional">
                            <div class="modal-tab-title">
                                <div class="modal-tab-title-main">
                                    <h4>Functional Cookies</h4>
                                </div>

                                <div class="modal-tab-title-addon">
                                    <label class="_switchbox" for="id-functional">
                                                                                    <input name="functional" type="checkbox" class="_switchbox-input" id="id-functional" checked="checked">
                                                                                <span class="_switchbox-button"></span>
                                        <span class="_switchbox-background"></span>
                                    </label>
                                </div>
                            </div>

                            <div class="modal-tab-description">
                                <p>These cookies allow the provision of enhance functionality and personalization, such as videos and live chats. They may be set by us or by third party providers whose services we have added to our pages. If you do not allow these cookies, then some or all of these functionalities may not function properly.</p>
                            </div>

                            <div class="cookies-used">
                                <h5>Cookies</h5>

                                <ul>
                                                                            <li>AddThis social sharing</li>
                                                                            <li>Remember Me</li>
                                                                    </ul>
                            </div>
                        </div>
                                            <div class="modal-tab" id="tab-targeting">
                            <div class="modal-tab-title">
                                <div class="modal-tab-title-main">
                                    <h4>Targeting Cookies</h4>
                                </div>

                                <div class="modal-tab-title-addon">
                                    <label class="_switchbox" for="id-targeting">
                                                                                    <input name="targeting" type="checkbox" class="_switchbox-input" id="id-targeting" checked="checked">
                                                                                <span class="_switchbox-button"></span>
                                        <span class="_switchbox-background"></span>
                                    </label>
                                </div>
                            </div>

                            <div class="modal-tab-description">
                                <p>These cookies are set through our site by our advertising partners. They may be used by those companies to build a profile of your interests and show you relevant ads on other sites. They work by uniquely identifying your browser and device. If you do not allow these cookies, you will not experience our targeted advertising across different websites.</p>
                            </div>

                            <div class="cookies-used">
                                <h5>Cookies</h5>

                                <ul>
                                                                    </ul>
                            </div>
                        </div>
                                    </div>
            </div>

            <div class="modal-tabs-footer">
                <div class="modal-tabs-footer-right">
                    <button class="cc-button cc-button-small js-cookies-accept-modal">Save settings</button>
                </div>

                <div class="modal-tabs-footer-left">
                    Powered by <a href="https://cloudcart.com" target="_blank"><strong>CloudCart</strong></a>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="bottom-freezed-bar">
    <div class="container">
        <div class="bottom-freezed-bar-inner">
            <div class="bottom-freezed-bar-content">
                Our online store uses cookies
            </div>

            <div class="bottom-freezed-bar-buttons">
                <a href="javascript:" id="gdpr-trigger">Cookie Settings</a>

                <button class="cc-button cc-button-small js-cookies-accept">Accept Cookies</button>
            </div>
        </div>
    </div>

    <a class="bottom-freezed-bar-close" href="javascript:void(0);"><i class="fa fa-times"></i></a>
</div>


<script>
    (function($){
        $(document).on('click', '#gdpr-trigger', function(e){
            e.preventDefault();
            $('#gdpr_popup').modal();
        });

        $(document).on('click', '.js-modal-tabs-link', function(e){
            var $this = $(this);
            var $target = $($this.data('target'));

            $this.addClass('active').siblings().removeClass('active');
            $target.show().siblings().hide();

            e.preventDefault();
        });

        $(document).on('click', '.bottom-freezed-bar-close', function(e){
            $('.bottom-freezed-bar').hide();

            e.preventDefault();
        });

        $(document).on('click', '.js-cookies-accept-modal', function(e){
            $('#gdpr_popup').modal('hide');
            Cookies.set('cookies-accepted', '1', {
                path: '/',
                expires: 365
            });
            $('.bottom-freezed-bar').hide();
        });

        $(document).on('click', '.js-cookies-accept', function(e){
            $('.bottom-freezed-bar').hide();
            Cookies.set('cookies-accepted', '1', {
                path: '/',
                expires: 365
            });
        });
    })(jQuery);
</script>
Ако, някой го има сходен , нека сподели.

Post Reply