Add new templates and update existing ones for An Home Products module
- Created new index.php files for various directories to establish structure. - Added form.tpl and index.php for form helpers to enhance form handling. - Introduced suggestions.tpl and top.tpl for improved admin interface. - Implemented ajax-products.tpl and banners.tpl for front-end product display. - Developed content.tpl and widget-blocks.tpl for dynamic content rendering. - Enhanced widget-tabs.tpl and widget-wrapper.tpl for better tabbed navigation. - Included necessary licensing information in all new files.
This commit is contained in:
96
modules/an_homeproducts/views/css/anSearchProducts.css
Normal file
96
modules/an_homeproducts/views/css/anSearchProducts.css
Normal file
@@ -0,0 +1,96 @@
|
||||
/**
|
||||
* 2023 Anvanto
|
||||
*
|
||||
* NOTICE OF LICENSE
|
||||
*
|
||||
* This source file is subject to the Academic Free License (AFL 3.0)
|
||||
*
|
||||
* @author Anvanto <anvantoco@gmail.com>
|
||||
* @copyright 2023 Anvanto
|
||||
* @license http://opensource.org/licenses/afl-3.0.php Academic Free License (AFL 3.0)
|
||||
*/
|
||||
|
||||
.anSearchProducts-wrap {
|
||||
padding: 0!important;
|
||||
max-width: 445px;
|
||||
}
|
||||
#an_field_search_products_ajax-product-list.an_field_search_ajax_product_list { border: 1px solid #ccc; padding: 0;}
|
||||
#an_field_search_products_ajax-product-list.an_field_search_ajax_product_list:empty { display: none; }
|
||||
|
||||
.an_field_search_products-line,
|
||||
#an_field_search_products_ajax-product-list.an_field_search_ajax_product_list li {
|
||||
cursor: pointer;
|
||||
display: table;
|
||||
list-style: none;
|
||||
margin: 0;
|
||||
/* min-width: 300px; */
|
||||
width: 100%;
|
||||
}
|
||||
#an_field_search_products_ajax-product-list.an_field_search_ajax_product_list li {
|
||||
padding: 5px;
|
||||
}
|
||||
.an_field_search_products-line {
|
||||
padding: 5px 5px 5px 5px;
|
||||
border: 1px solid #bbcdd2;
|
||||
}
|
||||
.an_field_search_products-line span {
|
||||
line-height: 19px;
|
||||
}
|
||||
.an_field_search_products-line .material-icons {
|
||||
font-size: 17px;
|
||||
}
|
||||
.an_field_search_products-line .more_vert {
|
||||
margin-right: 5px;
|
||||
}
|
||||
.an_field_search_products-line .delete {
|
||||
margin-left: auto;
|
||||
padding-left: 5px;
|
||||
}
|
||||
#an_field_search_products_ajax-product-list li:hover {
|
||||
background: #3ed2f0;
|
||||
}
|
||||
|
||||
#an_field_search_products_ajax-product-list li img,
|
||||
.an_field_search_products img {
|
||||
width: 50px; display: inline-block;
|
||||
}
|
||||
|
||||
.an_field_search_products-line .label,
|
||||
#an_field_search_products_ajax-product-list.an_field_search_ajax_product_list li .label {
|
||||
color: #000;
|
||||
/* width: calc(100% - 50px); */
|
||||
width: 100%;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: flex-start;
|
||||
white-space: normal;
|
||||
text-align: left;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.anSearchProducts-input-wrap {
|
||||
position: relative;
|
||||
}
|
||||
.anSearchProducts-input-wrap::after {
|
||||
display: inline-block;
|
||||
line-height: 1;
|
||||
content: "";
|
||||
top: 50%;
|
||||
right: 0.3125rem;
|
||||
margin-top: -0.6875rem;
|
||||
font-size: 1.375rem;
|
||||
font-family: "Material Icons", Arial, Verdana, Tahoma, sans-serif;
|
||||
font-style: normal;
|
||||
font-feature-settings: "liga";
|
||||
text-transform: none;
|
||||
letter-spacing: normal;
|
||||
overflow-wrap: normal;
|
||||
vertical-align: middle;
|
||||
direction: ltr;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
text-rendering: optimizelegibility;
|
||||
position: absolute;
|
||||
font-weight: 400;
|
||||
color: rgb(108, 134, 142);
|
||||
white-space: nowrap;
|
||||
}
|
||||
18
modules/an_homeproducts/views/css/back.css
Normal file
18
modules/an_homeproducts/views/css/back.css
Normal file
@@ -0,0 +1,18 @@
|
||||
/**
|
||||
* 2022 Anvanto
|
||||
*
|
||||
* NOTICE OF LICENSE
|
||||
*
|
||||
* This file is not open source! Each license that you purchased is only available for 1 wesite only.
|
||||
* If you want to use this file on more websites (or projects), you need to purchase additional licenses.
|
||||
* You are not allowed to redistribute, resell, lease, license, sub-license or offer our resources to any third party.
|
||||
*
|
||||
* @author Anvanto <anvantoco@gmail.com>
|
||||
* @copyright 2022 Anvanto
|
||||
* @license Valid for 1 website (or project) for each purchase of license
|
||||
* International Registered Trademark & Property of Anvanto
|
||||
*/
|
||||
|
||||
.an-hp-hide {
|
||||
display: none;
|
||||
}
|
||||
201
modules/an_homeproducts/views/css/front.css
Normal file
201
modules/an_homeproducts/views/css/front.css
Normal file
@@ -0,0 +1,201 @@
|
||||
/**
|
||||
* 2021 Anvanto
|
||||
*
|
||||
* NOTICE OF LICENSE
|
||||
*
|
||||
* This file is not open source! Each license that you purchased is only available for 1 wesite only.
|
||||
* If you want to use this file on more websites (or projects), you need to purchase additional licenses.
|
||||
* You are not allowed to redistribute, resell, lease, license, sub-license or offer our resources to any third party.
|
||||
*
|
||||
* @author Anvanto <anvantoco@gmail.com>
|
||||
* @copyright 2021 Anvanto
|
||||
* @license Valid for 1 website (or project) for each purchase of license
|
||||
* International Registered Trademark & Property of Anvanto
|
||||
*/
|
||||
|
||||
.an_homeproducts-banner {
|
||||
margin-bottom: 40px;
|
||||
}
|
||||
.an_homeproducts-banner img {
|
||||
border-radius: 8px;
|
||||
overflow: hidden;
|
||||
}
|
||||
.an_homeproducts-banner-content {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
justify-content: center;
|
||||
background: #ececec;
|
||||
border-radius: 8px;
|
||||
padding: 30px 40px;
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
width: 100%;
|
||||
}
|
||||
.an_homeproducts-banner-overlay .an_homeproducts-banner-content {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 15px;
|
||||
bottom: 0;
|
||||
left: 15px;
|
||||
background: transparent;
|
||||
width: calc(100% - 30px);
|
||||
}
|
||||
.an_homeproducts-banner-link {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 15px;
|
||||
bottom: 0;
|
||||
left: 15px;
|
||||
z-index: 2;
|
||||
}
|
||||
.an_homeproducts-banner .an_homeproducts-banner-title-margin {
|
||||
margin-bottom: 19px;
|
||||
}
|
||||
.an_homeproducts-banner p {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.an_homeproducts-banner-overlay .an_homeproducts-banner-content p {
|
||||
color: #fff;
|
||||
}
|
||||
.anhp-banner-global-bottom {
|
||||
margin-top: 30px;
|
||||
}
|
||||
.an_homeproducts-title {
|
||||
margin-bottom: 24px;
|
||||
}
|
||||
.an_homeproducts-tab-top {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
margin-top: 30px;
|
||||
}
|
||||
.an_homeproducts-link-all {
|
||||
text-decoration: underline;
|
||||
color: #000;
|
||||
}
|
||||
.an_homeproducts-link-all:hover {
|
||||
text-decoration: none;
|
||||
}
|
||||
.an_homeproducts-tab {
|
||||
background: transparent;
|
||||
border: 0;
|
||||
border-radius: 4px;
|
||||
margin-right: 6px;
|
||||
}
|
||||
.an_homeproducts-tab:hover,
|
||||
.an_homeproducts-tab.active {
|
||||
background: #ececec!important;
|
||||
}
|
||||
.an_homeproducts-content {
|
||||
position: relative;
|
||||
}
|
||||
.an_homeproducts-content:not(.active) {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.an_homeproducts-products .owl-carousel {
|
||||
margin: 0;
|
||||
}
|
||||
.an_homeproducts-products .owl-carousel.owl-loaded .product {
|
||||
width: 100%;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.an_homeproducts-container {
|
||||
position: relative;
|
||||
}
|
||||
.an_homeproducts-conteiner-category {
|
||||
margin-top: 20px;
|
||||
}
|
||||
.an_homeproducts-category {
|
||||
cursor: pointer;
|
||||
margin-right: 10px;
|
||||
}
|
||||
a.an_homeproducts-category:not(.active){
|
||||
color: #949494;
|
||||
}
|
||||
a.an_homeproducts-category.active {
|
||||
color: #000;
|
||||
}
|
||||
.an_homeproducts-tab-bottom {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
.an_homeproducts-loadmore {
|
||||
position: relative;
|
||||
display: block;
|
||||
margin: 10px auto;
|
||||
}
|
||||
.anhp-loader {
|
||||
position: absolute;
|
||||
z-index: 2;
|
||||
background: rgba(255,255,255,.5);
|
||||
top: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
}
|
||||
.an_homeproducts-loadmore .anhp-loader {
|
||||
background: inherit;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
.an_homeproducts-loadmore .anhp-loader svg {
|
||||
transform: scale(3.5);
|
||||
max-width: 100%;
|
||||
max-height: 100%;
|
||||
}
|
||||
.an_homeproducts-products .owl-carousel .owl-nav:not(.disabled) {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
margin-top: 10px;
|
||||
}
|
||||
.an_homeproducts-products .owl-carousel .owl-nav .owl-next,
|
||||
.an_homeproducts-products .owl-carousel .owl-nav .owl-prev {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
border-radius: 50%;
|
||||
background: #ddd;
|
||||
margin: 0 5px;
|
||||
}
|
||||
|
||||
.an_homeproducts-products .owl-carousel .owl-dots {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
margin-top: 10px;
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
.an_homeproducts-products .owl-carousel .owl-dots.disabled {
|
||||
display: none;
|
||||
}
|
||||
.an_homeproducts-products .owl-carousel .owl-dot span {
|
||||
display: block;
|
||||
background: #fff;
|
||||
border-radius: 50%;
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
margin: 5px;
|
||||
}
|
||||
.an_homeproducts-products .owl-carousel .owl-dot.active span {
|
||||
background: #000;
|
||||
}
|
||||
|
||||
@media (min-width: 768px) {
|
||||
.an_homeproducts-hide-desktop {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.an_homeproducts-hide-mobile {
|
||||
display: none!important;
|
||||
}
|
||||
}
|
||||
0
modules/an_homeproducts/views/css/index.php
Normal file
0
modules/an_homeproducts/views/css/index.php
Normal file
2
modules/an_homeproducts/views/css/owl.carousel.min.css
vendored
Normal file
2
modules/an_homeproducts/views/css/owl.carousel.min.css
vendored
Normal file
@@ -0,0 +1,2 @@
|
||||
|
||||
.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}
|
||||
Reference in New Issue
Block a user