Skip to content

J
joshine
Commit aaf8d6bb by liumengfei
Options

Merge branch 'developer' into production

parents 5974a3f3 eb308e39
Showing with 1808 additions and 454 deletions
.gitignore 0 → 100644
/app/etc/config.php
/.gitignore
cache
composer_home
log
page_cache
view_preprocessed
static
errors
media
opt
/app/etc/env.php
generated
var
.idea
/.php_cs.cache
/app/design/frontend/Joshine/breeze/Magento_Theme/templates/root.phtml
/pub/feed
/lib/web/images/loader-1.gif
/lib/web/images/loader-2.gif
app/code/Joshine/GoogleFeed/Console/Command/GoogleFeed.php
......@@ -19,6 +19,8 @@ use Magento\Store\Model\StoreManagerInterface;
use Magento\Catalog\Model\CategoryList;
use Magento\Framework\App\Config\ScopeConfigInterface;
use Magento\Eav\Api\AttributeRepositoryInterface;
use Magento\Store\Model\Website;
use Magento\ConfigurableProduct\Model\Product\Type\Configurable;
/**
* Class SomeCommand
*/
......@@ -46,7 +48,10 @@ class GoogleFeed extends Command
private $scopeConfigInterface;
/* @var AttributeRepositoryInterface */
private $attributeRepositoryInterface;
/* @var Website */
private $webSite;
/* @var Configurable */
private $configurable;
/*table title*/
private $columns = array(
'id',
......@@ -143,7 +148,9 @@ class GoogleFeed extends Command
StoreManagerInterface $storeManager,
CategoryList $categoryList,
ScopeConfigInterface $scopeConfigInterface,
AttributeRepositoryInterface $attributeRepositoryInterface
AttributeRepositoryInterface $attributeRepositoryInterface,
Website $webSite,
Configurable $configurable
)
{
$this->state = $state;
......@@ -158,6 +165,8 @@ class GoogleFeed extends Command
$this->categoryList = $categoryList;
$this->scopeConfigInterface = $scopeConfigInterface;
$this->attributeRepositoryInterface = $attributeRepositoryInterface;
$this->webSite = $webSite;
$this->configurable = $configurable;
parent::__construct();
}
......@@ -196,7 +205,6 @@ class GoogleFeed extends Command
$criteria = $this->searchCriteriaBuilder
->addFilter('status', '1', 'eq')
->addFilter('visibility', '4', 'eq')
->addFilter('type_id','simple','eq')
->addFilter('category_id',$categoryId,'in')
->create();
......@@ -268,8 +276,8 @@ class GoogleFeed extends Command
$data['google product category'] = $categoryGoogleProductCategory[$categoryId]['GoogleProductCategory'];
$data['product type'] = $categoryGoogleProductCategory[$categoryId]['product type'];
$data['link'] = $product->getProductUrl();
$data['mobile link'] = $product->getProductUrl();
$data['link'] = $this->getConfigProductUrl($product);
$data['mobile link'] = $data['link'];
$currentStore = $this->storeManager->getStore();
$mediaUrl = $currentStore->getBaseUrl(\Magento\Framework\UrlInterface::URL_TYPE_MEDIA);
......@@ -290,7 +298,7 @@ class GoogleFeed extends Command
$data['price'] = number_format($finalPriceAmt,2) . ' USD';
$data['brand'] = $this->getStoreName();
$mpu = explode('-',$product->getSku())[0];
$mpu = stripos($product->getSku(),'-') ? explode('-',$product->getSku())[0] : explode('_',$product->getSku())[0];
$data['mpn'] = $mpu;
$data['gender'] = 'Female';
$data['age group'] = 'Adult';
......@@ -299,7 +307,7 @@ class GoogleFeed extends Command
$optionText = $attribute->getSource()->getOptionText($product->getColor());
if (in_array($optionText,$this->pattern)){
$colorShort = $this->explode('-',$product->getSku())[1];
$colorShort = stripos($product->getSku(),'-') ? explode('-',$product->getSku())[1] : explode('_',$product->getSku())[1];
$data['color'] = $this->color[$colorShort];
}else{
$data['color'] = $optionText;
......@@ -307,7 +315,11 @@ class GoogleFeed extends Command
$data['size system'] = '';
$attribute = $this->attributeRepositoryInterface->get('4', 'size');
$sizeText = $attribute->getSource()->getOptionText($product->getSize());
$sizeText = $attribute->getSource()->getOptionText($attribute->getSize());
$skuSize = stripos($product->getSku(),'-') ? explode('-',$product->getSku()) : explode('_',$product->getSku());
if (isset($skuSize[2])){
$sizeText = $skuSize[2];
}
$data['size'] = $sizeText;
$data['item group id'] = $mpu;
$data['material'] = '';
......@@ -329,7 +341,9 @@ class GoogleFeed extends Command
*/
public function getStoreName()
{
return $this->storeManager->getStore()->getName();
$webSiteId = $this->storeManager->getStore()->getWebsiteId();
$collection = $this->webSite->load($webSiteId,'website_id');
return $collection->getName();
}
public function getPrdouctType($category,&$name){
......@@ -341,4 +355,20 @@ class GoogleFeed extends Command
return $name;
}
public function getConfigProductUrl($product){
$configProductIds = $this->configurable->getParentIdsByChild($product->getId());
if (!$configProductIds){
return $product->getProductUrl();
}
if(is_array($configProductIds) && !empty($configProductIds)){
$configProductId = $configProductIds[0];
}
if(is_int($configProductIds)){
$configProductId = $configProductIds;
}
$configurablProduct =$this->productRepository->getById($configProductId, false, $product->getStoreId());
$url = $configurablProduct->getUrlModel()->getUrl($configurablProduct);
return $url;
}
}
app/code/Joshine/Review/view/frontend/templates/product/view/list.phtml
......@@ -56,13 +56,13 @@ $imagesBlock = $helper->getReviewImagesBlock(15, $block->getProductId());
<div class="joshine-review-container joshine-clearfix joshine-hidden-md joshine-hidden-sm joshine-hidden-xs">
<h1 class="joshine-review-title">
Customer Reviews
<?= __("Customer Reviews") ?>
</h1>
<div class="joshine-review">
<div class="joshine-review-averate joshine-bg-silver">
<div class="joshine-review-item joshine-review-rating-box">
<div class="name">
Average Rating
<?= __("Average Rating") ?>
</div>
<div class="ave-rate">
<div class="joshine-rating-container">
......@@ -73,7 +73,7 @@ $imagesBlock = $helper->getReviewImagesBlock(15, $block->getProductId());
</div>
<div class="joshine-review-item">
<div class="name">
Did the item fit well?
<?= __("Did the item fit well?") ?>
</div>
<?php foreach ($block->getDetailedSummary() as $key => $detail) : ?>
......@@ -89,7 +89,7 @@ $imagesBlock = $helper->getReviewImagesBlock(15, $block->getProductId());
</div>
<div class="joshine-review-item add-new-box">
<a href="#review-form" title="Write a review" class="add-new-button joshine-btn joshine-btn-dark joshine-review-add-btn">
Write a review
<?= __("Write a review") ?>
</a>
</div>
</div>
......@@ -129,7 +129,7 @@ $imagesBlock = $helper->getReviewImagesBlock(15, $block->getProductId());
<div class="joshine-foot-mark rate-fit">
<div class="rate-fit-item">
<?php $fitsValue = $review->getSizeFits(); ?>
<span><strong class="joshine-font-w-bolder">Size Fits:</strong> <?= $helper->translateSizeFits($fitsValue); ?></span>
<span><strong class="joshine-font-w-bolder"><?= __("Size Fits") ?> :</strong> <?= $helper->translateSizeFits($fitsValue); ?></span>
</div>
</div>
</div>
......@@ -139,7 +139,7 @@ $imagesBlock = $helper->getReviewImagesBlock(15, $block->getProductId());
</div>
<div class="joshine-review-list-item-right">
<div class="joshine-review-helpful joshine-font-c-darkgray joshine-font-text">
<span>helpful</span>
<span> <?= __('helpful') ?> </span>
<span class="joshine-like <?= $block->getPlusVotedClass($review->getId()); ?>" data-review-id="<?= $review->getId(); ?>">
<input name="form_key" type="hidden" value="<?= /* @noEscape */ $block->getFormKey(); ?>" />
</span>
......@@ -160,13 +160,13 @@ $imagesBlock = $helper->getReviewImagesBlock(15, $block->getProductId());
<div class="joshine-review-container-mobile joshine-hidden-lg">
<h4 class="joshine-review-title joshine-font-w-bolder">
Customer Reviews
<?= __("Customer Reviews") ?>
</h4>
<div class="joshine-review">
<div class="joshine-review-averate joshine-bg-silver joshine-clearfix">
<div class="joshine-review-item joshine-review-rating-box">
<div class="name">
Average Rating
<?= __("Average Rating") ?>
</div>
<div class="ave-rate row">
<div class="joshine-rating-container joshine-col-xs-8">
......@@ -177,7 +177,7 @@ $imagesBlock = $helper->getReviewImagesBlock(15, $block->getProductId());
</div>
<div class="joshine-review-item">
<div class="name">
Did the item fit well?
<?= __("Did the item fit well?") ?>
</div>
<?php foreach ($block->getDetailedSummary() as $key => $detail) : ?>
<div class="fit-item">
......@@ -194,7 +194,7 @@ $imagesBlock = $helper->getReviewImagesBlock(15, $block->getProductId());
<div class="joshine-review-item add-new-box">
<a href="#review-form" title="Write a review" class="add-new-button joshine-btn joshine-btn-dark joshine-review-add-btn">
Write a review
<?= __("Write a review") ?>
</a>
</div>
......@@ -231,7 +231,7 @@ $imagesBlock = $helper->getReviewImagesBlock(15, $block->getProductId());
<div class="row joshine-foot-mark">
<?php $fitsValue = $review->getSizeFits(); ?>
<span><strong class="joshine-font-w-bolder">Size Fits:</strong> <?= $helper->translateSizeFits($fitsValue); ?></span>
<span><strong class="joshine-font-w-bolder"><?= __("Size Fits") ?>:</strong> <?= $helper->translateSizeFits($fitsValue); ?></span>
</div>
<div class="row joshine-font-w-bolder" style="font-size: .9em;">
......@@ -653,7 +653,7 @@ $imagesBlock = $helper->getReviewImagesBlock(15, $block->getProductId());
<div class="joshine-foot-mark rate-fit">
<div class="rate-fit-item">
<span><strong class="joshine-font-w-bolder">Size Fits:</strong> <span data-review-js="fits"></span></span>
<span><strong class="joshine-font-w-bolder"><?= __("Size Fits") ?>>:</strong> <span data-review-js="fits"></span></span>
</div>
</div>
</div>
......@@ -691,9 +691,8 @@ $imagesBlock = $helper->getReviewImagesBlock(15, $block->getProductId());
<script type="text/javascript">
require([
'jquery','ko'
], function ($) {
'jquery','ko', 'mage/translate'
], function ($, ko) {
$(".joshine-review-add-btn").on('click',function () {
$(".block.review-add").removeClass('joshine-hidden');
});
......@@ -1144,7 +1143,7 @@ $imagesBlock = $helper->getReviewImagesBlock(15, $block->getProductId());
let review = findReviewById(shouldReviewId);
$(".review-box-title").html(review.title);
let fits_text = fitsTranslate(review.size_fits);
$(".review-box-size").html("Size Fits:"+ fits_text);
$(".review-box-size").html($.mage.__("Size Fits")+ ": " + fits_text);
$(".review-box-content").html(review.detail);
$("#review-box-id").val(review.review_id);
}
......
app/code/Joshine/Review/view/frontend/templates/toolbar.phtml
<div class="joshine-review-filter joshine-clearfix">
<div class="joshine-review-tab joshine-review-tab-container">
<span class="tab active joshine-inline-block joshine-font-c-deepin review-js-with-image">All Reviews</span>
<span class="tab active joshine-inline-block joshine-font-c-deepin review-js-with-image"><?= __("All Reviews")?> </span>
<span class="tab review-with-image joshine-inline-block review-js-with-image joshine-hidden">With Image</span>
</div>
<div class="joshine-review-select-wrap joshine-hidden">
......
app/code/Magento/Backend/etc/adminhtml/system.xml
......@@ -363,6 +363,14 @@
</depends>
</field>
</group>
<group id="top_country" translate="label" type="text" sortOrder="1" showInDefault="1" showInWebsite="1" showInStore="1">
<label>Top Country</label>
<field id="top_countrys" translate="label" type="text" sortOrder="10" showInDefault="1">
<label>置顶国家</label>
<comment>国家简码为2个大写字母,多个用英文逗号隔开.</comment>
</field>
</group>
</section>
<section id="admin" translate="label" type="text" sortOrder="20" showInDefault="1">
<label>Admin</label>
......
app/code/Magento/Catalog/view/frontend/templates/product/widget/viewed/grids.phtml
......@@ -16,7 +16,6 @@
var isMobile = window.matchMedia("(pointer:coarse)").matches;
var productIds = localStorage.getItem('recently_viewed') || '';
if (productIds != '') {
console.log('productIds',productIds)
$.ajax({
url: '/catalog/product/recently',
data: {ids: productIds},
......
app/code/Magento/Checkout/Block/Onepage.php
......@@ -112,6 +112,11 @@ class Onepage extends \Magento\Framework\View\Element\Template
{
return $this->_scopeConfigInterface->getValue('carriers/flatrate/price');
}
public function getFullFreeShip()
{
return $this->_scopeConfigInterface->getValue('carriers/freeshipping/free_shipping_subtotal');
}
/**
* Get base url for block.
*
......
app/code/Magento/Checkout/view/frontend/templates/cart/form.phtml
......@@ -94,13 +94,13 @@ else
<div class="content-wrap">
<div class="free_message">
<div class="msg-title">
<p style="font-weight: bold;">Shipping Fee</p>
<p style="font-weight: bold;"><?= $block->escapeHtml(__('Shipping Fee')) ?> </p>
</div>
<div class="msg-content">
Spend <span style="color:#EB001B;font-size: 16px;font-weight: bold;"><?= $block->escapeHtml(
<?= $block->escapeHtml(__('Spend')) ?> <span style="color:#EB001B;font-size: 16px;font-weight: bold;"><?= $block->escapeHtml(
$this->helper(Magento\Checkout\Helper\Data::class)->formatPrice($difference_price),
['span']
) ?></span> more and get <span style="font-weight: bold;">FREE SHIPPING</span>!
) ?></span> <?= $block->escapeHtml(__('more and get')) ?> <span style="font-weight: bold;"><?= $block->escapeHtml(__('FREE SHIPPING')) ?></span>!
</div>
</div>
</div>
......@@ -112,10 +112,10 @@ else
<div class="content-wrap">
<div class="free_message">
<div class="msg-content">
Spend <span style="color:#EB001B;font-size: 16px;"><?= $block->escapeHtml(
<?= $block->escapeHtml(__('Spend')) ?> <span style="color:#EB001B;font-size: 18px;"><?= $block->escapeHtml(
$this->helper(Magento\Checkout\Helper\Data::class)->formatPrice($difference_price),
['span']
) ?></span> more and get FREE SHIPPING!
) ?></span><?= $block->escapeHtml(__(' more and get')) ?> <span style="font-weight: bold;"><?= $block->escapeHtml(__('FREE SHIPPING')) ?></span>
</div>
</div>
</div>
......@@ -143,7 +143,7 @@ else
data-mage-init='{"shoppingCart":{"emptyCartButton": ".action.clear",
"updateCartActionContainer": "#update_cart_action_container"}}'>
<caption class="table-caption"><?= $block->escapeHtml(__('Shopping Cart Items')) ?></caption>
<thead><td><div class="item-summary">Item Summary</div></td></thead>
<thead><td><div class="item-summary"><?= $block->escapeHtml(__('Item Summary')) ?></div></td></thead>
<tr>
<td class="col item first" scope="col"><span><?= $block->escapeHtml(__('Item')) ?></span></td>
<td class="col price" scope="col"><span><?= $block->escapeHtml(__('Price')) ?></span></td>
......@@ -220,31 +220,29 @@ require(['jquery'], function ($) {
if (isMobile) {
var fixHeight = $('.area-blk-notitle').height();
$(window).scroll(function () {
if(!$('#checkout-step-shipping').is(":visible")) {
$(window).scroll(function () {
$(window).scroll(function () {
var scrollTop = $(document).scrollTop();
var fixTop = $('.area-blk-notitle').offset().top;
var tableTop = $('#shopping-cart-table').offset().top;
var tableHeight = $('#shopping-cart-table').height();
var headerHeight = $('.page-header').height();
if(scrollTop >= fixTop - headerHeight)
var scrollTop = $(document).scrollTop();
var fixTop = $('.area-blk-notitle').offset().top;
var tableTop = $('#shopping-cart-table').offset().top;
var tableHeight = $('#shopping-cart-table').height();
var headerHeight = $('.page-header').height();
if(scrollTop >= fixTop - headerHeight)
{
if(scrollTop < tableTop + tableHeight - fixHeight)
{
if(scrollTop < tableTop + tableHeight - fixHeight)
{
$('.area-blk-notitle .content-wrap').addClass("area-fix");
$('.area-blk-notitle .content-wrap').css({ "top": headerHeight});
}
else
{
$('.area-blk-notitle .content-wrap').removeClass("area-fix");
}
$('.area-blk-notitle .content-wrap').addClass("area-fix");
$('.area-blk-notitle .content-wrap').css({ "top": headerHeight});
}
else {
else
{
$('.area-blk-notitle .content-wrap').removeClass("area-fix");
}
});
}
}
else {
$('.area-blk-notitle .content-wrap').removeClass("area-fix");
}
});
});
}
......
app/code/Magento/Checkout/view/frontend/templates/cart/methods-new.phtml
......@@ -7,6 +7,15 @@
?>
<?php
/** @var $block \Magento\Checkout\Block\Cart */
$objectManager = \Magento\Framework\App\ObjectManager::getInstance();
$_cart = $objectManager->get('\Magento\Checkout\Model\Cart');
$subtotal = $_cart->getGrandTotal();
$subtotalStr = $block->escapeHtml(
$this->helper(Magento\Checkout\Helper\Data::class)->formatPrice($subtotal),
['span']
);
?>
<?php if (!$block->hasError()) :?>
<style>
......@@ -16,13 +25,42 @@
flex-grow: 1;
white-space: nowrap;
}
@media(max-width:768px)
{
.checkout-methods-items .checkout-now{
background-color: #FFFFFF!important;
}
.checkout-methods-items .checkout-now button.checkout{
background-color: #ffa800!important;
}
.checkout-now.button-static .now-grand-total{
display: none;
}
}
@media(min-width:768px)
{
.now-grand-total{
display: none;
}
.checkout-methods-items .checkout-now{
margin-bottom: 1rem;
}
}
</style>
<div class="checkout methods items checkout-methods-items" style="background-color: #f2f2f2;">
<div style="background-color: #fff;width:100%;gap: 1rem;">
<div class="item checkout-now" style="margin:10px 0px 20px 0px;">
<div class="item checkout-now">
<div class="now-grand-total" style="font-size: 18px;width:100%;">
<div style="float: left;text-align: left;"><strong>Order Total:</strong></div>
<div style="float: right;text-align: right;"><?= $subtotalStr ?></div>
</div>
<button type="button" data-role="proceed-to-checkout" title="Checkout Now" class="action primary checkout">
<span class="secure"><img alt="" src="/media/wysiwyg/secure.png"></span>
<span>Checkout Now</span>
<span><?= __("Checkout Now") ?></span>
</button>
</div>
......@@ -39,7 +77,7 @@
</style>
<div class="or-checkout-with" style="display: flex;width:100%;line-height: 1.2rem;"><span>OR CHECKOUT WITH</span></div>
<div class="or-checkout-with" style="display: flex;width:100%;line-height: 1.2rem;"><span><?= __("OR CHECKOUT WITH") ?></span></div>
......@@ -47,7 +85,7 @@
ec_shortcut_jjTyyXrRb0sVUXZkA5EduNvUofEEqeuO">
<div class="checkout-logo-medium">
<input type="image" data-action="checkout-form-submit" data-checkout-url="/paypal/express/start/button/1/" src="/static/frontend/Joshine/breeze/en_US/Magento_Paypal/images/paypal-color.svg" alt="Checkout with PayPal" title="Checkout with PayPal">
<div class="checkout-txt">Checkout</div>
<div class="checkout-txt"><?= __("Checkout") ?></div>
</div>
</div>
<style type="text/css">
......@@ -62,7 +100,7 @@
<a href="https://www.securecheckout.billmelater.com/paycapture-content/fetch?hash=AU826TU8&amp;content=/bmlweb/ppwpsiw.html">
<img src="https://www.paypalobjects.com/webstatic/en_US/btn/btn_bml_text.png">
</a>
<div class="checkout-txt">Checkout</div>
<div class="checkout-txt"><?= __("Checkout") ?></div>
</div>
</div>
</div>
......@@ -101,8 +139,10 @@
var positionUl = $('.cart-container .checkout-methods-items .checkout-now')
if (window.outerHeight + $(document).scrollTop() < $(positionUl).parent().offset().top + 50) {
$(positionUl).removeClass("button-static");
$('.now-grand-total').show();
} else {
$(positionUl).addClass("button-static");
$('.now-grand-total').hide();
}
});
......
app/code/Magento/Checkout/view/frontend/web/js/view/place-order.js
......@@ -5,22 +5,27 @@
define([
'jquery',
'uiComponent'
], function ($, Component) {
'Magento_Checkout/js/view/summary/abstract-total',
'Magento_Checkout/js/model/quote'
], function ($, Component,quote) {
'use strict';
return Component.extend({
defaults: {
template: 'Magento_Checkout/placeorder'
},
totals: quote.getTotals(),
placeOrder:function(){
if($('#checkout-step-shipping').is(":visible"))
{
return false;
}
$('.checkout-index-index .payment-method._active').find('.actions-toolbar').find('button').trigger('click');
}
,
getTotalPrice:function(){
return this.getFormattedPrice(this.totals().grand_total);
}
});
});
app/code/Magento/Checkout/view/frontend/web/js/view/shipping.js
......@@ -235,7 +235,12 @@ define([
quote.shippingMethod()['carrier_code'] + '_' + quote.shippingMethod()['method_code'] :
null;
}),
is_mobile: function(){
return window.matchMedia("(pointer:coarse)").matches;
},
full_free_ship: function(){
return window.checkoutConfig.full_free_ship;
},
/**
* @param {Object} shippingMethod
* @return {Boolean}
......
app/code/Magento/Checkout/view/frontend/web/template/placeorder.html
......@@ -5,12 +5,18 @@
*/
-->
<div id="checkout_place_order">
<button id="place-order" data-bind="click: placeOrder">
<span class="button-inner">
<span class="secure">
<img alt="" src="/media/wysiwyg/secure.png">
<div class="fix-content">
<div class="now-order-total" style="font-size: 18px;width:95%;margin:0 auto;">
<div style="float: left;text-align: left;"><strong>Order Total:</strong></div>
<div style="float: right;text-align: right;" data-bind="text: getTotalPrice()"></div>
</div>
<button id="place-order" data-bind="click: placeOrder">
<span class="button-inner">
<span class="secure">
<img alt="" src="/media/wysiwyg/secure.png">
</span>
<span class="txt">Place Order</span>
</span>
<span class="txt">Place Order</span>
</span>
</button>
</button>
</div>
</div>
\ No newline at end of file
app/code/Magento/Checkout/view/frontend/web/template/shipping-address/shipping-method-item.html
......@@ -4,40 +4,133 @@
* See COPYING.txt for license details.
*/
-->
<!-- ko ifnot: $parent.is_mobile() -->
<tr class="row"
click="element.selectShippingMethod">
<!-- ko if: $parent.rates().length == 1 -->
<td class="col col-method">
<input type="radio"
class="radio"
ifnot="method.error_message"
attr="'aria-labelledby': 'label_method_' + method.method_code + '_' + method.carrier_code + ' ' + 'label_carrier_' + method.method_code + '_' + method.carrier_code,
'checked': element.rates().length == 1" />
<td class="col col-method" colspan="4">
<div class="method-content">
<div class="method-title">
<!-- ko if: $parent.rates().length == 1 -->
<input type="radio"
class="radio"
ifnot="method.error_message"
attr="'aria-labelledby': 'label_method_' + method.method_code + '_' + method.carrier_code + ' ' + 'label_carrier_' + method.method_code + '_' + method.carrier_code,
'checked': element.rates().length == 1" />
<!-- /ko -->
<!-- ko if: $parent.rates().length > 1 -->
<input type="radio"
class="radio"
ifnot="method.error_message"
ko-checked="element.isSelected"
ko-value="method.carrier_code + '_' + method.method_code"
attr="'aria-labelledby': 'label_method_' + method.method_code + '_' + method.carrier_code + ' ' + 'label_carrier_' + method.method_code + '_' + method.carrier_code,
'checked': element.isSelected" />
<!-- /ko -->
<!-- ko ifnot: (method.error_message) -->
<span class="col col-price">
<each args="element.getRegion('price')" render=""></each>
</span>
<!-- /ko -->
<span class="col col-method"
attr="'id': 'label_method_' + method.method_code + '_' + method.carrier_code"
text="method.method_title"></span>
<span class="col col-carrier"
attr="'id': 'label_carrier_' + method.method_code + '_' + method.carrier_code"
text="method.carrier_title"></span>
</div>
<!-- ko if: (method.amount) -->
<div class="method-msg">
<span class="col col-msg"
attr="'id': 'label_carrier_' + method.method_code + '_' + method.carrier_code_msg">
10-15 Working Days - <span class="free-over ff">Free Over <span text="$parent.full_free_ship()"></span></span>
</span>
</div>
<!-- /ko -->
<!-- ko ifnot: (method.amount) -->
<div class="method-msg">
<span class="col col-msg"
attr="'id': 'label_carrier_' + method.method_code + '_' + method.carrier_code_msg">
10-15 Working Days</span>
</span>
</div>
<!-- /ko -->
</div>
</td>
<!-- /ko -->
<!-- ko if: $parent.rates().length > 1 -->
<td class="col col-method">
<input type="radio"
class="radio"
ifnot="method.error_message"
ko-checked="element.isSelected"
ko-value="method.carrier_code + '_' + method.method_code"
attr="'aria-labelledby': 'label_method_' + method.method_code + '_' + method.carrier_code + ' ' + 'label_carrier_' + method.method_code + '_' + method.carrier_code,
</tr>
<!-- /ko -->
<!-- ko if: $parent.is_mobile() -->
<tr class="row"
click="element.selectShippingMethod">
<td class="col col-method" colspan="4">
<div class="method-content">
<div class="method-title">
<!-- ko if: $parent.rates().length == 1 -->
<input type="radio"
class="radio"
ifnot="method.error_message"
attr="'aria-labelledby': 'label_method_' + method.method_code + '_' + method.carrier_code + ' ' + 'label_carrier_' + method.method_code + '_' + method.carrier_code,
'checked': element.rates().length == 1" />
<!-- /ko -->
<!-- ko if: $parent.rates().length > 1 -->
<input type="radio"
class="radio"
ifnot="method.error_message"
ko-checked="element.isSelected"
ko-value="method.carrier_code + '_' + method.method_code"
attr="'aria-labelledby': 'label_method_' + method.method_code + '_' + method.carrier_code + ' ' + 'label_carrier_' + method.method_code + '_' + method.carrier_code,
'checked': element.isSelected" />
<!-- /ko -->
<!-- ko ifnot: (method.error_message) -->
<span class="col col-price">
<each args="element.getRegion('price')" render=""></each>
</span>
<!-- /ko -->
<span class="col col-method"
attr="'id': 'label_method_' + method.method_code + '_' + method.carrier_code"
text="method.method_title"></span>
<span class="col col-carrier"
attr="'id': 'label_carrier_' + method.method_code + '_' + method.carrier_code"
text="method.carrier_title"></span>
</div>
<!-- ko if: (method.amount) -->
<div class="method-msg">
<span class="col col-msg"
attr="'id': 'label_carrier_' + method.method_code + '_' + method.carrier_code_msg">
10-15 Working Days - <span class="free-over">Free Over <span text="$parent.full_free_ship()"></span></span>
</span>
</div>
<!-- /ko -->
<!-- ko ifnot: (method.amount) -->
<div class="method-msg">
<span class="col col-msg"
attr="'id': 'label_carrier_' + method.method_code + '_' + method.carrier_code_msg">
10-15 Working Days</span>
</span>
</div>
<!-- /ko -->
</div>
</td>
<!-- /ko -->
<!-- ko ifnot: (method.error_message) -->
<td class="col col-price">
<each args="element.getRegion('price')" render=""></each>
</td>
<!-- /ko -->
<td class="col col-method"
attr="'id': 'label_method_' + method.method_code + '_' + method.carrier_code"
text="method.method_title"></td>
<td class="col col-carrier"
attr="'id': 'label_carrier_' + method.method_code + '_' + method.carrier_code"
text="method.carrier_title"></td>
</tr>
<!-- /ko -->
<tr class="row row-error"
if="method.error_message">
<td class="col col-error" colspan="4">
......
app/code/Magento/Directory/Model/ResourceModel/Country/CollectionNew.php 0 → 100644
<?php
namespace Magento\Directory\Model\ResourceModel\Country;
class CollectionNew
{
protected $scopeConfig;
public function __construct(\Magento\Framework\App\Config\ScopeConfigInterface $scopeConfig)
{
$this->scopeConfig = $scopeConfig;
}
public function afterToOptionArray(\Magento\Directory\Model\ResourceModel\Country\Collection $subject, $result) {
if (!is_array($result) || empty($result)) {
return $result;
}
$topCountry = $this->scopeConfig->getValue('system/top_country/top_countrys');
if (!$topCountry) {
return $result;
}
if (!$result[0]['value']) {
unset($result[0]);
}
$topCountry = explode(',', $topCountry);
$indexs = array_flip($topCountry);
$top = [];
$top[0] = ['value' => '', 'label' => ''];
foreach ($result as $row) {
if (in_array($row['value'], $topCountry)) {
$idx = $indexs[$row['value']] + 1;
$top[$idx] = $row;
}
}
ksort($top);
$top[] = ['value' => '-', 'label' => '---'];
$result = array_merge($top, $result);
return $result;
}
}
\ No newline at end of file
app/code/Magento/Directory/etc/di.xml
......@@ -39,6 +39,9 @@
</argument>
</arguments>
</type>
<type name="Magento\Directory\Model\ResourceModel\Country\Collection">
<plugin name="new_country_collection" type="Magento\Directory\Model\ResourceModel\Country\CollectionNew"/>
</type>
<preference for="Magento\Directory\Model\Country\Postcode\ConfigInterface" type="Magento\Directory\Model\Country\Postcode\Config" />
<preference for="Magento\Directory\Model\Country\Postcode\ValidatorInterface" type="Magento\Directory\Model\Country\Postcode\Validator" />
<preference for="Magento\Directory\Api\CurrencyInformationAcquirerInterface" type="Magento\Directory\Model\CurrencyInformationAcquirer" />
......
app/code/Sparsh/QuickView/view/frontend/layout/quickview_catalog_product_view.xml
......@@ -12,5 +12,6 @@
<referenceBlock name="product.info.review" remove="true" />
<referenceBlock name="reviews.tab" remove="true" />
<referenceBlock name="form.subscribe" remove="true" />
<referenceBlock name="checkout.cart.empty.recently" remove="true" />
</body>
</page>
\ No newline at end of file
app/code/Sparsh/QuickView/view/frontend/web/css/quickview.css
......@@ -31,7 +31,6 @@
}
.sparsh-mfp-container {
text-align: center;
position: absolute;
width: 100%;
height: 100%;
left: 0;
......@@ -52,7 +51,6 @@
display: none;
}
.sparsh-mfp-content {
position: relative;
display: inline-block;
vertical-align: middle;
margin: 0 auto;
......@@ -733,10 +731,6 @@ a.sparsh-quick-view-button{
margin-left:0!important;
}
.sparsh-mfp-wrap .sparsh-mfp-container{
height: 60% !important;
top: 35%!important;
}
.sparsh-mfp-wrap .actions{
padding-top: 0!important;
......@@ -748,9 +742,7 @@ a.sparsh-quick-view-button{
visibility: hidden;
}
.sparsh-mfp-container {
position: fixed;
}
.sparsh-quick-view-btn-container {
width: 40%;
......@@ -774,4 +766,8 @@ a.sparsh-quick-view-button{
#sparsh-mfp-quickview .page-wrapper{
min-height: 80vh;
}
#sparsh-mfp-quickview .product-info-wrapper .product-info-main{
margin-bottom: 15%;
}
}
\ No newline at end of file
app/design/frontend/Joshine/breeze/Magento_Catalog/layout/catalog_product_view.xml
......@@ -6,6 +6,10 @@
*/
-->
<page layout="1column" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:View/Layout/etc/page_configuration.xsd">
<head>
<remove src="mage/gallery/gallery.css"/>
<css src="Magento_Catalog::css/gallery.css"/>
</head>
<body>
<referenceBlock name="product.info.description" remove="true" />
<referenceBlock name="product.attributes" remove="true" />
......
app/design/frontend/Joshine/breeze/Magento_Catalog/templates/product/view/addto.phtml
......@@ -60,17 +60,17 @@
<div style="width: 100%" class="product-view-freeshipping">
<div class="product-intro__freeshipping product-intro__bg-none">
<div class="product-intro__freeshipping-abt action" id="freeshipping-button">
<div class="product-intro__freeshipping-icon shipping " ><i class="svgicon svgicon-gd-shipping"></i> <p>Fast Delivery</p> <span class="svgicon svgicon-gd-more-grey product-intro__freeshipping-more" ></span>
<div class="product-intro__freeshipping-icon shipping " ><i class="svgicon svgicon-gd-shipping"></i> <p><?=__("Fast Delivery"); ?></p> <span class="svgicon svgicon-gd-more-grey product-intro__freeshipping-more" ></span>
</div>
<div class="free-wrapper">
<p> Estimated to be delivered on <span id="deliveredTime">11/25/2021 - 12/03/2021</span>.</p> </div>
<p> <?= __("Estimated to be delivered on") ?> <span id="deliveredTime">11/25/2021 - 12/03/2021</span>.</p> </div>
</div>
<div class="product-intro__freeshipping-item full-line paddingTop-0 paddingBottom-0 action" id="free-return-button" >
<div class="product-intro__freeshipping-icon">
<i class="svgicon svgicon-gd-freereturn"></i><p>Free Return &amp; Exchange</p> <span class="svgicon svgicon-gd-more-grey product-intro__freeshipping-more" ></span> </div> <div class="product-intro__freeshipping-desc">
Learn More
<i class="svgicon svgicon-gd-freereturn"></i><p><?= __("Free Return & Exchange") ?>:</p> <span class="svgicon svgicon-gd-more-grey product-intro__freeshipping-more" ></span> </div> <div class="product-intro__freeshipping-desc">
<?= __("Learn More") ?>
</div>
</div>
</div>
......@@ -232,7 +232,7 @@ if ($description) :
}}'>
<div data-role="collapsible">
<div data-role="trigger" class="description-button">
<a class="desction-left description info-desc" href="#">Description</a>
<a class="desction-left description info-desc" href="#"><?= __("Description") ?> </a>
<a class="desction-right description info-desc" href="#">-</a>
</div>
</div>
......@@ -257,7 +257,7 @@ if ($short_description) :
}}'>
<div data-role="collapsible">
<div data-role="trigger" class="short_description-button">
<a class="desction-left short_description info-desc" href="#">Material</a>
<a class="desction-left short_description info-desc" href="#"><?= __("Material") ?></a>
<a class="desction-right short_description info-desc" href="#">-</a>
</div>
</div>
......
app/design/frontend/Joshine/breeze/Magento_Catalog/templates/product/view/form.phtml
......@@ -52,7 +52,6 @@
$('.swatch-attribute-selected-option-size-content').hide();
}
});
});
</script>
......
app/design/frontend/Joshine/breeze/Magento_Catalog/templates/product/view/gallery.phtml deleted 100644 → 0
<?php
/**
* Copyright © Magento, Inc. All rights reserved.
* See COPYING.txt for license details.
*/
/**
* Product media data template
*
* @var $block \Magento\Catalog\Block\Product\View\Gallery
*/
?>
<?php
$images = $block->getGalleryImages()->getItems();
$mainImage = null;
if (!empty($images) && empty($mainImage)) {
$mainImage = $block->getGalleryImages()->getFirstItem();
}
$helper = $block->getData('imageHelper');
$mainImageUrl = $mainImage ?
$mainImage->getData('medium_image_url') :
$helper->getDefaultPlaceholderUrl('image');
$width = (int) $block->getImageAttribute('product_page_image_medium', 'width');
$height = (int) $block->getImageAttribute('product_page_image_medium', 'height');
$height = $height ?: $width;
$thumbWidth = 50;
$thumbHeight = 66;
$thumbHeight = $thumbHeight ?: $thumbWidth;
$navType = $block->getGalleryOptions()->getVar('gallery/nav');
$responsiveImageHelper = $this->helper(\Swissup\Breeze\Helper\Image::class);
$srcset = $responsiveImageHelper->getSrcset($block->getProduct(), 'product_page_image_medium');
$sizes = $responsiveImageHelper->getSizes('product_page_image_medium');
$thumbSizes = $responsiveImageHelper->getSizes('product_page_image_small');
?>
<style>
@media screen and (min-width: 1024px) and (max-width: 1500px) {
.product-info-wrapper .page-title-wrapper,.product-info-wrapper .product-info-main {
margin-left: 1%;
width: 100%;
}
.stage {
min-width: 700px !important;
min-height: 800px !important;
}
}
@media (min-width: 1024px){
.main-image-wrapper .mobile-pic{
display: none !important;
}
.stage {
min-width: 800px;
}
}
@media (max-width: 1024px){
.main-image-wrapper > img{
display:none;
}
.main-image-wrapper .mobile-pic{
display: block !important;
height: auto;
overflow-x: auto;
overflow-y: hidden;
white-space: nowrap;
}
.main-image-wrapper .mobile-pic > a{
width: 400px;
margin-left:2px;
height: auto;
}
.main-image-wrapper .mobile-pic > a > img{
max-width: 80%;
}
.breeze-gallery .thumbnails,.breeze-gallery .prev, .breeze-gallery .next{
display:none;
}
}
@media (min-width: 1280px){
:root {
--container-max-width: 80%;
}
}
@media(min-width: 768px) {
.breadcrumbs ul {
width: 80%;
}
}
</style>
<div class="breeze-gallery <?= $block->getGalleryOptions()->getVar('gallery/navdir') ?>">
<div class="stage <?= $mainImage && $mainImage->getVideoUrl() ? 'video' : '' ?>"
data-gallery-role="gallery-placeholder">
<div class="main-image-wrapper">
<img alt="<?= $mainImage ? $mainImage->getLabel() : '' ?>"
class="main-image"
src="<?= $mainImageUrl ?>"
width="<?= $width ?>"
height="<?= $height ?>"
<?php if ($srcset) : ?>
srcset="<?= $srcset ?>"
sizes="<?= $sizes ?>"
<?php endif ?>
/>
<div class="mobile-pic" >
<?php foreach ($images as $image) : ?>
<?php
$classes = array_filter([
'item',
$block->isMainImage($image) ? 'active' : '',
$image->getVideoUrl() ? 'video' : ''
]);
?>
<a class="<?= implode(' ', $classes) ?>" href="#" name="<?= $image->getLargeImageUrl() ?>" title="<?= $image->getLabel() ?: __('View Image') ?>" class="js-smartPhoto" data-caption="bear" data-id="bear" data-group="animal">
<img alt="<?= $image->getLabel() ?>"
src="<?= $image->getData('medium_image_url') ?>"
/>
</a>
<?php endforeach ?>
</div>
</div>
<?php if (count($images) > 1) : ?>
<a href="#" class="prev" tabindex="-1">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 19l-7-7 7-7" />
</svg>
</a>
<a href="#" class="next" tabindex="-1">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" />
</svg>
</a>
<?php endif ?>
<div class="controls">
<a href="#" class="zoom zoom-in">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
<path stroke-linecap="round" stroke-linejoin="round" d="M12 4v16m8-8H4" />
</svg>
</a>
<a href="#" class="zoom zoom-out">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
<path stroke-linecap="round" stroke-linejoin="round" d="M20 12H4" />
</svg>
</a>
</div>
<a href="#" class="close">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
</svg>
</a>
</div>
<div class="thumbnails <?php echo $navType ? '' : 'hidden' ?>">
<?php if (count($images) > 1) : // empty parent wrapper may be used at configurable product page ?>
<?php
foreach ($images as $image) : ?>
<?php
$classes = array_filter([
'item',
$block->isMainImage($image) ? 'active' : '',
$image->getVideoUrl() ? 'video' : ''
]);
$srcset = $responsiveImageHelper->getSrcset($image, 'product_page_image_small');
?>
<a class="<?= implode(' ', $classes) ?>" href="#" name="<?= $image->getLargeImageUrl() ?>" title="<?= $image->getLabel() ?: __('View Image') ?>">
<img loading="lazy" alt="<?= $image->getLabel() ?>"
src="<?= $image->getSmallImageUrl() ?>"
<?php if ($srcset) : ?>
srcset="<?= $srcset ?>"
sizes="<?= $thumbSizes ?>"
<?php endif ?>
width="<?= $thumbWidth ?>"
height="<?= $thumbHeight ?>"
/>
</a>
<?php endforeach ?>
<?php endif ?>
</div>
</div>
<script type="text/x-magento-init">
{
"[data-gallery-role=gallery-placeholder]": {
"mage/gallery/gallery": {
"data": <?= /* @noEscape */ $block->getGalleryImagesJson() ?>,
"options": <?= /* @noEscape */ $block->getGalleryOptions()->getOptionsJson() ?>
}
}
}
</script>
<script type="text/x-magento-template" id="gallery-thumbnail">
<a class="<%- classes %>" href="javasrcpit:void(0);" name="<%- full %>">
<img loading="lazy" alt="<%- caption %>"
src="<%- thumb %>"
srcset="<%- srcset ? srcset.small : '' %>"
sizes="<?= $thumbSizes ?>"
width="<?= $thumbWidth ?>"
height="<?= $thumbHeight ?>"
/>
</a>
</script>
<style>
.breeze-gallery .prev, .breeze-gallery .next{
width: 40px;
height: 40px;
border-radius: 50%;
background-color: #fff;
}
@media (max-width: 768px){
.breeze-gallery {
display: flex;
flex-direction: column;
margin-top: -35px;
}
}
@media (max-width: 1024px){
.breeze-gallery .stage {
min-height: auto !important;
}
.breeze-gallery img{
max-width: 90% !important;
}
}
</style>
<script>
require([
'jquery'
], function ($) {
$(".thumbnails > a").removeClass("active");
$(".thumbnails > a:first").addClass("active");
$(".thumbnails > a").mouseover(function (s) {
var main_img = $(this).attr("name");
$(".main-image").attr("src",main_img);
$(".main-image-wrapper > picture > source:first ").attr("srcset",main_img);
$(".main-image-wrapper > picture > source:last ").attr("srcset",main_img);
$(".thumbnails > a").removeClass("active");
$(this).addClass("active");
});
$("a.next ").on('click',function () {
var s = $(".thumbnails").find("a.active");
$(".thumbnails > a").removeClass("active");
s.next().addClass("active");
var sd = $(".thumbnails > .item.active").attr('name');
if (typeof(sd) == "undefined"){
var sd = $(".thumbnails > .item.active").attr('name');
$(".thumbnails > a").removeClass("active");
$(".thumbnails > a:first").addClass("active");
sd = $(".thumbnails > a:first").attr('name');
}
$(".main-image").attr("src",sd);
$(".main-image-wrapper > picture > source:first ").attr("srcset",sd);
$(".main-image-wrapper > picture > source:last ").attr("srcset",sd);
});
$("a.prev ").on('click',function () {
var s = $(".thumbnails").find("a.active");
$(".thumbnails > a").removeClass("active");
s.prev().addClass("active");
var sd = $(".thumbnails > .item.active").attr('name');
if (typeof(sd) == "undefined"){
var sd = $(".thumbnails > .item.active").attr('name');
$(".thumbnails > a").removeClass("active");
$(".thumbnails > a:last").addClass("active");
sd = $(".thumbnails > a:last").attr('name');
}
$(".main-image").attr("src",sd);
$(".main-image-wrapper > picture > source:first ").attr("srcset",sd);
$(".main-image-wrapper > picture > source:last ").attr("srcset",sd);
});
});
</script>
app/design/frontend/Joshine/breeze/Magento_Catalog/web/css/gallery.css 0 → 100644
.fotorama-stretch,.fotorama-focus-overlay:after,.fotorama__stage__frame,.fotorama__html,.fotorama__video iframe {
bottom: 0;
height: 100%;
left: 0;
position: absolute;
right: 0;
top: 0;
width: 100%
}
.fotorama__stage__shaft{
bottom: 0;
height: 100%;
position: absolute;
right: 0;
top: 0;
width: 100%
}
.fotorama-grab-cursor,.fotorama__wrap .fotorama__grab {
cursor: move;
cursor: -webkit-grab;
cursor: -moz-grab;
cursor: -o-grab;
cursor: -ms-grab;
cursor: grab
}
.fotorama-grabbing-cursor,.fotorama__grabbing * {
cursor: move;
cursor: -webkit-grabbing;
cursor: -moz-grabbing;
cursor: -o-grabbing;
cursor: -ms-grabbing;
cursor: grabbing
}
.fotorama-gpu,.fotorama--fullscreen,.fotorama__caption,.fotorama__wrap--css3 .fotorama__spinner,.fotorama__wrap--css3 .fotorama__stage,.fotorama__wrap--css3 .fotorama__nav,.fotorama__wrap--css3 .fotorama__stage__frame,.fotorama__wrap--css3 .fotorama__html,.fotorama__stage:before,.fotorama__nav:before,.fotorama__stage:after,.fotorama__nav:after,.fotorama--fullscreen .fotorama__stage__frame .fotorama__img--full {
transform: translateZ(0)
}
.fotorama-focus,.fotorama__nav__frame,.fotorama__fullscreen-icon:focus,.fotorama__zoom-out:focus,.fotorama__zoom-in:focus {
outline: 0
}
.fotorama-focus-overlay:after {
background-color: #006bb4;
border-radius: inherit;
content: ''
}
.fotorama-transform-disabled,.fotorama__wrap--video .fotorama__stage__shaft,.fotorama__wrap--video .fotorama__stage,.fotorama__wrap--video .fotorama__stage__frame--video,.fotorama__wrap--video .fotorama__stage__frame--video .fotorama__img,.fotorama__wrap--video .fotorama__stage__frame--video .fotorama__html {
transform: none !important
}
.fotorama-transition-for-slide,.fotorama__wrap--css3 .fotorama__stage__shaft,.fotorama__wrap--css3 .fotorama__nav__shaft,.fotorama__wrap--css3 .fotorama__thumb-border {
transition-duration: 0ms;
transition-property: transform,width;
transition-timing-function: cubic-bezier(.1, 0, .25, 1)
}
.fotorama-no-select,.fotorama__wrap,.fotorama__no-select,.fotorama__arr,.fotorama__fullscreen-icon,.fotorama__video-close {
user-select: none
}
.fotorama-select,.fotorama__select {
user-select: text
}
.fotorama-empty-bg {
background: url(data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=)
}
.fotorama-auto-margin,.fotorama__nav,.fotorama__nav__frame {
margin: auto;
padding: 0
}
.fotorama-inline-block,.fotorama__nav__shaft,.fotorama__nav__frame,.fotorama__caption__wrap {
*display: inline;
*zoom:1;-moz-box-orient: vertical;
display: -moz-inline-box;
display: inline-block;
vertical-align: middle
}
.fotorama-content-box,.fotorama__nav__frame {
box-sizing: content-box
}
.fotorama-border-box,.fotorama__thumb-border,.fotorama__caption__wrap,.fotorama__arr {
box-sizing: border-box
}
.fotorama-hidden,.fotorama--hidden,.fotorama__load {
left: -99999px;
position: absolute;
top: -99999px;
z-index: -1000
}
.fotorama-visible {
left: auto;
opacity: 1;
position: relative;
top: auto;
z-index: auto
}
.fotorama-no-tap,.fotorama__stage__shaft,.fotorama__stage__frame,.fotorama__nav,.fotorama__nav__shaft,.fotorama__nav__frame,.fotorama__arr,.fotorama__fullscreen-icon,.fotorama__video-close {
-webkit-tap-highlight-color: rgba(0,0,0,0)
}
.transitionDuration {
transition-duration: 333ms
}
.transitionDurationZero {
transition-duration: 0ms
}
.fotorama-sprite,.fotorama__fullscreen .fotorama__zoom-out,.fotorama__fullscreen .fotorama__zoom-in,.fotorama__arr .fotorama__arr__arr,.fotorama__fullscreen-icon,.fotorama__video-play,.fotorama__thumb--icon,.fotorama__video-close {
background-image: url('/media/wysiwyg/catalog/gallery/gallery.png');
background-repeat: no-repeat
}
@media print {
.fotorama-print-background,.fotorama-sprite,.fotorama__thumb-border,.fotorama__fullscreen .fotorama__zoom-out,.fotorama__fullscreen .fotorama__zoom-in,.fotorama__arr .fotorama__arr__arr,.fotorama__fullscreen-icon,.fotorama__video-play,.fotorama__thumb--icon,.fotorama__video-close {
background: none !important
}
}
.fotorama__fullscreen-icon:focus,.fotorama__zoom-out:focus,.fotorama__zoom-in:focus,.fotorama__arr:focus,.fotorama__stage__shaft:focus,.fotorama__nav__frame--thumb:focus .fotorama__thumb,.fotorama__nav__frame--dot:focus .fotorama__dot {
box-shadow: none
}
.fotorama__fullscreen-icon:focus:after,.fotorama__zoom-out:focus:after,.fotorama__zoom-in:focus:after,.fotorama__arr:focus:after,.fotorama__stage__shaft:focus:after,.fotorama__nav__frame--thumb:focus .fotorama__thumb:after,.fotorama__nav__frame--dot:focus .fotorama__dot:after {
border-radius: inherit;
bottom: 3px;
box-shadow: 0 0 0 1px #008bdb;
content: '';
left: 3px;
position: absolute;
right: 3px;
top: 3px;
z-index: 1000
}
.fotorama__nav__frame--thumb:focus .fotorama__thumb:after,.fotorama__nav__frame--dot:focus .fotorama__thumb:after,.fotorama__nav__frame--thumb:focus .fotorama__dot:after,.fotorama__nav__frame--dot:focus .fotorama__dot:after {
bottom: 0;
left: 0;
right: 0;
top: 0
}
.fotorama__nav__frame--thumb:focus .fotorama__thumb.fotorama_vertical_ratio:after,.fotorama__nav__frame--dot:focus .fotorama__thumb.fotorama_vertical_ratio:after {
left: 2px;
right: 2px
}
.fotorama__nav__frame--thumb:focus .fotorama__thumb,.fotorama__nav__frame--dot:focus .fotorama__thumb {
overflow: inherit
}
.fotorama__nav__frame:nth-child(2):focus .fotorama__thumb:after {
left: 1px
}
.fotorama__nav__frame:nth-child(2):focus .fotorama__thumb.fotorama_vertical_ratio:after {
top: 1px
}
.fotorama__nav__frame:last-child:focus .fotorama__thumb:after {
right: 1px
}
.fotorama__nav__frame:last-child:focus .fotorama__thumb.fotorama_vertical_ratio:after {
bottom: 1px
}
.fotorama__thumb__arr {
box-shadow: none
}
.fotorama--fullscreen {
background: #fff;
bottom: 0 !important;
float: none !important;
left: 0 !important;
margin: 0 !important;
position: fixed !important;
right: 0 !important;
top: 0 !important;
width: 100% !important;
z-index: 1000 !important
}
.fotorama--fullscreen .fotorama__wrap {
max-width: 100% !important
}
.fotorama__fullscreen {
overflow: hidden;
position: relative
}
.fotorama__fullscreen .fotorama__zoom-in,.fotorama__fullscreen .fotorama__zoom-out {
cursor: pointer;
display: block;
height: 80px;
overflow: hidden;
position: absolute;
width: 80px
}
.fotorama__fullscreen .fotorama__zoom-out {
background-position: 0 -80px !important;
top: 80px
}
.fotorama__fullscreen .fotorama__zoom-out.fotorama__zoom-out--disabled {
display: none
}
.fotorama__fullscreen .fotorama__zoom-in {
background-position: 0 0 !important;
top: 0
}
.fotorama__fullscreen .fotorama__zoom-in.fotorama__zoom-in--disabled {
display: none
}
.fotorama__fullscreen .fotorama__video-close {
display: none
}
.fotorama--fullscreen .fotorama__loaded--full .fotorama__img {
display: none
}
.fotorama--fullscreen .fotorama__loaded--full .fotorama__img--full {
display: block
}
.fotorama__zoom-in,.fotorama__zoom-out {
display: none
}
.fotorama {
min-width: 1px;
overflow: hidden
}
.fotorama__wrap {
-webkit-text-size-adjust: 100%;
direction: ltr;
position: relative;
z-index: 0
}
.fotorama__wrap--rtl .fotorama__stage__frame {
direction: rtl
}
.fotorama__stage,.fotorama__nav {
max-width: 100%;
overflow: hidden;
position: relative
}
.fotorama__wrap--pan-y {
-ms-touch-action: pan-y
}
.fotorama__wrap .fotorama__pointer {
cursor: pointer
}
.fotorama__wrap--slide .fotorama__stage__frame {
opacity: 1 !important
}
.fotorama__stage__frame {
overflow: hidden
}
.fotorama__stage__frame.fotorama__active {
z-index: 8
}
.fotorama__wrap--fade .fotorama__stage__frame {
display: none
}
.fotorama__wrap--fade .fotorama__stage__frame.fotorama__active,.fotorama__wrap--fade .fotorama__fade-front,.fotorama__wrap--fade .fotorama__fade-rear {
display: block;
left: 0;
top: 0
}
.fotorama__wrap--fade .fotorama__fade-front {
z-index: 8
}
.fotorama__wrap--fade .fotorama__fade-rear {
z-index: 7
}
.fotorama__wrap--fade .fotorama__fade-rear.fotorama__active {
z-index: 9
}
.fotorama__wrap--fade .fotorama__stage .fotorama__shadow {
display: none
}
.fotorama__img {
border: none !important;
max-width: inherit;
opacity: 0
}
.fotorama__loaded .fotorama__img,.fotorama__error .fotorama__img {
opacity: 1
}
.fotorama__img--full {
display: none
}
.fotorama__nav {
display: none;
font-size: 0;
line-height: 0;
white-space: nowrap;
z-index: 5
}
.fotorama__nav__shaft {
left: 0;
position: relative;
text-align: left;
top: 0
}
.fotorama__nav__frame {
position: relative
}
.fotorama__nav--dots {
display: block;
text-align: center
}
.fotorama__nav--dots .fotorama__nav__frame {
height: 30px;
width: 18px
}
.fotorama__nav--dots .fotorama__nav__frame--thumb,.fotorama__nav--dots .fotorama__thumb-border {
display: none
}
.fotorama__nav--thumbs {
display: block
}
.fotorama__nav--thumbs .fotorama__nav__frame {
padding-left: 0 !important
}
.fotorama__nav--thumbs .fotorama__nav__frame:last-child {
padding-right: 0 !important
}
.fotorama__nav--thumbs .fotorama__nav__frame--dot {
display: none
}
.fotorama__active .fotorama__dot {
background-color: #ff5501;
border-color: #ff5501
}
.fotorama__nav__frame.fotorama__active .fotorama__nav__frame {
border-width: 3px;
height: 0;
width: 0
}
.fotorama__nav__frame.fotorama__active .fotorama__nav__frame:after {
left: -3px;
padding: 3px;
top: -3px
}
.fotorama__nav__frame:focus {
box-shadow: none
}
.fotorama__nav__frame:focus :after {
left: -1px;
padding: 1px;
top: -1px
}
.fotorama__dot {
border-radius: 6px;
border: 1px solid #858585;
display: block;
height: 4px;
left: 6px;
position: relative;
top: 12px;
width: 4px
}
.fotorama__thumb {
background-color: #ebebeb;
height: 100%;
overflow: hidden;
position: relative;
width: 100%
}
.fotorama__nav__frame:focus .fotorama__thumb {
z-index: 2
}
.fotorama__thumb-border {
backface-visibility: hidden;
background-image: linear-gradient(to bottom right, rgba(255,255,255,0.25), rgba(64,64,64,0.1));
border: 1px solid #ff5501;
left: 0;
position: absolute;
top: 0;
z-index: 9
}
.fotorama__caption {
bottom: 0;
color: #000;
font-size: 14px;
left: 0;
line-height: 1.5;
position: absolute;
right: 0;
z-index: 12
}
.fotorama__caption a {
border-bottom: 1px solid;
border-color: rgba(0,0,0,0.005);
color: #000;
text-decoration: none
}
.fotorama__caption a:hover {
border-color: rgba(0,0,0,0.005);
color: #000
}
.fotorama__wrap--rtl .fotorama__caption {
left: auto;
right: 0
}
.fotorama__wrap--video .fotorama__caption,.fotorama__wrap--no-captions .fotorama__caption {
display: none
}
.fotorama__caption__wrap {
background-color: #fff;
padding: 5px 10px
}
@keyframes spinner {
0% {
transform: rotate(0deg)
}
100% {
transform: rotate(360deg)
}
}
.fotorama__spinner {
-webkit-transform: translate3d(-50%, -50%, 0);
-ms-transform: translate3d(-50%, -50%, 0);
-o-transform: translate3d(-50%, -50%, 0);
transform: translate3d(-50%, -50%, 0);
left: 50%;
position: absolute;
top: 50%
}
.fotorama__wrap--css3 .fotorama__spinner {
animation: spinner 24s infinite linear
}
.fotorama__wrap--css3 .fotorama__html {
transition-duration: .3s;
transition-property: opacity;
transition-timing-function: linear
}
.fotorama__wrap--video .fotorama__stage__frame--video .fotorama__img,.fotorama__wrap--video .fotorama__stage__frame--video .fotorama__html {
opacity: 0
}
.fotorama__select {
cursor: auto
}
.fotorama__video {
bottom: 0;
left: 0;
position: absolute;
right: 0;
top: 32px;
z-index: 10
}
@-moz-document url-prefix() {
.fotorama__active {
box-shadow: 0 0 0 transparent
}
}
.fotorama__arr,.fotorama__fullscreen-icon,.fotorama__video-close {
cursor: pointer;
position: absolute
}
.fotorama__arr {
z-index: 900
}
.fotorama__fullscreen-icon,.fotorama__zoom-out,.fotorama__zoom-in,.fotorama__video-close {
z-index: 1000
}
.fotorama__arr {
bottom: 0;
position: absolute;
top: 0;
width: 80px
}
._block-content-loading .fotorama__arr {
opacity: 0
}
.fotorama__arr .fotorama__arr__arr {
-webkit-transform: translate3d(-50%, -50%, 0);
-ms-transform: translate3d(-50%, -50%, 0);
-o-transform: translate3d(-50%, -50%, 0);
transform: translate3d(-50%, -50%, 0);
left: 50%;
position: absolute;
top: 50%;
height: 80px;
width: 80px
}
.fotorama__arr--prev {
left: 100px;
}
.fotorama__arr--prev .fotorama__arr__arr {
background-position: -80px -80px
}
.fotorama__arr--next {
right: 0!important;
}
.fotorama__arr--next .fotorama__arr__arr {
background-position: -160px -80px
}
.fotorama__arr--disabled {
cursor: default;
opacity: 0;
pointer-events: none
}
.fotorama__fullscreen-icon {
background-position: 0 0;
display: none;
height: 80px;
right: 0;
top: 0;
width: 80px;
z-index: 1000
}
.fotorama--fullscreen-icons .fotorama__fullscreen-icon {
display: none
}
.fotorama--fullscreen .fotorama__fullscreen-icon {
background-position: -80px 0;
display: inline-block
}
.fotorama__video-play {
-webkit-transform: translate3d(-50%, -50%, 0);
-ms-transform: translate3d(-50%, -50%, 0);
-o-transform: translate3d(-50%, -50%, 0);
transform: translate3d(-50%, -50%, 0);
left: 50%;
position: absolute;
top: 50%;
background-position: -80px -160px;
height: 160px;
width: 160px
}
.fotorama__wrap--css2 .fotorama__video-play,.fotorama__wrap--video .fotorama__stage .fotorama__video-play {
display: none
}
.fotorama__loaded .fotorama__video-play,.fotorama__error .fotorama__video-play,.fotorama__nav__frame .fotorama__video-play {
display: block;
opacity: 1
}
.fotorama__nav__frame .fotorama__video-play {
background-position: 0 -240px;
height: 80px;
width: 80px
}
.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr,.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon {
opacity: 0
}
.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr:focus,.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon:focus {
opacity: 1
}
.fotorama__wrap--toggle-arrows:not(.fotorama__wrap--video) .fotorama__video-close {
display: none
}
.fotorama__wrap--toggle-arrows.fotorama__wrap--video .fotorama__video-close {
opacity: 1;
right: 93px;
top: 97px
}
.fotorama__wrap--toggle-arrows:not(.fotorama__wrap--video) .fotorama__video-close {
display: none
}
.fotorama__wrap--toggle-arrows.fotorama__wrap--video .fotorama__video-close {
opacity: 1;
right: 93px;
top: 97px
}
.fotorama__wrap--toggle-arrows:not(.fotorama__wrap--video) .fotorama__video-close {
display: none
}
.fotorama__wrap--toggle-arrows.fotorama__wrap--video .fotorama__video-close {
opacity: 1;
right: 93px;
top: 97px
}
.fotorama__wrap--video .fotorama__arr,.fotorama__wrap--video .fotorama__fullscreen-icon {
opacity: 0 !important
}
.fotorama__wrap--css2.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr,.fotorama__wrap--css2.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon {
display: none
}
.fotorama__wrap--css2.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr:focus,.fotorama__wrap--css2.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon:focus {
display: block
}
.fotorama__wrap--css2.fotorama__wrap--video .fotorama__arr,.fotorama__wrap--css2.fotorama__wrap--video .fotorama__fullscreen-icon {
display: none !important
}
.fotorama__wrap--css3.fotorama__wrap--no-controls.fotorama__wrap--slide.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon:not(:focus) {
-webkit-transform: translate3d(80px, -80px, 0);
-ms-transform: translate3d(80px, -80px, 0);
-o-transform: translate3d(80px, -80px, 0);
transform: translate3d(80px, -80px, 0)
}
.fotorama__wrap--css3.fotorama__wrap--no-controls.fotorama__wrap--slide.fotorama__wrap--toggle-arrows .fotorama__arr--prev:not(:focus) {
-webkit-transform: translate3d(-120px, 0, 0);
-ms-transform: translate3d(-120px, 0, 0);
-o-transform: translate3d(-120px, 0, 0);
transform: translate3d(-120px, 0, 0)
}
.fotorama__wrap--css3.fotorama__wrap--no-controls.fotorama__wrap--slide.fotorama__wrap--toggle-arrows .fotorama__arr--next:not(:focus) {
-webkit-transform: translate3d(120px, 0, 0);
-ms-transform: translate3d(120px, 0, 0);
-o-transform: translate3d(120px, 0, 0);
transform: translate3d(120px, 0, 0)
}
.fotorama__wrap--css3.fotorama__wrap--video .fotorama__fullscreen-icon {
-webkit-transform: translate3d(80px, -80px, 0) !important;
-ms-transform: translate3d(80px, -80px, 0) !important;
-o-transform: translate3d(80px, -80px, 0) !important;
transform: translate3d(80px, -80px, 0) !important
}
.fotorama__wrap--css3.fotorama__wrap--video .fotorama__arr--prev {
-webkit-transform: translate3d(-120px, 0, 0) !important;
-ms-transform: translate3d(-120px, 0, 0) !important;
-o-transform: translate3d(-120px, 0, 0) !important;
transform: translate3d(-120px, 0, 0) !important
}
.fotorama__wrap--css3.fotorama__wrap--video .fotorama__arr--next {
-webkit-transform: translate3d(120px, 0, 0) !important;
-ms-transform: translate3d(120px, 0, 0) !important;
-o-transform: translate3d(120px, 0, 0) !important;
transform: translate3d(120px, 0, 0) !important
}
.fotorama__wrap--css3 .fotorama__arr:not(:focus),.fotorama__wrap--css3 .fotorama__fullscreen-icon:not(:focus),.fotorama__wrap--css3 .fotorama__video-play:not(:focus),.fotorama__wrap--css3 .fotorama__video-close:not(:focus) {
transition-duration: .3s;
transition-property: transform,opacity,background-color
}
.fotorama__stage:before,.fotorama__nav:before,.fotorama__stage:after,.fotorama__nav:after {
background-repeat: no-repeat;
content: '';
display: block;
pointer-events: none;
position: absolute;
text-decoration: none;
z-index: 10
}
.fotorama__stage:before,.fotorama__nav:before {
left: -10px;
top: -10px
}
.fotorama__stage:after,.fotorama__nav:after {
right: -10px;
bottom: -10px
}
.fotorama__stage.fotorama__shadows--left:before,.fotorama__nav.fotorama__shadows--left:before,.fotorama__stage.fotorama__shadows--right:after,.fotorama__nav.fotorama__shadows--right:after {
background-size: 1px 100%,5px 100%;
bottom: 0;
height: auto;
top: 0;
width: 10px
}
.fotorama__stage.fotorama__shadows--top:before,.fotorama__nav.fotorama__shadows--top:before,.fotorama__stage.fotorama__shadows--bottom:after,.fotorama__nav.fotorama__shadows--bottom:after {
background-size: 100% 1px,100% 5px;
height: 10px;
left: 0;
right: 0;
width: auto
}
.fotorama__stage.fotorama__shadows--left:before,.fotorama__nav.fotorama__shadows--left:before {
background-image: linear-gradient(transparent, rgba(0,0,0,0.2) 25%, rgba(0,0,0,0.3) 75%, transparent),radial-gradient(farthest-side at 0 50%, rgba(0,0,0,0.4), transparent);
background-position: 0 0,0 0;
left: 0
}
.fotorama__stage.fotorama__shadows--right:after,.fotorama__nav.fotorama__shadows--right:after {
background-image: linear-gradient(transparent, rgba(0,0,0,0.2) 25%, rgba(0,0,0,0.3) 75%, transparent),radial-gradient(farthest-side at 100% 50%, rgba(0,0,0,0.4), transparent);
background-position: 100% 0,100% 0;
right: 0
}
.fotorama__stage.fotorama__shadows--top:before,.fotorama__nav.fotorama__shadows--top:before {
background-image: linear-gradient(transparent, rgba(0,0,0,0.2) 25%, rgba(0,0,0,0.3) 75%, transparent),radial-gradient(farthest-side at 50% 0, rgba(0,0,0,0.4), transparent);
background-position: 0 0,0 0;
top: 0
}
.fotorama__stage.fotorama__shadows--bottom:after,.fotorama__nav.fotorama__shadows--bottom:after {
background-image: linear-gradient(transparent, rgba(0,0,0,0.2) 25%, rgba(0,0,0,0.3) 75%, transparent),radial-gradient(farthest-side at 50% 100%, rgba(0,0,0,0.4), transparent);
background-position: 0 100%,0 100%;
bottom: 0
}
.fotorama--fullscreen .fotorama__stage:before,.fotorama--fullscreen .fotorama__nav:before,.fotorama__wrap--no-shadows .fotorama__stage:before,.fotorama__wrap--no-shadows .fotorama__nav:before,.fotorama__wrap--fade .fotorama__stage:before,.fotorama--fullscreen .fotorama__stage:after,.fotorama--fullscreen .fotorama__nav:after,.fotorama__wrap--no-shadows .fotorama__stage:after,.fotorama__wrap--no-shadows .fotorama__nav:after,.fotorama__wrap--fade .fotorama__stage:after {
display: none
}
.fotorama__nav-wrap .fotorama_vertical_ratio .fotorama__img {
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
height: auto;
position: absolute;
top: 50%;
width: 100%
}
.fotorama__nav-wrap .fotorama_horizontal_ratio .fotorama__img {
-webkit-transform: translate(-50%, -50%);
-ms-transform: translateY(-50%, -50%);
-o-transform: translateY(-50%, -50%);
transform: translateY(-50%, -50%);
top: 50%;
left: 50%;
position: absolute;
width: auto
}
.magnifier-thumb-wrapper {
display: block;
left: 0;
position: relative;
top: 0
}
.magnifier-lens {
border: solid 1px #bbb;
left: 0;
overflow: hidden;
position: absolute;
top: 0;
z-index: 800
}
.magnify-lens {
background: rgba(255,255,255,0.5);
border: solid 1px #bbb;
color: #fff;
left: 0;
position: absolute;
text-align: center;
top: 0;
z-index: 1000;
overflow: hidden
}
.magnify-lens .magnifier-large {
width: auto;
height: auto;
max-height: none;
max-width: none;
border: none;
position: absolute;
z-index: 100
}
.magnifier-loader-text {
margin-top: 10px
}
.magnifier-preview {
bottom: 0;
left: 58%;
overflow: hidden;
padding: 0;
position: absolute;
z-index: 2;
top: 215px
}
.magnifier-preview:not(.hidden) {
background-color: #fff
}
.magnifier-preview img {
left: 0;
max-width: inherit;
max-height: inherit;
position: absolute;
top: 0;
object-fit: scale-down
}
.fotorama__stage__frame {
text-align: center
}
.fotorama__stage__frame .fotorama__img {
height: auto;
left: 50%;
max-height: 100%;
max-width: 100%;
position: absolute;
top: 50%;
-webkit-transform: translate3d(-50%, -50%, 0);
-ms-transform: translate3d(-50%, -50%, 0);
-o-transform: translate3d(-50%, -50%, 0);
transform: translate3d(-50%, -50%, 0);
transition-duration: .3s;
transition-property: width,height,top,left;
vertical-align: middle;
width: auto
}
.magnify-opaque {
opacity: .5
}
.magnify-hidden {
display: none
}
.fotorama__nav-wrap--vertical.fotorama__nav-wrap {
position: absolute;
top: 0
}
.fotorama__nav-wrap--vertical .fotorama__nav__shaft {
background-color: white;
width: 100%
}
.fotorama__nav-wrap--vertical .fotorama__nav__shaft .fotorama__nav__frame--thumb {
display: block;
padding-bottom: inherit !important
}
.fotorama--fullscreen .fotorama__stage__frame .fotorama__img {
display: none
}
.fotorama--fullscreen .fotorama__stage__frame .fotorama__img,.fotorama--fullscreen .fotorama__stage__frame .fotorama__img--full {
bottom: 0;
left: 0;
margin: auto;
max-height: inherit;
max-width: inherit;
position: absolute;
right: 0;
top: 0
}
.fotorama--fullscreen .fotorama__stage__frame .fotorama__img--full {
cursor: default;
display: block;
height: auto;
left: 0;
margin: auto;
max-height: 100%;
max-width: 100%;
top: 0;
transition: .3s linear;
vertical-align: middle;
width: auto
}
.fotorama--fullscreen .fotorama__stage__frame .fotorama__img--full.fotorama__img--zoommable {
cursor: pointer;
max-height: none;
max-width: none;
transition-property: width,height,bottom,right,top,left
}
.fotorama--fullscreen .fotorama__stage__frame .fotorama__img--full.fotorama__img--draggable {
cursor: move;
transition-property: none
}
.fotorama--fullscreen .fotorama__stage__frame iframe {
left: 80px;
width: calc(100% - 80px * 2)
}
.fotorama__nav-wrap--horizontal .fotorama__thumb__arr--left,.fotorama__nav-wrap--horizontal .fotorama__thumb__arr--right {
bottom: 0;
cursor: pointer;
position: absolute;
top: 0;
width: 30px;
z-index: 1000
}
.fotorama__nav-wrap--horizontal .fotorama__thumb__arr--left .fotorama__thumb--icon,.fotorama__nav-wrap--horizontal .fotorama__thumb__arr--right .fotorama__thumb--icon {
-webkit-transform: translate3d(-50%, -50%, 0);
-ms-transform: translate3d(-50%, -50%, 0);
-o-transform: translate3d(-50%, -50%, 0);
transform: translate3d(-50%, -50%, 0);
left: 50%;
position: absolute;
top: 50%;
width: 100%
}
.fotorama__nav-wrap--horizontal .fotorama__thumb__arr--left {
left: 0
}
.fotorama__nav-wrap--horizontal .fotorama__thumb__arr--right {
right: 0
}
.fotorama__nav-wrap--vertical .fotorama__thumb__arr--left,.fotorama__nav-wrap--vertical .fotorama__thumb__arr--right {
cursor: pointer;
height: 30px;
left: 0;
position: absolute;
right: 0;
z-index: 1000
}
.fotorama__nav-wrap--vertical .fotorama__thumb__arr--left .fotorama__thumb--icon,.fotorama__nav-wrap--vertical .fotorama__thumb__arr--right .fotorama__thumb--icon {
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
margin: auto;
width: 30px
}
.fotorama__nav-wrap--vertical .fotorama__thumb__arr--left {
top: 0
}
.fotorama__nav-wrap--vertical .fotorama__thumb__arr--right {
bottom: 0
}
.fotorama__wrap--only-active .fotorama__stage,.fotorama__wrap--only-active .fotorama__nav {
max-width: 99999px !important
}
.fotorama__wrap--only-active .fotorama__stage__frame {
visibility: hidden
}
.fotorama__wrap--only-active .fotorama__stage__frame.fotorama__active {
visibility: visible
}
.fotorama__thumb--icon {
font-size: 0.001px;
padding-bottom: 30px
}
.fotorama__thumb__arr--left .fotorama__thumb--icon {
background-position: -25px -265px
}
.fotorama__thumb__arr--right .fotorama__thumb--icon {
background-position: -25px -350px
}
.magnify-fullimage {
display: none
}
.fotorama__arr,.fotorama__thumb__arr {
background-color: rgba(255,255,255,0.3);
transition: background-color .3s ease-in-out
}
.fotorama__arr:hover,.fotorama__thumb__arr:hover {
background-color: rgba(255,255,255,0.5)
}
.fotorama__arr:active,.fotorama__thumb__arr:active {
background-color: rgba(213,213,213,0.5)
}
.fotorama__wrap:not(.fotorama__wrap--toggle-arrows) .fotorama__fullscreen-icon,.fotorama__wrap:not(.fotorama__wrap--toggle-arrows) .fotorama__zoom-out,.fotorama__wrap:not(.fotorama__wrap--toggle-arrows) .fotorama__zoom-in {
background-color: rgba(255,255,255,0.3);
transition: background-color .3s ease-in-out
}
.fotorama__wrap:not(.fotorama__wrap--toggle-arrows) .fotorama__fullscreen-icon:hover,.fotorama__wrap:not(.fotorama__wrap--toggle-arrows) .fotorama__zoom-out:hover,.fotorama__wrap:not(.fotorama__wrap--toggle-arrows) .fotorama__zoom-in:hover {
background-color: rgba(255,255,255,0.5)
}
.fotorama__wrap:not(.fotorama__wrap--toggle-arrows) .fotorama__fullscreen-icon:active,.fotorama__wrap:not(.fotorama__wrap--toggle-arrows) .fotorama__zoom-out:active,.fotorama__wrap:not(.fotorama__wrap--toggle-arrows) .fotorama__zoom-in:active {
background-color: rgba(213,213,213,0.5)
}
.fotorama__video-close {
background-position: -80px 0;
height: 80px;
opacity: 0;
right: 0;
top: 0;
transform: translate3d(80px, -80px, 0);
transition: opacity .3s ease-in-out;
width: 80px
}
@media all and (max-width: 768px) {
.fotorama__video-close {
background-position:-100px -20px;
top: 10px;
height: 40px;
width: 40px
}
.fotorama__arr--prev{
left: 0;
}
}
.fotorama__video-close.fotorama-show-control {
opacity: 1;
transform: translate3d(0, -10px, 0)
}
.gallery-placeholder__image {
display: block;
margin: auto
}
.fotorama__spinner {
background-image: url('/media/wysiwyg/catalog/gallery/loader-1.gif');
bottom: 0;
display: none;
height: 64px;
left: 0;
margin: auto;
position: absolute;
right: 0;
top: 0;
width: 64px;
z-index: 100
}
.fotorama__spinner.fotorama__spinner--show {
display: block
}
.fotorama__product-video--loaded .fotorama__img,.fotorama__product-video--loaded .fotorama__img--full {
display: none !important
}
.fotorama__stage .fotorama__arr--shown {
display: block !important
}
.fotorama__stage .fotorama__arr--hidden {
display: none !important
}
app/design/frontend/Joshine/breeze/Magento_Checkout/templates/cart/coupon.phtml
......@@ -26,7 +26,7 @@ $hasCouponCode = (bool) strlen($block->getCouponCode());
data-mage-init='{"collapsible":{"active": <?= $hasCouponCode ? 'true' : 'false' ?>, "openedState": "active", "saveState": false}}'
>
<div class="title" data-role="title" aria-controls="block-summary" role="tab" aria-selected="false" aria-expanded="false" tabindex="0">
<strong id="block-shipping-coupon" role="heading" aria-level="2">Coupon Code</strong>
<strong id="block-shipping-coupon" role="heading" aria-level="2"><?= __("Coupon Code") ?> </strong>
</div>
<div class="content" data-role="content" aria-labelledby="block-discount-heading" style="display: block;">
<form id="discount-coupon-form"
......
app/design/frontend/Joshine/breeze/Magento_Checkout/templates/footer.phtml
......@@ -4,7 +4,7 @@ $copyrightBlock = $block->getLayout()->createBlock('Magento\Theme\Block\Html\Foo
<footer class="page-footer">
<div data-block-id="shopping_footer_why_choose_us">
<div class="choose-us">
WHY CHOOSE US
<?= __("WHY CHOOSE US") ?>
</div>
<?php echo $block->getLayout()->createBlock('Magento\Cms\Block\Block')->setBlockId('why_choose_us')->toHtml();?>
<div class="footer-mini-copyright-content"><?= $block->escapeHtml($copyrightBlock->getCopyright()) ?></div>
......
app/design/frontend/Joshine/breeze/Magento_Checkout/templates/onepage.phtml
......@@ -8,7 +8,11 @@
/** @var \Magento\Framework\View\Helper\SecureHtmlRenderer $secureRenderer */
?>
<?php
$objectManager = \Magento\Framework\App\ObjectManager::getInstance();
$flatraPrice = $block->getFlatratePrice();
$full_free = $block->getFullFreeShip();
$_helper = $objectManager->get('Magento\Framework\Pricing\Helper\Data');
$full_free_ship = $_helper->currency($full_free, true, false);
?>
<style type="text/css">
.payment-method._active{
......@@ -506,10 +510,17 @@ $flatraPrice = $block->getFlatratePrice();
right: 0;
box-shadow: 0 0 20px #999;
z-index: 1;
background-color: #FFFFFF;
padding-bottom: 10px;
}
#checkout_place_order .fix-content.button-fix .now-order-total{
display:block;
}
/***************payment end******************/
}
#checkout_place_order .fix-content .now-order-total{
display:none;
}
.checkout-index-index .opc .actions-toolbar {
display:none!important;
}
......@@ -781,6 +792,7 @@ $flatraPrice = $block->getFlatratePrice();
$scriptString = <<<script
window.checkoutConfig = {$serializedCheckoutConfig};
window.checkoutConfig.flatrate_price = {$flatraPrice};
window.checkoutConfig.full_free_ship = '{$full_free_ship}';
// Create aliases for customer.js model from customer module
window.isCustomerLoggedIn = window.checkoutConfig.isCustomerLoggedIn;
window.customerData = window.checkoutConfig.customerData;
......@@ -826,9 +838,9 @@ script;
$(window).scroll(function () {
var positionUl = $('#checkout_place_order')
if (window.outerHeight + $(document).scrollTop() < $(positionUl).offset().top + 50) {
$('#place-order').addClass("button-fix");
$('.fix-content').addClass("button-fix");
} else {
$('#place-order').removeClass("button-fix");
$('.fix-content').removeClass("button-fix");
}
});
......
app/design/frontend/Joshine/breeze/Magento_Review/templates/form.phtml
......@@ -75,24 +75,24 @@
</div>
</div>
<div class="field size-fits">
<label class="label"><?php echo 'Size Fits' ?>:</label>
<label class="label"><?= __('Size Fits') ?>:</label>
<div class="options-list">
<div class="field choice">
<input type="radio" class="radio" id="size-fits-1" data-validate="{'validate-one-required-by-name':true}" name="size_fits" value="1" >
<label class="label" for="size-fits-1">
Small
<?= __('Small') ?>
</label>
</div>
<div class="field choice">
<input type="radio" class="radio" id="size-fits-2" data-validate="{'validate-one-required-by-name':true}" name="size_fits" value="2" >
<label class="label" for="size-fits-2">
True to Size
<?= __('True to Size') ?>
</label>
</div>
<div class="field choice">
<input type="radio" class="radio" id="size-fits-3" data-validate="{'validate-one-required-by-name':true}" name="size_fits" value="3" >
<label class="label" for="size-fits-3">
Large
<?= __('Large') ?>
</label>
</div>
</div>
......
app/design/frontend/Joshine/breeze/Magento_Swatches/web/js/swatch-renderer.js
......@@ -381,7 +381,7 @@ define([
isInProductView = false;
productId = this.element.parents('.product-item-details')
.find('.price-box.price-final_price').attr('data-product-id');
.find('.price-box.price-final_price').attr('data-product-id');
if (!productId) {
// Check individual product.
......@@ -427,7 +427,7 @@ define([
var tem_size = '';
if (item.label.toLowerCase() == "size"){
tem_size = "<div id=\"product-intro__freeshipping-more-3\" >" +
"<a href=\"javascript:void(0);\"><svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M3.5 8.5V15.5H5.31045V13.75C5.31045 13.3358 5.64623 13 6.06045 13C6.47466 13 6.81045 13.3358 6.81045 13.75V15.5H9.31045V11.75C9.31045 11.3358 9.64623 11 10.0604 11C10.4747 11 10.8104 11.3358 10.8104 11.75V15.5H13.3104V13.75C13.3104 13.3358 13.6462 13 14.0604 13C14.4747 13 14.8104 13.3358 14.8104 13.75V15.5H17.3104V11.75C17.3104 11.3358 17.6462 11 18.0604 11C18.4747 11 18.8104 11.3358 18.8104 11.75V15.5H20.5V8.5H3.5ZM14.0604 17H18.0604H21C21.5523 17 22 16.5523 22 16V8C22 7.44772 21.5523 7 21 7H3C2.44772 7 2 7.44772 2 8V16C2 16.5523 2.44772 17 3 17H6.06045H10.0604H14.0604Z\" fill=\"#5D626A\"></path></svg> Size Guide</a></div>";
"<a href=\"javascript:void(0);\"><svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M3.5 8.5V15.5H5.31045V13.75C5.31045 13.3358 5.64623 13 6.06045 13C6.47466 13 6.81045 13.3358 6.81045 13.75V15.5H9.31045V11.75C9.31045 11.3358 9.64623 11 10.0604 11C10.4747 11 10.8104 11.3358 10.8104 11.75V15.5H13.3104V13.75C13.3104 13.3358 13.6462 13 14.0604 13C14.4747 13 14.8104 13.3358 14.8104 13.75V15.5H17.3104V11.75C17.3104 11.3358 17.6462 11 18.0604 11C18.4747 11 18.8104 11.3358 18.8104 11.75V15.5H20.5V8.5H3.5ZM14.0604 17H18.0604H21C21.5523 17 22 16.5523 22 16V8C22 7.44772 21.5523 7 21 7H3C2.44772 7 2 7.44772 2 8V16C2 16.5523 2.44772 17 3 17H6.06045H10.0604H14.0604Z\" fill=\"#5D626A\"></path></svg> "+$.mage.__('Size Guide')+"</a></div>";
label += tem_size;
label += '<span id="' + controlLabelId + '" class="' + classes.attributeLabelClass + '">' +
$('<i></i>').text(item.label).html() +
......@@ -450,7 +450,7 @@ define([
}
if (item.label.toLowerCase() == "size") {
// Create new control
var sizeContent = '<div class="swatch-attribute-selected-option-size-content" ><div style="font-size:.32rem;color:#999999;">Product Size Describe</div>'+'<span style="color:#0a0a0a;" class="'+classes.attributeSelectedOptionLabelClass + '"></span></div>';
var sizeContent = '<div class="swatch-attribute-selected-option-size-content" ><div style="font-size:.32rem;color:#999999;">'+$.mage.__("Product Size Describe")+ '</div>'+'<span style="color:#0a0a0a;" class="'+classes.attributeSelectedOptionLabelClass + '"></span></div>';
container.append(
'<div class="' + classes.attributeClass + ' ' + item.code + '" ' +
......@@ -749,22 +749,22 @@ define([
}
});
$(".main-image").attr("src",main_img);
$(".main-image-wrapper > picture > source:first ").attr("srcset",main_img);
$(".main-image-wrapper > picture > source:last ").attr("srcset",main_img);
//移除之前选中图
$(".main-image").attr("src",main_img);
$(".main-image-wrapper > picture > source:first ").attr("srcset",main_img);
$(".main-image-wrapper > picture > source:last ").attr("srcset",main_img);
//移除之前选中图
$(".color_img").remove();
$(".thumbnails > a").removeClass("active");
$(".thumbnails >a:first").before("" +
"<a class=\"item active color_img \" href=\"#\" name=\""+ main_img +"\" title=\"Image\">\n" +
" <picture>\n" +
" <source type=\"image/webp\" srcset=\""+thumb_img+"\">\n" +
" <source type=\"image/jpg\" srcset=\""+thumb_img+"\">\n" +
" <img loading=\"lazy\" alt=\"Image\" src=\""+thumb_img+"\" width=\"50\" height=\"66\"> </picture>\n" +
"\n" +
"\n" +
" </a>");
$(".thumbnails >a:first").before("" +
"<a class=\"item active color_img \" href=\"#\" name=\""+ main_img +"\" title=\"Image\">\n" +
" <picture>\n" +
" <source type=\"image/webp\" srcset=\""+thumb_img+"\">\n" +
" <source type=\"image/jpg\" srcset=\""+thumb_img+"\">\n" +
" <img loading=\"lazy\" alt=\"Image\" src=\""+thumb_img+"\" width=\"50\" height=\"66\"> </picture>\n" +
"\n" +
"\n" +
" </a>");
$(".mobile-pic >a:first").before("" +
"<a class=\"item color_img \" href=\"#\" name=\""+ main_img +"\" title=\"Image\" data-caption=\"bear\" data-id=\"bear\" data-group=\"animal\" >\n" +
" <picture>\n" +
......@@ -888,7 +888,7 @@ define([
*/
_toggleCheckedAttributes: function ($this, $wrapper) {
$wrapper.attr('aria-activedescendant', $this.attr('id'))
.find('.' + this.options.classes.optionClass).attr('aria-checked', false);
.find('.' + this.options.classes.optionClass).attr('aria-checked', false);
$this.attr('aria-checked', true);
},
......@@ -1422,7 +1422,7 @@ define([
_EmulateSelected: function (selectedAttributes) {
$.each(selectedAttributes, $.proxy(function (attributeCode, optionId) {
var elem = this.element.find('.' + this.options.classes.attributeClass +
'[data-attribute-code="' + attributeCode + '"] [data-option-id="' + optionId + '"]'),
'[data-attribute-code="' + attributeCode + '"] [data-option-id="' + optionId + '"]'),
parentInput = elem.parent();
if (elem.hasClass('selected')) {
......@@ -1446,7 +1446,7 @@ define([
_EmulateSelectedByAttributeId: function (selectedAttributes) {
$.each(selectedAttributes, $.proxy(function (attributeId, optionId) {
var elem = this.element.find('.' + this.options.classes.attributeClass +
'[data-attribute-id="' + attributeId + '"] [data-option-id="' + optionId + '"]'),
'[data-attribute-id="' + attributeId + '"] [data-option-id="' + optionId + '"]'),
parentInput = elem.parent();
if (elem.hasClass('selected')) {
......@@ -1493,6 +1493,15 @@ define([
var galleryObject = element.data('gallery');
this.options.mediaGalleryInitial = galleryObject.returnCurrentImages();
if($('.swatch-attribute .swatch-option'))
{
var swatchObj = $('.swatch-attribute');
for(var i=0;i<swatchObj.length;i++)
{
$(swatchObj[i]).find('.swatch-option:first').trigger('click');
}
}
},
/**
......
app/design/frontend/Joshine/breeze/Magento_Theme/layout/breeze_default.xml
......@@ -3,7 +3,6 @@
xsi:noNamespaceSchemaLocation="urn:magento:framework:View/Layout/etc/page_configuration.xsd">
<head>
<remove src="mage/calendar.css"/>
<remove src="mage/gallery/gallery.css"/>
</head>
<body>
<referenceContainer name="before.body.end">
......
app/design/frontend/Joshine/breeze/Magento_Theme/templates/html/footer.phtml
......@@ -44,6 +44,9 @@
$('.header ').css('margin-bottom',imgH);
}else{
var headerH = $('.page-header').outerHeight(true);
if ($('.breadcrumbs').height()){
headerH -= $('.breadcrumbs').height();
}
$('.columns').css('margin-top',headerH);
}
});
......
app/design/frontend/Joshine/breeze/etc/view.xml
......@@ -208,12 +208,58 @@
</images>
</media>
<vars module="Magento_Catalog">
<!-- Gallery and magnifier theme settings. Start -->
<var name="gallery">
<var name="allowfullscreen">true</var>
<var name="keyboard">true</var>
<var name="loop">true</var>
<var name="nav">true</var> <!-- true/false -->
<var name="navdir">vertical</var> <!-- horizontal/vertical -->
<var name="nav">thumbs</var> <!-- Gallery navigation style (false/thumbs/dots) -->
<var name="loop">true</var> <!-- Gallery navigation loop (true/false) -->
<var name="keyboard">true</var> <!-- Turn on/off keyboard arrows navigation (true/false) -->
<var name="arrows">true</var> <!-- Turn on/off arrows on the sides preview (true/false) -->
<var name="caption">false</var> <!-- Display alt text as image title (true/false) -->
<var name="allowfullscreen">true</var> <!-- Turn on/off fullscreen (true/false) -->
<var name="navdir">vertical</var> <!-- Sliding direction of thumbnails (horizontal/vertical) -->
<var name="navarrows">true</var> <!-- Turn on/off on the thumbs navigation sides arrows(true/false) -->
<var name="navtype">slides</var> <!-- Sliding type of thumbnails (slides/thumbs) -->
<var name="transition">
<var name="effect">slide</var> <!-- Sets transition effect for slides changing (slide/crossfade/dissolve) -->
<var name="duration">500</var> <!-- Sets transition duration in ms -->
</var>
<var name="fullscreen">
<var name="nav">thumbs</var> <!-- Fullscreen navigation style (false/thumbs/dots) -->
<var name="loop">true</var> <!-- Fullscreen navigation loop (true/false/null) -->
<var name="arrows">true</var> <!-- Turn on/off arrows on the sides preview in fullscreen (true/false/null) -->
<var name="caption">false</var> <!-- Display alt text as image title in fullscreen(true/false) -->
<var name="navdir">horizontal</var> <!--Sliding direction of thumbnails in fullscreen(horizontal/vertical) -->
<var name="navarrows">false</var> <!-- Turn on/off on the thumbs navigation sides arrows(true/false) -->
<var name="navtype">slides</var> <!-- Sliding type of thumbnails (slides/thumbs) -->
<var name="transition">
<var name="effect">slide</var> <!-- Sets transition effect for slides changing (slide/crossfade/dissolve) -->
<var name="duration">500</var> <!-- Sets transition duration in ms -->
</var>
</var>
</var>
<var name="magnifier">
<var name="fullscreenzoom">20</var> <!-- Zoom for fullscreen (integer)-->
<var name="top"></var> <!-- Top position of magnifier -->
<var name="left"></var> <!-- Left position of magnifier -->
<var name="width"></var> <!-- Width of magnifier block -->
<var name="height"></var> <!-- Height of magnifier block -->
<var name="eventType">hover</var> <!-- Action that atcivates zoom (hover/click) -->
<var name="enabled">false</var> <!-- Turn on/off magnifier (true/false) -->
<var name="mode">outside</var> <!-- Zoom type (outside/inside) -->
</var>
<var name="breakpoints">
<var name="mobile">
<var name="conditions">
<var name="max-width">767px</var>
</var>
<var name="options">
<var name="options">
<var name="nav">dots</var>
</var>
</var>
</var>
</var>
</vars>
<vars module="Magento_ConfigurableProduct">
......
app/design/frontend/Joshine/breeze/i18n/es_ES.csv
This source diff could not be displayed because it is too large. You can view the blob instead.
app/design/frontend/Joshine/breeze/web/css/_custom.less
// DO NOT EDIT THIS FILE - IT SHOULD REMAIN EMPTY
// DO NOT EDIT THIS FILE - IT SHOULD REMAIN EMPTY
.product.media .gallery-placeholder .fotorama__stage{ left: 0 !important; }
.product.media .gallery-placeholder .fotorama__nav-wrap--vertical.fotorama__nav-wrap{ right: 0; text-align: right;}
.product.media .gallery-placeholder .fotorama__nav--thumbs{float: right;}
.fotorama__stage__shaft.fotorama__grab {
margin-left: -120px !important;
}
.breeze-gallery .thumbnails .item img{
margin: 3px 1px;
}
......@@ -539,6 +536,7 @@ ul {
text-decoration: line-through;
font-weight: 400;
margin-left: 5px;
font-size: 14px;
}
.product-info-wrapper .price-final_price .price{
......@@ -740,6 +738,7 @@ p.shopbycate-title {
.checkout-cart-index .cart-empty {
min-height: 300px;
}
.checkout-cart-index .us-icon,.checkout-index-index .us-icon,.checkout-onepage-success .us-icon {
background: url("../images/icons-pc.png");
background-position-y: -420px;
......@@ -785,12 +784,38 @@ p.shopbycate-title {
{
border-top:1px solid #ddd;
}
.checkout-index-index .col-msg{
font-size: 14px;
color: #777;
}
}
.checkout-index-index .method-content .method-msg{
padding: 5px 0px 5px 2.2rem;
font-size: 13px;
color: #777777;
}
.free-over{
font-size: 16px;
color: #000;
}
.checkout-index-index #checkout-step-shipping_method .table-checkout-shipping-method .row .col.col-method{
margin:0px 1rem;
padding: 0;
}
.checkout-index-index .method-content{
text-align: left;
}
.no-enabled{
color:#cacaca!important;
}
.checkout-cart-index .cart-container .checkout-methods-items .checkout-now button{
background: #0000; height: 40px;font-size: 22px;text-transform: uppercase;font-weight: 400;
background: #0000;
height: 40px;
font-size: 22px;
text-transform: uppercase;
font-weight: 400;
padding: 1.47rem 0px;
}
@media (min-width: 768px) {
.checkout-cart-index .cart-container {
......@@ -871,6 +896,12 @@ p.shopbycate-title {
background-color: #fff;
}
}
.recently-viewed .product-info-promotion-span{
position: absolute;
top: 5px;
left: 3px;
margin-left: 0px;
}
.checkout-cart-index .cart-container .cart-summary {
gap: 0px;
}
......@@ -878,6 +909,11 @@ p.shopbycate-title {
.checkout-cart-index .cart-container .cart-summary {
margin:0;
}
.checkout-index-index .method-content .method-msg{
padding: 5px 0px 5px 2.2rem;
font-size: 13px;
color: #777777;
}
.checkout-cart-index .cart-container .cart-summary > .title {
padding: 1rem 0px;
}
......@@ -897,6 +933,12 @@ p.shopbycate-title {
.button-static{
position: static!important;
box-shadow: none!important;
margin-bottom:1rem!important;
padding: 0px!important;
gap: 0.5rem;
}
.checkout-now.button-static .now-grand-total{
display: none;
}
.checkout-cart-index table tr{
border: none;
......@@ -906,7 +948,8 @@ p.shopbycate-title {
}
.checkout-cart-index .cart-container .checkout-methods-items .checkout-now{
z-index:1;
gap: 0rem;
margin-bottom: 0px;padding: 0px 10px 10px;
}
.checkout-cart-index .cart-container .checkout-methods-items .checkout-now button{
transition: all .3s;
......@@ -914,6 +957,12 @@ p.shopbycate-title {
.checkout-cart-index #cart-totals table td,.checkout-cart-index #cart-totals table th {
padding: 0.3rem 0.5rem;
}
.catalog-product-view .recently-viewed .flash-sale-info .price-final_price .normal-price{
float:right;
}
.catalog-product-view .recently-viewed .flash-sale-info .price-final_price{
width:100%;
}
}
.checkout-index-index .details-qty,.checkout-cart-index .details-qty{
......@@ -2792,7 +2841,6 @@ tr.grand.totals {
left: 0;
z-index: 100;
box-shadow: 0 0 20px #999;
padding: 5px 10px;
}
.checkout.checkout-methods-items div{
height: auto !important;
......@@ -2915,7 +2963,6 @@ div#shipping-method-buttons-container {
}
.product-reviews-summary{
float: left;
margin-top: 0%;
width: 70%;
}
......@@ -3025,6 +3072,7 @@ strong#block-related-heading,strong#block-upsell-heading{ font-weight: 600; colo
font-size: 16px;
font-weight: 600;
padding: 0 10px;
font-family: Outfit-Regular,sans-serif;
}
@media (max-width: 768px) {
......@@ -3039,6 +3087,124 @@ strong#block-related-heading,strong#block-upsell-heading{ font-weight: 600; colo
}
}
.sparsh-mfp-wrap .fotorama__stage__shaft,fotorama__grab{
float: right;
}
.sparsh-mfp-wrap .fotorama__arr--prev{
left: 80px;
}
.sparsh-mfp-wrap .fotorama__arr--next{
right: 0px!important;
}
.sparsh-mfp-wrap .fotorama__arr .fotorama__arr__arr{
top: 42%!important;
}
@media (min-width: 1024px) {
.gallery-placeholder .fotorama__stage__shaft {
height: 1000px !important;
width: 800px !important;
max-width:none!important;
}
.gallery-placeholder .fotorama__stage{
max-height: 1000px;
max-width: 880px;
width: 880px!important;
height: 1000px!important;
}
#sparsh-mfp-quickview .fotorama__stage__shaft{
height: 645px !important;
width: 516px !important;
}
.gallery-placeholder .fotorama__nav {
max-height: 1000px!important;
height: 1000px!important;
}
.fotorama__wrap--slide .fotorama__stage__frame{
margin-left: 20px;
}
.product.media{
min-width: 880px!important;
}
#sparsh-mfp-quickview .product.media{
min-width:645px !important;
}
.gallery-placeholder__image{
float: right;
position: absolute;
margin-left: 100px;
}
#sparsh-mfp-quickview .gallery-placeholder__image{
float: right;
position: absolute;
margin-left: 100px;
max-width:516px;
max-height:645px;
}
.gallery-placeholder{
position: relative;
}
#sparsh-mfp-quickview .gallery-placeholder{
position:unset;
}
.product-info-wrapper{
height: 1000px;
}
#sparsh-mfp-quickview .product-info-wrapper{
height: auto;
}
}
.fotorama__arr, .fotorama__thumb__arr{
background-color: rgba(255,255,255,0.8);
}
.fotorama__thumb-border{
border-color: rgba(0,0,0,0.3);
}
#sparsh-mfp-quickview .fotorama__nav {
max-height: 645px!important;
height: 645px!important;
}
#sparsh-mfp-quickview .fotorama__stage {
max-height: 645px;
max-width: 615px;
}
.fotorama__nav-wrap{
background-color: white;
}
@media (max-width: 769px){
#sparsh-mfp-quickview .fotorama__nav {
max-height: unset !important;
height: auto !important;
}
.fotorama__nav__shaft.fotorama__grab{
transform:none !important;
}
}
/*导入Joshine工具类*/
......
lib/web/fotorama/fotorama.js
......@@ -991,6 +991,14 @@ fotoramaVersion = '4.6.4';
};
function fit($el, measuresToFit) {
if (measuresToFit.width){
measuresToFit.width = $('.fotorama__stage').width();
measuresToFit.w = measuresToFit.width;
measuresToFit.W = measuresToFit.width;
measuresToFit.nw = measuresToFit.width;
}
var elData = $el.data(),
measures = elData.measures;
......@@ -1140,7 +1148,7 @@ fotoramaVersion = '4.6.4';
function addEvent(el, e, fn, bool) {
if (!e) return;
el.addEventListener ? el.addEventListener(e, fn, {passive: true}) : el.attachEvent('on' + e, fn);
el.addEventListener ? el.addEventListener(e, fn, {passive: false}) : el.attachEvent('on' + e, fn);
}
/**
......@@ -2231,7 +2239,7 @@ fotoramaVersion = '4.6.4';
var isVerticalDir = (opts.navdir === 'vertical');
var param = isVerticalDir ? $navShaft.height() : $navShaft.width();
var mainParam = isVerticalDir ? measures.h : measures.nw;
navShaftTouchTail.min = Math.min(0, mainParam - param);
navShaftTouchTail.min = Math.min(0, $('.fotorama__nav-wrap').height() - param);
navShaftTouchTail.max = 0;
navShaftTouchTail.direction = opts.navdir;
$navShaft.toggleClass(grabClass, !(navShaftTouchTail.noMove = navShaftTouchTail.min === navShaftTouchTail.max));
......
lib/web/mage/gallery/gallery.js
......@@ -186,7 +186,7 @@ define([
settings.focusableStart = this.settings.$element.find('[data-gallery-role="fotorama__focusable-start"]');
settings.focusableEnd = this.settings.$element.find('[data-gallery-role="fotorama__focusable-end"]');
settings.closeIcon = this.settings.$element.find('[data-gallery-role="fotorama__fullscreen-icon"]');
//settings.fullscreenConfig.swipe = true;
settings.fullscreenConfig.swipe = true;
settings.$gallery.on('fotorama:fullscreenenter', function () {
settings.closeIcon.show();
......@@ -537,9 +537,9 @@ define([
returnCurrentImages: function () {
var images = [];
// _.each(this.fotorama.data, function (item) {
// images.push(_.omit(item, '$navThumbFrame', '$navDotFrame', '$stageFrame', 'labelledby'));
// });
_.each(this.fotorama.data, function (item) {
images.push(_.omit(item, '$navThumbFrame', '$navDotFrame', '$stageFrame', 'labelledby'));
});
return images;
},
......
vendor/swissup/theme-frontend-breeze-blank/web/mage/gallery/gallery.less deleted 100755 → 0
// Fotorama is not supported in Breeze Theme
.breeze-disable-fotorama {
width: 1;
}
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment