Changes to web templates promo tab
This commit is contained in:
BIN
rangeldigital/__pycache__/__init__.cpython-313.pyc
Normal file
BIN
rangeldigital/__pycache__/__init__.cpython-313.pyc
Normal file
Binary file not shown.
BIN
rangeldigital/__pycache__/hooks.cpython-313.pyc
Normal file
BIN
rangeldigital/__pycache__/hooks.cpython-313.pyc
Normal file
Binary file not shown.
@ -31,7 +31,7 @@
|
|||||||
{
|
{
|
||||||
"fieldname": "tab_icon",
|
"fieldname": "tab_icon",
|
||||||
"fieldtype": "Attach Image",
|
"fieldtype": "Attach Image",
|
||||||
"label": "Tab Image",
|
"label": "Tab Icon",
|
||||||
"reqd": 0
|
"reqd": 0
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
@ -47,33 +47,15 @@
|
|||||||
"reqd": 0
|
"reqd": 0
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"fieldname": "tab_content_sub_heading",
|
"fieldname": "tab_sub_heading",
|
||||||
"fieldtype": "Data",
|
"fieldtype": "Data",
|
||||||
"label": "Tab Content Sub-Heading",
|
"label": "Tab Sub-Heading",
|
||||||
"reqd": 0
|
"reqd": 0
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"fieldname": "tab_content_image",
|
"fieldname": "tab_image",
|
||||||
"fieldtype": "Attach Image",
|
"fieldtype": "Attach Image",
|
||||||
"label": "Tab Content Image",
|
"label": "Tab Image",
|
||||||
"reqd": 0
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"fieldname": "tab_cta_text",
|
|
||||||
"fieldtype": "Data",
|
|
||||||
"label": "Tab CTA Text",
|
|
||||||
"reqd": 0
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"fieldname": "tab_content_html",
|
|
||||||
"fieldtype": "data",
|
|
||||||
"label": "Tab Content HTML",
|
|
||||||
"reqd": 0
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"fieldname": "tab_cta_url",
|
|
||||||
"fieldtype": "Data",
|
|
||||||
"label": "Tab CTA URL",
|
|
||||||
"reqd": 0
|
"reqd": 0
|
||||||
}
|
}
|
||||||
],
|
],
|
||||||
@ -84,6 +66,6 @@
|
|||||||
"name": "Promo Tabs Section - 1",
|
"name": "Promo Tabs Section - 1",
|
||||||
"owner": "Administrator",
|
"owner": "Administrator",
|
||||||
"standard": 0,
|
"standard": 0,
|
||||||
"template": "<section class=\"promo_area sec_padding\">\n <div class=\"container\">\n <div class=\"row\">\n <div class=\"col-lg-6\">\n <div class=\"tab-content promo_tab_image wow fadeInLeft\" data-wow-delay=\"0.3s\" id=\"pills-tabContent-one\" style=\"visibility: visible; animation-delay: 0.3s; animation-name: fadeInLeft;\">\n {% for tab in tabs %}\n {% if loop.index == 1 %}\n <div class=\"tab-pane fade active show\" id=\"{{ tab.tab_id }}\" role=\"tabpanel\" aria-labelledby=\"pills-home-tab\" tabindex=\"0\">\n <img src=\"/assets/rangeldigital/files/img/spendings.png\" alt=\"\">\n </div>\n {% else %}\n <div class=\"tab-pane fade service_tab_image\" id=\"{{ tab.tab_id }}\" role=\"tabpanel\" aria-labelledby=\"pills-{{ tab.tab_id }}\" tabindex=\"0\">\n <img src=\"/assets/rangeldigital/files/img/spendings.png\" alt=\"\">\n </div>\n {% endif %}\n {% endfor %}\n\n </div>\n </div>\n <div class=\"col-lg-6\">\n <div class=\"promo_tab_box\">\n <div class=\"section_title_two wow fadeInUp\" data-wow-delay=\"0.2s\" style=\"visibility: visible; animation-delay: 0.2s; animation-name: fadeInUp;\">\n <h2>Why Choose Picmate</h2>\n <p> has more image rendering options than you'll ever need. Focus on the things\n that really matter to your users business.</p>\n </div>\n <ul class=\"nav nav-pills mb-3\" id=\"pills-tab\" role=\"tablist\">\n {% for tab in tabs %}\n {% if loop.index == 1 %}\n <li class=\"nav-item wow fadeInUp\" data-wow-delay=\"0.3s\" role=\"presentation\" style=\"visibility: visible; animation-delay: 0.3s; animation-name: fadeInUp;\">\n <div class=\"nav-link\" id=\"pills-home-tab\" data-bs-toggle=\"pill\" data-bs-target=\"#{{ tab.tab_id }}\" role=\"tab\" aria-controls=\"pills-home\" aria-selected=\"false\" tabindex=\"-1\">\n <img src=\"/assets/rangeldigital/files/img/spendings.png/r_1.png\" alt=\"\">\n <div class=\"content\">\n <h5>Responsive Screenshots</h5>\n <p>Screenshot your website at different widths and heights to simulate\n different devices and situations.</p>\n </div>\n <div class=\"tab_progress\">\n <div class=\"progress-bar\" style=\"width: 0px;\"></div>\n </div>\n </div>\n </li>\n {% else %}\n <li class=\"nav-item wow fadeInUp\" data-wow-delay=\"0.4s\" role=\"presentation\" style=\"visibility: visible; animation-delay: 0.4s; animation-name: fadeInUp;\">\n <div class=\"nav-link\" id=\"pills-profile-tab\" data-bs-toggle=\"pill\" data-bs-target=\"#{{ tab.tab_id }}\" role=\"tab\" aria-controls=\"pills-profile\" aria-selected=\"false\" tabindex=\"-1\">\n <img src=\"/assets/rangeldigital/files/img/spendings.png/f_2.png\" alt=\"\">\n <div class=\"content\">\n <h5>Full Page Screenshots</h5>\n <p>Go beyond the limits of a browser's viewport and capture everything in an\n HTML document.</p>\n </div>\n <div class=\"tab_progress\">\n <div class=\"progress-bar\" style=\"width: 60.14%; overflow: hidden;\"></div>\n </div>\n </div>\n </li>\n {% endif %}\n {% endfor %}\n </ul>\n </div>\n </div>\n </div>\n </div>\n</section>"
|
"template": "<section class=\"promo_area sec_padding\">\n <div class=\"container\">\n <div class=\"row\">\n <div class=\"col-lg-6\">\n <div class=\"tab-content promo_tab_image wow fadeInLeft\" data-wow-delay=\"0.3s\" id=\"pills-tabContent-one\" style=\"visibility: visible; animation-delay: 0.3s; animation-name: fadeInLeft;\">\n {% for tab in tabs %}{% if loop.index == 1 %}<div class=\"tab-pane fade active show\" id=\"{{ tab.tab_id }}\" role=\"tabpanel\" aria-labelledby=\"pills-home-tab\" tabindex=\"0\">\n <img src=\"{{ tab.tab_image }}\" alt=\"\">\n </div>\n {% else %}\n <div class=\"tab-pane fade service_tab_image\" id=\"{{ tab.tab_id }}\" role=\"tabpanel\" aria-labelledby=\"pills-{{ tab.tab_id }}\" tabindex=\"0\">\n <img src=\"{{ tab.tab_image }}\" alt=\"\">\n </div>\n {% endif %}\n {% endfor %}\n\n </div>\n </div>\n <div class=\"col-lg-6\">\n <div class=\"promo_tab_box\">\n <div class=\"section_title_two wow fadeInUp\" data-wow-delay=\"0.2s\" style=\"visibility: visible; animation-delay: 0.2s; animation-name: fadeInUp;\">\n <h2>Why Choose Picmate</h2>\n <p> has more image rendering options than you'll ever need. Focus on the things\n that really matter to your users business.</p>\n </div>\n <ul class=\"nav nav-pills mb-3 flex-column\" id=\"pills-tab\" role=\"tablist\">\n {% for tab in tabs %}\n {% if loop.index == 1 %}\n <li class=\"nav-item wow fadeInUp\" data-wow-delay=\"0.3s\" role=\"presentation\" style=\"visibility: visible; animation-delay: 0.3s; animation-name: fadeInUp;\">\n <div class=\"nav-link active\" id=\"pills-home-tab\" data-bs-toggle=\"pill\" data-bs-target=\"#{{ tab.tab_id }}\" role=\"tab\" aria-controls=\"pills-home\" aria-selected=\"false\" tabindex=\"-1\">\n <img src=\"{{ tab.tab_icon }}\" alt=\"\">\n <div class=\"content\">\n <h5>{{ tab.tab_heading}}</h5>\n <p>{{ tab.tab_sub_heading }}</p>\n </div>\n <div class=\"tab_progress\">\n <div class=\"progress-bar\" style=\"width: 0px;\"></div>\n </div>\n </div>\n </li>\n {% else %}\n <li class=\"nav-item wow fadeInUp\" data-wow-delay=\"0.4s\" role=\"presentation\" style=\"visibility: visible; animation-delay: 0.4s; animation-name: fadeInUp;\">\n <div class=\"nav-link\" id=\"pills-profile-tab\" data-bs-toggle=\"pill\" data-bs-target=\"#{{ tab.tab_id }}\" role=\"tab\" aria-controls=\"pills-profile\" aria-selected=\"false\" tabindex=\"-1\">\n <img src=\"{{ tab.tab_icon }}\" alt=\"\">\n <div class=\"content\">\n <h5>{{ tab.tab_heading }}</h5>\n <p>{{ tab.tab_sub_heading }}</p>\n </div>\n <div class=\"tab_progress\">\n <div class=\"progress-bar\" style=\"width: 60.14%; overflow: hidden;\"></div>\n </div>\n </div>\n </li>\n {% endif %}\n {% endfor %}\n </ul>\n </div>\n </div>\n </div>\n </div>\n</section>"
|
||||||
, "type": "Component"
|
, "type": "Component"
|
||||||
}
|
}
|
||||||
Binary file not shown.
Reference in New Issue
Block a user