Add custom CSS for homepage layout and banner styling

This commit is contained in:
2025-07-04 00:39:46 +02:00
parent cc0c9e86b8
commit 037a6c5551
6 changed files with 724 additions and 7 deletions

View File

@@ -41,7 +41,7 @@ class AnbloglistModuleFrontController extends ModuleFrontController
* @see FrontController::initContent() * @see FrontController::initContent()
*/ */
public function initContent() public function initContent()
{die('test'); {
$this->php_self = 'list'; $this->php_self = 'list';
$config = AnblogConfig::getInstance(); $config = AnblogConfig::getInstance();

View File

@@ -3,10 +3,11 @@
global $_MODULE; global $_MODULE;
$_MODULE = array(); $_MODULE = array();
$_MODULE['<{anblog}prestashop>single_post_a5d491060952aa8ad5fdee071be752de'] = 'Komentarze'; $_MODULE['<{anblog}prestashop>single_post_a5d491060952aa8ad5fdee071be752de'] = 'Komentarze';
$_MODULE['<{anblog}prestashop>_local_comment_8413c683b4b27cc3f4dbd4c90329d8ba'] = 'Komentarze';
$_MODULE['<{anblog}prestashop>miniature-post-type1_a5d491060952aa8ad5fdee071be752de'] = 'Komentarze'; $_MODULE['<{anblog}prestashop>miniature-post-type1_a5d491060952aa8ad5fdee071be752de'] = 'Komentarze';
$_MODULE['<{anblog}prestashop>_hp_listing_blog_8413c683b4b27cc3f4dbd4c90329d8ba'] = 'Komentarze';
$_MODULE['<{anblog}prestashop>comment_8413c683b4b27cc3f4dbd4c90329d8ba'] = 'Komentarze'; $_MODULE['<{anblog}prestashop>comment_8413c683b4b27cc3f4dbd4c90329d8ba'] = 'Komentarze';
$_MODULE['<{anblog}prestashop>_hp_listing_blog_8413c683b4b27cc3f4dbd4c90329d8ba'] = 'Komentarze';
$_MODULE['<{anblog}prestashop>miniature-post-type2_a5d491060952aa8ad5fdee071be752de'] = 'Komentarze'; $_MODULE['<{anblog}prestashop>miniature-post-type2_a5d491060952aa8ad5fdee071be752de'] = 'Komentarze';
$_MODULE['<{anblog}prestashop>_local_comment_8413c683b4b27cc3f4dbd4c90329d8ba'] = 'Komentarze';
$_MODULE['<{anblog}prestashop>miniature-post-type3_a5d491060952aa8ad5fdee071be752de'] = 'Komentarze'; $_MODULE['<{anblog}prestashop>miniature-post-type3_a5d491060952aa8ad5fdee071be752de'] = 'Komentarze';
$_MODULE['<{anblog}prestashop>_listing_blog_8413c683b4b27cc3f4dbd4c90329d8ba'] = 'Komentarze'; $_MODULE['<{anblog}prestashop>_listing_blog_8413c683b4b27cc3f4dbd4c90329d8ba'] = 'Komentarze';
$_MODULE['<{anblog}prestashop>left_recent_58009509dfadf30a0c307129b13137d2'] = 'Najnowsze artykuły';

View File

@@ -26,7 +26,7 @@
{if isset($leading_blogs) AND !empty($leading_blogs)} {if isset($leading_blogs) AND !empty($leading_blogs)}
<section id="blogRecentBlog" class="block an-block-sidebar block-categories"> <section id="blogRecentBlog" class="block an-block-sidebar block-categories">
<h4 class='title_block'><a href="">{l s='Recent Articles' mod='anblog'}</a></h4> <h4 class='title_block'><a href="">{l s='Ostatnie artykuły' mod='anblog'}</a></h4>
<div class="block_content products-block"> <div class="block_content products-block">
<ul class="lists"> <ul class="lists">
{foreach from=$leading_blogs item="blog" name=leading_blog} {foreach from=$leading_blogs item="blog" name=leading_blog}
@@ -43,7 +43,7 @@
{$blog.description|strip_tags:'UTF-8'|truncate:70:'...' nofilter}{* HTML form , no escape necessary *} {$blog.description|strip_tags:'UTF-8'|truncate:70:'...' nofilter}{* HTML form , no escape necessary *}
</div> </div>
</div> </div>
</li> </li>
{/foreach} {/foreach}
</ul> </ul>
</div> </div>

View File

@@ -2232,8 +2232,8 @@
.arcontactus-widget.arcontactus-message { .arcontactus-widget.arcontactus-message {
z-index: 1000000; z-index: 1000000;
left: 20px; left: 10px;
bottom: 20px; bottom: 90px;
position: fixed !important; position: fixed !important;
height: 50px; height: 50px;
width: 50px width: 50px

View File

@@ -0,0 +1,697 @@
html {
font-size: 16px;
font-weight: 400;
}
body {
font-size: 16px;
line-height: 26px;
background: #ffffff;
font-family: "Lato", Arial, sans-serif;
}
.an_banner-content .an_banner-title,
.page-home .product-banner .banner-text-bl h2 {
font-family: "Yesteryear", cursive;
}
body,
p {
color: #000000;
}
p {
font-size: 16px;
line-height: 26px;
}
.h1,
.h2,
.h3,
.h4,
h1,
h2,
h3,
h4 {
font-family: "Lato", Arial, sans-serif;;
font-weight: 300;
}
.h1,
h1 {
font-size: 32px;
line-height: 36px;
}
.h2,
h2 {
font-size: 28px;
line-height: 32px;
}
.h3,
.h4,
h3,
h4 {
font-size: 24px;
line-height: 28px;
}
.h5,
h5 {
font-size: 18px;
font-weight: 300;
line-height: 24px;
}
.h6,
h6 {
font-size: 18px;
font-weight: 300;
line-height: 24px;
}
.h1,
.h2,
.h3 {
color: #000000;
}
a {
color: #a5a5a5;
}
a:focus,
a:hover,
.btn-link:focus,
.btn-link:hover,
.page-link:focus,
.page-link:hover,
a.text-primary:focus,
a.text-primary:hover {
color: #000000;
}
a.bg-primary:focus,
a.bg-primary:hover {
background-color: #000000!important
}
.btn-primary.focus,
.btn-primary:focus,
.btn-primary:hover {
}
.btn-primary.active,
.btn-primary:active,
.open>.btn-primary.dropdown-toggle {
background-color: #000000;
}
.tag-primary[href]:focus,
.tag-primary[href]:hover {
background-color: #000000
}
.hover_slider ul li::after{
background: #e8e8e8;
}
.hover_slider:not(:hover) li:first-child::after,
.hover_slider ul li:hover::after{
background: #000000;
}
.hover_slider .more-images{
color: #000000;
}
.cart-preview .cart-title .h4{
font-size: 24px;
}
.cart-detailed-totals,
.cart-preview .cart-title,
.cart-preview .cart-bottom{
background: #f4f4f4;
}
.an_copyright a,
.an_copyright p,
.footer-container a,
.block-contact{
color: #989898;
}
.an_copyright a:hover p,
.footer-container a:hover,
.footer-container a:focus{
color: #000000;
}
.links .h3,
#block_myaccount_infos .h3 a,
.links .h4.block-contact-title,
.links>h3 {
color: #000000;
}
.block-contact>div{
color: #989898;
}
.footer-container li a:before {
border-bottom: 1px solid #000000;
}
#header .block-social li a svg path {
fill: #7e7e7e;
}
#header .block-social li a:hover svg path {
fill: #ffffff;
}
.dropdown,
.block-social li a,
.language-selector-wrapper span {
color: #7e7e7e;
}
.block-social li a:hover{
color: #ffffff;
}
#header.header1 .clientservice_open-modal-btn,
.dropdown .expand-more,
.header .header-nav .user-info a,
.search-widget>i.search,
#header .header-nav .cart-preview .shopping-cart,
#header .header-nav .blockcart a{
color: #ffffff;
}
#header.header1 .clientservice_open-modal-btn:hover,
.dropdown:hover .expand-more,
.dropdown:hover a i,
#header .header-nav .user-info a:hover,
.search-widget>i.search:hover,
#header .header-nav .cart-preview .shopping-cart:hover,
#header .header-nav .blockcart a:hover{
color: #7e7e7e;
}
.anthemeblocks-homeslider .owl-dots .owl-dot.active span,
.anthemeblocks-homeslider .owl-dots .owl-dot:hover span {
background: #000000 !important;
}
.form-control:focus,
.input-group.focus {
outline: 1px solid #000000;
}
.bootstrap-touchspin .group-span-filestyle .btn-touchspin,
.group-span-filestyle .bootstrap-touchspin .btn-touchspin,
.group-span-filestyle .btn-default {
background: #000000;
}
.custom-radio input[type=radio]:checked+span {
background-color: #000000;
}
.search-widget form input[type=text]:focus {
outline: 0;
}
body#checkout section.checkout-step .address-item.selected {
border: 3px solid #000000;
}
.products-sort-order .select-list:hover {
background: #000000;
}
.tabs .nav-tabs .nav-link.active,
.tabs .nav-tabs .nav-link:hover {
}
#product-modal .modal-content .modal-body .product-images img:hover {
border: 3px solid #000000;
}
.product-images>li.thumb-container>.thumb.selected,
.product-images>li.thumb-container>.thumb:hover {
opacity: 1;
}
li.product-flag {
background: #000000;
}
.dropdown-item:focus,
.page-my-account #content .links a:hover i,
.dropdown-item:hover,
.search-widget form input[type=text]:focus+button .search,
#header .top-menu a[data-depth="0"]:hover,
.search-widget form button[type=submit] .search:hover,
#products .highlighted-informations .quick-view:hover,
.featured-products .highlighted-informations .quick-view:hover,
.product-accessories .highlighted-informations .quick-view:hover,
.product-miniature .highlighted-informations .quick-view:hover,
.block-categories .collapse-icons .add:hover,
.block-categories .collapse-icons .remove:hover,
.block-categories .arrows .arrow-down:hover,
.block-categories .arrows .arrow-right:hover,
.cart-grid-body a.label:hover
.product-price,
#blockcart-modal .product-name,
.tabs .nav-tabs .nav-link.active {
color: #000000;
}
#header .header-nav .language-selector:hover .language-selector .expand-more{
color: #fff;
}
.block_newsletter {
background: url(../img/b75e8d9b4b58fcd3b8ba305b30b25faf.jpg) no-repeat center;
background-size: cover;
}
.block_newsletter form input[type=text]:focus {
}
.block_newsletter form input[type=text]:focus+button .search {
color: #000000;
}
.block_newsletter form button[type=submit] .search:hover {
color: #000000;
}
.block_newsletter form input[type=text]:focus {
}
.account-list a:hover {
color: #000000;
}
.social-sharing li:hover {
background-color: #000000;
}
@media (max-width: 767px) {
#header .header-nav .user-info .logged {
color: #000000;
}
}
.btn-primary {
background-color: #000000;
}
.btn-primary.disabled.focus,
.btn-primary.disabled:focus,
.btn-primary.disabled:hover,
.btn-primary:disabled.focus,
.btn-primary:disabled:focus,
.btn-primary:disabled:hover {
background-color: #000000;
}
.btn-outline-primary {
color: #000000;
border-color: #000000;
}
.btn-outline-primary.active,
.btn-outline-primary.focus,
.btn-outline-primary:active,
.btn-outline-primary:focus,
.btn-outline-primary:hover,
.open>.btn-outline-primary.dropdown-toggle {
background-color: #000000;
border-color: #000000;
}
.btn-link {
color: #000000;
}
.dropdown-item.active,
.dropdown-item.active:focus,
.dropdown-item.active:hover {
background-color: #000000;
}
.nav-pills .nav-item.open .nav-link,
.nav-pills .nav-item.open .nav-link:focus,
.nav-pills .nav-item.open .nav-link:hover,
.nav-pills .nav-link.active,
.nav-pills .nav-link.active:focus,
.nav-pills .nav-link.active:hover {
background-color: #000000;
}
.card-primary {
background-color: #000000;
border-color: #000000;
}
.card-outline-primary {
border-color: #000000;
}
.page-item.active .page-link,
.page-item.active .page-link:focus,
.page-item.active .page-link:hover {
background-color: #000000;
border-color: #000000;
}
.tag-primary {
background-color: #000000;
}
.page-link {
color: #000000;
}
.bg-primary {
background-color: #000000!important
}
.text-primary {
color: #000000!important;
}
.an-sfsl {
background-color: #000000;
}
.an-sfsl p {
color: #ffffff;
}
#products .product-title a,
.featured-products .product-title a,
.product-accessories .product-title a,
.product-miniature .product-title a,
.product-name a {
color: #000000;
font-size: 16px;
}
.page-product h1 {
font-size: 36px;
}
#products .product-price-and-shipping,
.featured-products .product-price-and-shipping,
.product-accessories .product-price-and-shipping,
.product-miniature .product-price-and-shipping,
.product-price {
color: #000;
font-size: 20px;
}
.current-price {
color: #000;
}
.featured-products .regular-price,
.product-accessories .regular-price,
.product-miniature .regular-price,
.regular-price {
color: #888888;
font-size: 16px;
}
#products .regular-price {
color: #888888;
}
.product-discount {
color: #888888;
}
#header {
background: #ffffff;
}
.header-nav {
background: #282828;
}
#header.header5 #_desktop_contact_link,
#header.header5 .header-right,
#header.header3 .left-nav,
#header.header3 .header-nav .right-nav,
.header-nav {
font-size: 14px;
}
#_desktop_top_menu,
#amegamenu {
background: #ffffff;
}
#_desktop_top_menu,
#amegamenu {
font-size: 14px;
}
/* fixed-menu */
@media (min-width: 992px) {
.fixed-menu {
z-index: 9;
background: rgba(0,0,0,0.4);
padding-top: 0px!important;
position: fixed !important;
top: 0;
left: 0;
width: 100%;
}
#top-menu {
margin-bottom: 0px !important;
position: relative;
}
}
#wrapper {
background: #ffffff;
}
.footer-container {
background: #f5f6fa;
}
.copyright-container {
background: #f5f6fa;
}
.an_homeslider .an_homeslider-desc .h2,
.anthemeblocks-homeslider-desc h2 {
color: #000000;
font-size: 60px;
font-family: "Lato", Arial, sans-serif;
}
.an_homeslider .an_homeslider-desc p,
.anthemeblocks-homeslider-desc,
.anthemeblocks-homeslider-desc p {
color: #000000;
font-size: 16px;
line-height: normal;
}
.an_homeslider-item-noimg {
background: #ececec;
}
.ui-widget {
font-family: inherit !important;
}
.an_productattributes-qty-add .btn-primary {
background-color: #000000;
border-color: #2fb5d2;
color: #ffffff;
border-radius: 4px;
}
.an_productattributes-qty-add .btn-primary:hover,
.an_productattributes-qty-add .btn-primary:focus {
background-color: #000000;
border-color: #ffff00;
color: #ffffff;
}
.an_productattributes-qty-add .btn-primary {
border: 0!important;
}
.cart-grid-body a.btn-primary:hover,
.cart-grid-body>a.label:hover,
.btn-comment-inverse,
.btn-comment,
.btn-primary,
.anthemeblocks-homeslider-desc .btn-primary {
background-color: #000000;
color: #ffffff;
border-radius: 8px;
}
.btn-comment-inverse:hover,
.btn-comment:hover,
.btn-primary.focus,
.btn-primary:focus,
.btn-primary:hover {
background-color: #000000;
color: #ffffff;
}
.btn-secondary {
background-color: #000000;
color: #ffffff;
}
.btn-secondary:hover {
background-color: #000000;
color: #ffffff;
}
header .clientservice_open-modal-btn {
color: ;
}
#header .clientservice_open-modal-btn:hover {
color: ;
}
/* header2 */
#header.header2 .topmenu-wrapper,
#header.header2 #amegamenu {
background: #ffffff!important;
}
#header.header2 .user-info .btn-unstyle:hover .expand-more,
#header.header2 .amenu-item .amenu-link,
#header.header2 .clientservice_open-modal-btn:hover,
#header.header2 .topmenu-wrapper .btn-unstyle:hover,
#header.header2 .topmenu-wrapper .lang_and_сr .expand-more,
#header.header2 .topmenu-wrapper #_desktop_user_info a:not(.dropdown-item):hover {
color: #ffffff!important;
}
#header.header2 .user-info .btn-unstyle .expand-more,
#header.header2 .amenu-item .amenu-link:hover,
#header.header2 .clientservice_open-modal-btn,
#header.header2 .topmenu-wrapper .btn-unstyle,
#header.header2 .topmenu-wrapper .lang_and_сr .dropdown:hover .expand-more,
#header.header2 .topmenu-wrapper #_desktop_user_info a:not(.dropdown-item) {
color: #7e7e7e!important;
}
/* header6 */
#header.header6 .user-info .btn-unstyle:hover .expand-more,
#header.header6 .amenu-item .amenu-link,
#header.header6 .clientservice_open-modal-btn:hover,
#header.header6 .topmenu-wrapper .btn-unstyle:hover,
#header.header6 .topmenu-wrapper .lang_and_сr .expand-more,
#header.header6 .topmenu-wrapper #_desktop_user_info a:not(.dropdown-item):hover {
color: #ffffff!important;
}
#header.header6 .user-info .btn-unstyle .expand-more,
#header.header6 .amenu-item .amenu-link:hover,
#header.header6 .clientservice_open-modal-btn,
#header.header6 .topmenu-wrapper .btn-unstyle,
#header.header6 .topmenu-wrapper .lang_and_сr .dropdown:hover .expand-more,
#header.header6 .topmenu-wrapper #_desktop_user_info a:not(.dropdown-item) {
color: #7e7e7e!important;
}
#header.header3 .user-info .btn-unstyle .expand-more,
#header.header3 .clientservice_open-modal-btn,
#header.header3 .header-nav .blockcart a,
#header.header3 #_desktop_an_wishlist-nav a > span,
#header.header3 .header-nav .user-info a,
#header.header3 .header-nav .dropdown:hover .expand-more,
#header.header3 .header-nav a:hover,
#header.header3 .dropdown:hover .expand-more,
#header.header3 .lang_and_сr .dropdown .expand-more {
color: #7e7e7e;
}
#header .dropdown-item:hover {
color: #000000!important;
}
#header.header3 .user-info .btn-unstyle:hover .expand-more,
#header.header3 .lang_and_сr .dropdown:hover .expand-more,
#header.header3 .clientservice_open-modal-btn:hover,
#header.header3 .header-nav .blockcart a:hover,
#header.header3 #_desktop_an_wishlist-nav a:hover > span,
#header.header3 .header-nav .user-info a:hover,
.header3 .lang_and_сr .dropdown:hover .expand-more {
color: #ffffff;
}
#header.header3 .header-nav {
background: #ffffff;
}
#header.header4 .user-info .btn-unstyle .expand-more,
#header.header4 #_desktop_contact_link a,
#header.header4 .clientservice_open-modal-btn,
#header.header4 .header-nav .user-info a,
#header.header4 .header-nav .dropdown:hover .expand-more,
#header.header4 .header-nav a:hover,
#header.header4 .dropdown:hover .expand-more,
#header.header4 .lang_and_сr .dropdown .expand-more {
color: #7e7e7e;
}
#header.header4 .user-info .btn-unstyle:hover .expand-more,
#header.header4 #_desktop_contact_link a:hover,
#header.header4 .lang_and_сr .dropdown:hover .expand-more,
#header.header4 .clientservice_open-modal-btn:hover,
#header.header4 .header-nav .user-info a:hover,
#header.header4 .lang_and_сr .dropdown:hover .expand-more {
color: #ffffff;
}
#header.header5 #_desktop_contact_link a,
#header.header5 .clientservice_open-modal-btn,
#header.header5 .dropdown .expand-more {
color: #7e7e7e;
}
#header.header5 #_desktop_contact_link a:hover,
#header.header5 .clientservice_open-modal-btn:hover,
#header.header5 .dropdown:hover .expand-more {
color: #000000;
}
#header.header5 .user-info > a,
#header.header5 .dropdown:hover .expand-more,
#header.header5 .header-top-wrapper a:not(.dropdown-item):hover,
#header.header5 .blockcart-link,
#header.header5 .amenu-item .amenu-link,
#header.header5 #_desktop_an_wishlist-nav a,
#header.header5 .topmenu-right .dropdown .expand-more {
color: #000000!important;
}
#header.header5 .user-info > a:hover,
#header.header5 .blockcart-link:hover,
#header.header5 .amenu-item .amenu-link:hover,
#header.header5 #_desktop_an_wishlist-nav a:hover,
#header.header5 .topmenu-right .dropdown:hover .expand-more {
color: #7e7e7e!important;
}
body#checkout .login-form-forgot a:hover,
body#checkout .nav-item .nav-link.active {
color: #000000;
}
body#checkout .custom-radio input[type=radio]:checked+span,
body#checkout section.checkout-step.-reachable.-complete h1 .done {
background: #a5a5a5;
}
.custom-checkbox input[type=checkbox]:checked+span .checkbox-checked svg path,
body#checkout .cart-summary-products a svg path {
fill: #a5a5a5;
}
body#checkout .login-form-forgot a,
body#checkout .nav-item .nav-link,
body#checkout .card-block .checkout-summary-dropdown a,
body#checkout section.checkout-step .add-address a
body#checkout .cart-summary-products a,
body#checkout section.checkout-step #conditions-to-approve a,
body#checkout section.checkout-step.-current.-reachable .add-address-comment a,
body#checkout section.checkout-step.-current.-reachable .add-address a,
.custom-checkbox input[type=checkbox]:checked+span i,
.form-link {
color: #a5a5a5;
}
body#checkout .custom-checkbox input[type=checkbox]:checked+span {
border-color: #a5a5a5;
}
.mobile-cart-item-count {
background-color: #000000!important;
}
.product-flags .online-only {
background: #ffc809;
color: #ffffff
}
.product-flags .on-sale {
background: #ed3030;
color: #ffffff
}
.product-flags .out_of_stock {
background: #ed3030;
color: #ffffff
}
.product-flags .new,
.product-flags .pack{
background: #ffc809;
color: #ffffff
}
.product-flags .discount-percentage,
.product-discount .discount.discount-percentage,
.modal-body .discount-percentage {
background: #ed3030;
color: #ffffff
}

View File

@@ -0,0 +1,19 @@
body#index .page-home > .row {
display: grid;
gap:10px;
grid-template-columns: 1fr 1fr 1fr 1fr;
justify-content: center;
}
@media (max-width: 767px ) {
body#index .page-home > .row {
grid-template-columns: 1fr 1fr;
}
}
body#index .page-home > .row .an_banner {
width: 100% !important;
position: relative;
}
body#index .page-home > .row .an_banner img.b-loaded {
transition: 0s !important;
transform: unset !important;
}