{"id":373,"date":"2024-08-07T09:23:24","date_gmt":"2024-08-07T09:23:24","guid":{"rendered":"https:\/\/alistorepro.com\/affiliates\/"},"modified":"2024-08-07T09:23:24","modified_gmt":"2024-08-07T09:23:24","slug":"affiliates","status":"publish","type":"page","link":"https:\/\/www.alistorepro.com\/tr\/affiliates\/","title":{"rendered":"Affiliate Portal"},"content":{"rendered":"<div class='sld-ap-container'><div class='sld-ap'><div class='sld-notice has-action trial'><p><b>Solid Affiliate is not activated.<\/b> Please activate Solid Affiliate for the plugin to function correctly. You will not receive any security updates, nor be able to add affiliates while the plugin is deactivated.<\/p><p><a href='https:\/\/www.alistorepro.com\/wp-admin\/admin.php?page=solid-affiliate-license-key-options'>Activate Solid Affiliate with a valid license key<\/a><\/p><\/div>        \n        <style>\n            :root {\n                \/* Global container color *\/\n                --sld-ap-background: #fff;\n                \/* Shading background : Used for hovers and tables *\/\n                --sld-ap-shading: #fafafa;\n\n                \/* Color scheme *\/\n                --sld-ap-primary-color: #474747;\n                --sld-ap-secondary-color: #757575;\n                --sld-ap-accent-color: #4285F4;\n                --sld-ap-border-color: #DADCE0;\n                --sld-ap-border-radius: 10px;\n                \/* --sld-ap-font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\"; *\/\n                --sld-ap-font-family: inherit;\n\n\n                \/* Font sizes *\/\n                --sld-ap-font-size-xs: 12px;\n                --sld-ap-font-size-m: 14px;\n                --sld-ap-font-size-l: 20px;\n                --sld-ap-font-size-xl: 22px;\n            }\n\n            \/********************\n\nAffiliate Portal CSS\n\n*********************\/\n\n\n            \/* Global layout\/grid  *\/\n\n\n            .sld-ap {\n                display: flex;\n                font-size: 1rem;\n                font-family: var(--sld-ap-font-family);\n                gap: 20px;\n            }\n\n\n            .sld-ap h2 {\n                font-family: var(--sld-ap-font-family);\n                font-size: var(--sld-ap-font-size-xl);\n                margin-bottom: 20px;\n                font-weight: 400;\n            }\n\n\n            .sld-col-1 {\n                flex-shrink: 0;\n                flex-basis: 60%;\n            }\n\n            .sld-col-1:last-child {\n                flex-shrink: 0;\n                flex-basis: fit-content;\n            }\n\n            @media only screen and (max-width: 760px) {\n\n\n                .sld-ap {\n                    flex-direction: column;\n                }\n\n            }\n\n            .sld-ap-form {\n                display:flex;\n                flex-direction: column;\n            }\n\n            .sld-ap-form_box {\n                padding: 20px;\n                width: 100%;\n                border: 1px solid var(--sld-ap-border-color);\n                border-radius: 5px;\n            }\n\n            .sld-ap-form_group {\n                width: 100%;\n                margin: 15px 0;\n                display: flex;\n                flex-direction: column;\n            }\n\n            .sld-ap-form_group>label {\n                margin: 5px 0;\n                font-size: var(--sld-ap-font-size-m);\n                color: var(--sld-ap-secondary-color);\n                display:flex;\n                flex-direction: column;\n            }\n\n            .sld-ap-form_group>label input,\n            .sld-ap-form_group>label textarea,\n            .sld-ap-form_group>label select\n            {\n                width:100%;\n            }\n            .sld-ap-form_checkbox input {\n                width:auto !important;\n            }\n\n            .sld-ap-form_group input,\n            .sld-ap-form_group textarea,\n            .sld-ap-form_group select {\n                display: block;\n                border: 1px solid var(--sld-ap-border-color);\n                padding: 10px 5px;\n                border-radius: 3px;\n                background: #fafafd;\n            }\n\n\n            .sld-ap-form_checkbox {\n                display: inline-block !important;\n                color: var(--sld-ap-primary-color) !important;\n                font-size: var(--sld-ap-font-size-m) !important;\n            }\n\n            .sld-ap-form_checkbox>input {\n                width: 25px;\n                display: inline-block;\n            }\n\n            label.sld_field-label input[type='radio'] {\n                width: 25px;\n                border-radius: 50%;\n                display: inline-block;\n            }\n\n            .sld-ap-form_checkbox a {\n                color: blue;\n            }\n\n            .sld-ap-form_submit {\n                background: var(--sld-ap-accent-color);\n                font-size: var(--sld-ap-font-size-m);\n                color: #fff;\n                padding: 15px 20px;\n                border: none !important;\n                border-radius: 5px\n            }\n\n            .sld-ap-form_group input:focus,\n            .sld-ap-form_group input:focus-within,\n            .sld-ap-form_group input:focus-visible {\n                border: 1px solid var(--sld-ap-accent-color);\n                outline: none !important;\n                background: #fff;\n            }\n\n            .sld-ap-form_tip {\n                font-size: var(--sld-ap-font-size-xs);\n                color: var(--sld-ap-primary-color);\n            }\n\n            .sld-ap-form_notice {\n                display: flex;\n                gap: 5px;\n                margin: 20px 0;\n                border: 1px solid var(--sld-ap-border-color);\n                color: var(--sld-ap-primary-color);\n                line-height: 1.2;\n                font-size: var(--sld-ap-font-size-m);\n                border-radius: 5px;\n                padding: 10px;\n                align-items: center;\n            }\n\n            .sld-ap-form_notice_icon svg {\n                fill: var(--sld-ap-secondary-color);\n                width: auto;\n                height: 20px;\n            }\n\n\n            .sld-ap-form_notice.error svg {\n                fill: darkred;\n            }\n\n            .sld-ap-form_notice.error {\n                color: darkred;\n                background: rgb(255, 248, 249);\n            }\n\n            .sld-ap-form_notice.success svg {\n                fill: darkgreen;\n            }\n\n            .sld-ap-form_notice.success {\n                color: darkgreen;\n                background: #e0ffe0;\n            }\n\n            .sld-ap-form_notice.info svg {\n                fill: darkblue;\n            }\n\n            .sld-ap-form_notice.info {\n                color: darkblue;\n                background: #fbfeff;\n            }\n\n            .sld-ap-form_group a.forgot-pass {\n                font-size: var(--sld-ap-font-size-xs);\n                color: blue;\n            }\n\n\n            .sld-ap-form_login {\n                background: white;\n                font-size: var(--sld-ap-font-size-m);\n                color: var(--sld-ap-accent-color);\n                border: 1px solid var(--sld-ap-accent-color);\n                padding: 15px 20px;\n                border-radius: 5px\n            }\n\n            .sld-tooltip>svg {\n                max-width: 15px;\n            }\n\n            \/* label with for=\"is_accept_affiliate_policy\"  *\/\n            label[for=\"is_accept_affiliate_policy\"] p.sld_field-description {\n                display: inline-block;\n            }\n\n\n            #is_accept_affiliate_policy+p::before {\n                content: '* ';\n                color: red;\n            }\n\n            .sld-ap-login-component {\n                height: fit-content;\n            }\n\n            \/* Stuff Mike added while making \"v2\" registration form *\/\n            .sld-ap-form_error {\n                color: red;\n                font-size: var(--sld-ap-font-size-xs);\n                margin: 5px 0;\n            }\n        <\/style>\n\n        <script>\n            \/\/ make an ajax request to generate a new nonce and then replace the value of the nonce field in the form\n            jQuery(document).ready(function($) {\n                var data = {\n                    'action': 'sld_affiliate_generate_login_nonce',\n                };\n\n                $.post(window.SolidAffiliate.ajaxurl, data, function(response) {\n                    if (response.success) {\n                        $('#solid-affiliate-affiliate-portal_login-form #_wpnonce').val(response.data);\n                    }\n                });\n            });\n        <\/script>\n\n        <div class=\"sld-col-2 sld-ap-form_box sld-ap-login-component\">\n            \n            <h2>Login as Affiliate<\/h2>\n            <form action=\"\" method=\"post\" class=\"sld-ap-form\" id=\"solid-affiliate-affiliate-portal_login-form\" data-trp-original-action=\"\">\n                <div class=\"sld-ap-form_group\">\n                    <label for=\"user_email\">Account email<\/label>\n                    <input type=\"email\" id=\"sld-ap-login-email\" name=\"user_email\" required>\n                <\/div>\n                <div class=\"sld-ap-form_group\">\n                    <label for=\"user_pass\">Password<\/label>\n                    <input type=\"password\" id=\"sld-ap-login-pass\" name=\"user_pass\" required>\n                    <a href=\"https:\/\/www.alistorepro.com\/tr\/my-account\/lost-password\/\" class=\"forgot-pass\">Forgot your password?<\/a>\n                <\/div>\n                <input type=\"hidden\" name=\"field_id\" value=\"0\">\n\n                <input type=\"hidden\" id=\"_wpnonce\" name=\"_wpnonce\" value=\"36f0779118\" \/><input type=\"hidden\" name=\"_wp_http_referer\" value=\"\/tr\/wp-json\/wp\/v2\/pages\/373\" \/>                <!-- TODO: Was there a reason that 'id' was set to the string that $submit_action is, but does not use the $submit_action variable? -->\n                <input type=\"submit\" name=\"submit_solid_affiliate_login\" id=\"submit_solid_affiliate_login\" class=\"sld-ap-form_login\" value=\"Login as Affiliate\">\n            <input type=\"hidden\" name=\"trp-form-language\" value=\"tr\"\/><\/form>\n        <\/div>\n\n    <\/div><\/div>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_kad_post_transparent":"","_kad_post_title":"","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"footnotes":""},"class_list":["post-373","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.alistorepro.com\/tr\/wp-json\/wp\/v2\/pages\/373"}],"collection":[{"href":"https:\/\/www.alistorepro.com\/tr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.alistorepro.com\/tr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.alistorepro.com\/tr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.alistorepro.com\/tr\/wp-json\/wp\/v2\/comments?post=373"}],"version-history":[{"count":0,"href":"https:\/\/www.alistorepro.com\/tr\/wp-json\/wp\/v2\/pages\/373\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.alistorepro.com\/tr\/wp-json\/wp\/v2\/media?parent=373"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}