CSS goodwin
.holder.bgcolor-1 {
background: #fcaa92; }
.back-to-top {
background: #fcaa92; }
.back-to-top:hover {
background: #fcaa92; }
.btn, .btn:active, .btn:active:focus, .btn:visited, .btn:focus {
background-color: #fcaa92; }
.prd-price .price-old {
color: #fcaa92; }
.prd-grid:not(.listing-view) .prd:not(.prd-horizontal-simple) .prd-price .price-old {
color: #fcaa92; }
.prd-title a:hover {
color: #fcaa92; }
.prd-carousel-tabs > span:hover, .prd-carousel-tabs > span:focus, .prd-carousel-tabs > span.active {
color: #fcaa92; }
.btn-decor:after, .btn-decor span.btn-line {
background: #fcaa92; }
.hdr-desktop .mmenu:not(.mmenu–vertical) > li > a.active {
color: #fcaa92; }
.hdr-desktop .mmenu:not(.mmenu–vertical) > li > a:hover {
color: #fcaa92; }
.hdr-desktop .mmenu:not(.mmenu–vertical) > li > a:before {
background-color: #fcaa92; }
.hdr .hdr-topline .dropdn.is-hovered .dropdn-link [class*=’icon-‘], .hdr .hdr-topline .minicart.is-hovered .minicart-link [class*=’icon-‘], .hdr .hdr-topline .mobilemenu-toggle.active [class*=’icon-‘] {
color: #fcaa92; }
.hdr .search-input[type]:focus {
border-bottom-color: #fcaa92; }
.hdr .dropdn:not(.dropdn_search) .dropdn-content ul > li > a:hover, .hdr-wrap .dropdn:not(.dropdn_search) .dropdn-content ul > li > a:hover {
color: #fcaa92; }
a {
color: #fcaa92; }
.minicart-qty {
color: #fcaa92; }
.custom-text a:hover, .hdr-bottom .search-button:hover, .hdr-bottom .hdr-icn-text a:hover, .sticky-holder .dropdn-link:hover, .sticky-holder .mobilemenu-toggle:hover, .sticky-holder .minicart-link:hover, .sticky-holder .custom-text a:hover, .sticky-holder .search-button:hover, .sticky-holder .hdr-icn-text a:hover {
color: #fcaa92; }
.hdr-content .minicart-link:hover [class*=’icon-‘] {
color: #fcaa92; }
.hdr-content .dropdn-link:hover, .hdr-content .mobilemenu-toggle:hover, .hdr-content .minicart-link:hover, .hdr-content .custom-text a:hover, .hdr-content .search-button:hover, .hdr-content .hdr-icn-text a:hover, .hdr-bottom .dropdn-link:hover, .hdr-bottom .mobilemenu-toggle:hover, .hdr-bottom .minicart-link:hover, .hdr-bottom .custom-text a:hover, .hdr-bottom .search-button:hover, .hdr-bottom .hdr-icn-text a:hover, .sticky-holder .dropdn-link:hover, .sticky-holder .mobilemenu-toggle:hover, .sticky-holder .minicart-link:hover, .sticky-holder .custom-text a:hover, .sticky-holder .search-button:hover, .sticky-holder .hdr-icn-text a:hover {
color: #fcaa92; }
.hdr .hdr-topline .dropdn-link:hover, .hdr .hdr-topline .custom-text a:hover, .hdr .hdr-topline .header-inline-link a:hover {
color: #fcaa92; }
.hdr .hdr-topline .dropdn-link [class*=’icon-‘], .hdr .hdr-topline .custom-text a [class*=’icon-‘], .hdr .hdr-topline .header-inline-link a [class*=’icon-‘] {
color: #fcaa92; }
.hdr .hdr-topline .dropdn-link:hover [class*=’icon-‘], .hdr .hdr-topline .custom-text a:hover [class*=’icon-‘], .hdr .hdr-topline .header-inline-link a:hover [class*=’icon-‘] {
color: #fcaa92; }
.hdr .hdr-topline .custom-text [class*=’icon-‘] {
color: #fcaa92; }
.hdr .hdr-topline .dropdn.is-hovered .dropdn-link, .hdr .hdr-topline .minicart.is-hovered .minicart-link, .hdr .hdr-topline .mobilemenu-toggle.active {
color: #fcaa92; }
.hdr-mobile-style2 .hdr-mobile .hdr-content .minicart-qty {
background-color: #fcaa92; }
.slick-dots li.slick-active button {
border-color: #fcaa92; }
.page-footer ul:not([class]) li a[href^=”mailto:”], .footer-block ul.contact-list li a[href^=”mailto:”] {
color: #fcaa92; }
.page-footer a:hover, .page-footer .footer-block a:hover, .page-footer .footer-block ul li a:hover, .page-footer .footer-block ul li a[href^=”mailto:”]:hover {
color: #fcaa92; }
.sidebar_categories_title.selected a {
color: #fcaa92; }
.sidebar_categories_title:hover a, .sidebar_categories_title:hover .fa.fa-chevron-up:before, .sidebar_categories_title:hover .fa.fa-chevron-down:before {
color: #fcaa92; }
.mobilemenu ul.nav li.active > a, .mobilemenu ul.nav li:hover > a, .mobilemenu ul.nav li.mmenu-submenu-open > a {
color: #fcaa92; }
.mobilemenu-close {
background: #fcaa92; }
.breadcrumbs li a:hover {
color: #fcaa92; }
.tags-list li a:hover, .tags-list li a:focus {
border-color: #fcaa92;
color: #fcaa92; }
.post-prw-big .post-link:hover, .post-prw-big .post-link:focus, .post-full .post-link:hover, .post-full .post-link:focus {
color: #fcaa92; }
h1 a:hover, h1 a:focus:hover, h2 a:hover, h2 a:focus:hover, h3 a:hover, h3 a:focus:hover, h4 a:hover, h4 a:focus:hover, h5 a:hover, h5 a:focus:hover, h6 a:hover, h6 a:focus:hover, .h1-style a:hover, .h1-style a:focus:hover, .h2-style a:hover, .h2-style a:focus:hover, .h3-style a:hover, .h3-style a:focus:hover, .h4-style a:hover, .h4-style a:focus:hover, .h5-style a:hover, .h5-style a:focus:hover, .h6-style a:hover, .h6-style a:focus:hover {
color: #fcaa92; }
.quantity .minus:hover, .quantity .plus:hover {
border-color: #fcaa92;
color: #fcaa92; }
.hdr-content .dropdn.is-hovered .dropdn-link, .hdr-content .minicart.is-hovered .minicart-link, .hdr-content .mobilemenu-toggle.active, .hdr-bottom .dropdn.is-hovered .dropdn-link, .hdr-bottom .minicart.is-hovered .minicart-link, .hdr-bottom .mobilemenu-toggle.active, .sticky-holder .dropdn.is-hovered .dropdn-link, .sticky-holder .minicart.is-hovered .minicart-link, .sticky-holder .mobilemenu-toggle.active {
color: #fcaa92; }
.hdr-content .dropdn.is-hovered .dropdn-link [class*=’icon-‘], .hdr-content .minicart.is-hovered .minicart-link [class*=’icon-‘], .hdr-content .mobilemenu-toggle.active [class*=’icon-‘], .hdr-bottom .dropdn.is-hovered .dropdn-link [class*=’icon-‘], .hdr-bottom .minicart.is-hovered .minicart-link [class*=’icon-‘], .hdr-bottom .mobilemenu-toggle.active [class*=’icon-‘], .sticky-holder .dropdn.is-hovered .dropdn-link [class*=’icon-‘], .sticky-holder .minicart.is-hovered .minicart-link [class*=’icon-‘], .sticky-holder .mobilemenu-toggle.active [class*=’icon-‘] {
color: #fcaa92; }
.minicart-prd-action > a {
color: #fcaa92; }
.minicart-prd-name h2 a:hover {
color: #fcaa92; }
.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
background-color: #fcaa92; }
Clima Sub-sub Menu
/*——- menu sub sub ————*/
.main_menu nav > ul > li ul.sub_menu > li{
position: relative;
}
.main_menu nav > ul > li:hover > ul.sub_menu{
overflow: initial;
}
.main_menu nav ul.sub_menu li ul.sub_menu{
visibility: hidden;
opacity: 0;
top: 0px;
left: 180px;
}
.main_menu nav ul.sub_menu li:hover > ul.sub_menu{
visibility: visible;
opacity: 1;
}
/*———————————*/
Product modals – dydis, siuntimas
head_end, body_start, body_end
clientname/themes/shopwise/links/head_end.blade.php
clientname/themes/shopwise/links/body_start.blade.php
clientname/themes/shopwise/links/body_end.blade.php
Smooth Gallery – product variants change foto
+ COLOR DIV (sita naudoti)
jQuery(document).ready(function() {
"use strict";
$(document).bind("change", '#variant_photo_url', function() {
console.log("variant_photo_url changed");
runInterval(5, 500)
});
$(document).bind("click", '.color_select_item_background', function() {
console.log("variant_photo_url changed");
runInterval(5, 500)
});
function runInterval(finish, timeout){
var run=1
let intervalId = setInterval(function(){
update_variant_photo()
if(run > finish - 1){
update_variant_or_product_photo()
}
if(run > finish){
update_variant_or_product_photo()
}
if(run > finish){
window.clearInterval(intervalId)
}
run++
}, timeout);
}
function update_variant_photo(){
const variant_photo_url = $('#variant_photo_url').val()
console.log(variant_photo_url);
if(variant_photo_url !== ""){
console.log("variant_photo_url no empty");
update_photo(variant_photo_url)
}
}
function update_variant_or_product_photo(){
const product_photo_url = $('#product_photo_url').val()
const variant_photo_url = $('#variant_photo_url').val()
if(variant_photo_url !== ""){
update_photo(variant_photo_url)
}
else{
update_photo(product_photo_url)
}
}
function update_photo(photo_url){
//$('.product_smooth_gallery .sp-current-big').attr('href', photo_url)
//$('.product_smooth_gallery .sp-current-big img').attr('src', photo_url)
$('.product_smooth_gallery .sp-large a').attr('href', photo_url)
$('.product_smooth_gallery .sp-large a img').attr('src', photo_url)
}
})
shopwise_fur2 product variants change foto
https://www.la-fa.lt/produktas/lforma-vytis
jQuery(document).ready(function() {
"use strict";
$(document).bind("change", '#variant_photo_url', function() {
console.log("variant_photo_url changed");
runInterval(5, 500)
});
function runInterval(finish, timeout){
var run=1
let intervalId = setInterval(function(){
update_variant_photo()
if(run > finish - 1){
update_variant_or_product_photo()
}
if(run > finish){
update_variant_or_product_photo()
}
if(run > finish){
window.clearInterval(intervalId)
}
run++
}, timeout);
}
function update_variant_photo(){
const variant_photo_url = $('#variant_photo_url').val()
console.log(variant_photo_url);
if(variant_photo_url !== ""){
console.log("variant_photo_url no empty");
update_photo(variant_photo_url)
}
}
function update_variant_or_product_photo(){
const product_photo_url = $('#product_photo_url').val()
const variant_photo_url = $('#variant_photo_url').val()
if(variant_photo_url !== ""){
update_photo(variant_photo_url)
}
else{
update_photo(product_photo_url)
}
}
function update_photo(photo_url){
$('#product_img').attr('src', photo_url)
$('#product_img').attr('data-zoom-image', photo_url)
$('.zoomWindowContainer div').css('background-image', 'url(' + photo_url + ')')
}
})
shopwise autoresize gallery (nereikalingas, smooth gallery atlieka sia func)
$( document ).ready(function() {
$('.product_gallery_item').on('click', function(){
setTimeout(function(){
const $img_box = $('.product_img_box')
const img_box_height = parseInt( $img_box.css('height') ) - 16
const img_box_width = parseInt( $img_box.css('width') ) - 16
$('.zoomContainer').css('width', img_box_width)
$('.zoomContainer').css('height', img_box_height)
$('.zoomWindow').css('width', img_box_width)
$('.zoomWindow').css('height', img_box_height)
}, 200)
})
})