commit 1d0f1a1cc18cdb3d942bf6e020a8393cbcd0443b Author: Jordan Morin Date: Thu Nov 23 11:32:26 2017 +0100 feat : ajout des fichiers du theme diff --git a/app/design/frontend/Venustheme/fasony/Magento_Catalog/layout/catalog_category_view.xml b/app/design/frontend/Venustheme/fasony/Magento_Catalog/layout/catalog_category_view.xml new file mode 100644 index 0000000..bf3f0cb --- /dev/null +++ b/app/design/frontend/Venustheme/fasony/Magento_Catalog/layout/catalog_category_view.xml @@ -0,0 +1,26 @@ + + + + + + + + + fasony-custom-block + + + + + + fasony-banner-sidebar + + + + + + diff --git a/app/design/frontend/Venustheme/fasony/Magento_Catalog/layout/catalog_product_view.xml b/app/design/frontend/Venustheme/fasony/Magento_Catalog/layout/catalog_product_view.xml new file mode 100644 index 0000000..a71ff30 --- /dev/null +++ b/app/design/frontend/Venustheme/fasony/Magento_Catalog/layout/catalog_product_view.xml @@ -0,0 +1,33 @@ + + + + + + + + + + + + + fasony-custom-block + + + + + fasony-sidebar-products2 + + + + + fasony-banner-sidebar + + + + + diff --git a/app/design/frontend/Venustheme/fasony/Magento_Catalog/templates/product/compare/list.phtml b/app/design/frontend/Venustheme/fasony/Magento_Catalog/templates/product/compare/list.phtml new file mode 100644 index 0000000..87def00 --- /dev/null +++ b/app/design/frontend/Venustheme/fasony/Magento_Catalog/templates/product/compare/list.phtml @@ -0,0 +1,140 @@ + +getItems()->getSize() ?> + + + + +
+ + + + + + getItems() as $_item): ?> + + + + + + + + + + + helper('Magento\Catalog\Helper\Output'); ?> + + getItems() as $_item): ?> + + + + + + + + + getAttributes() as $_attribute): ?> + + + getItems() as $_item): ?> + + + + + + + + +
+ helper('Magento\Catalog\Helper\Product\Compare');?> + + + +
+ + getImage($_item, 'product_comparison_list')->toHtml(); ?> + + + + productAttribute($_item, $_item->getName(), 'name') ?> + + + getReviewsSummaryHtml($_item, 'short') ?> + getProductPrice($_item, '-compare-list-top') ?> +
+
+ isSaleable()): ?> +
+ getBlockHtml('formkey')?> + +
+ + getIsSalable()): ?> +
+ +
+ + +
+ helper('Magento\Wishlist\Helper\Data')->isAllow()) : ?> +
+ + ') ?> + +
+ +
+
+ + escapeHtml($_attribute->getStoreLabel() ? $_attribute->getStoreLabel() : __($_attribute->getFrontendLabel())) ?> + + +
+ getAttributeCode()) { + case "price": ?> + getProductPrice( + $_item, + '-compare-list-' . $_attribute->getCode() + ) + ?> + + getImage($_item, 'product_small_image')->toHtml(); ?> + + productAttribute($_item, $block->getProductAttributeValue($_item, $_attribute), $_attribute->getAttributeCode()) ?> + +
+
+
+ isRedirectToCartEnabled()) : ?> + + + +
+ diff --git a/app/design/frontend/Venustheme/fasony/Magento_Catalog/templates/product/list.phtml b/app/design/frontend/Venustheme/fasony/Magento_Catalog/templates/product/list.phtml new file mode 100644 index 0000000..5984cdf --- /dev/null +++ b/app/design/frontend/Venustheme/fasony/Magento_Catalog/templates/product/list.phtml @@ -0,0 +1,161 @@ + + +getLoadedProductCollection(); +$_helper = $this->helper('Magento\Catalog\Helper\Output'); +$objectManager = \Magento\Framework\App\ObjectManager::getInstance(); +$customerSession = $objectManager->get('Magento\Customer\Model\Session'); +$isPro = false; +if($customerSession->getCustomer()->getGroupId() == 4) { + $isPro = true; +} + +?> +count()): ?> +
+ + getToolbarHtml() ?> + getAdditionalHtml() ?> + getMode() == 'grid') { + $viewMode = 'grid'; + $image = 'category_page_grid'; + $showDescription = false; + $templateType = \Magento\Catalog\Block\Product\ReviewRendererInterface::SHORT_VIEW; + } else { + $viewMode = 'list'; + $image = 'category_page_list'; + $showDescription = true; + $templateType = \Magento\Catalog\Block\Product\ReviewRendererInterface::FULL_VIEW; + } + /** + * Position for actions regarding image size changing in vde if needed + */ + $pos = $block->getPositioned(); + ?> +
+ +
    + + + ' : '
  1. ' ?> +
    +
    + getImage($_product, $image); + if ($pos != null) { + $position = ' style="left:' . $productImage->getWidth() . 'px;' + . 'top:' . $productImage->getHeight() . 'px;"'; + } + ?> + + + toHtml(); ?> + + + +
    +
    > +
    > + isSaleable()): ?> + getAddToCartPostParams($_product); ?> +
    + + + getBlockHtml('formkey')?> + +
    + + getIsSalable()): ?> +
    + +
    + + +
    +
    > + helper('Magento\Wishlist\Helper\Data')->isAllow()): ?> + + ') ?> + + + helper('Magento\Catalog\Helper\Product\Compare'); + ?> + + ') ?> + +
    +
    + +
    +
    + +
    + stripTags($_product->getName(), null, true); + ?> + + + productAttribute($_product, $_product->getName(), 'name'); ?> + + + getReviewsSummaryHtml($_product, $templateType); ?> + getProductPrice($_product); } ?> + getProductDetailsHtml($_product); ?> + + +
    + productAttribute($_product, $_product->getShortDescription(), 'short_description') ?> + +
    + + +
    + ' : '' ?> + +
+
+ getToolbarHtml() ?> + isRedirectToCartEnabled()) : ?> + + + diff --git a/app/design/frontend/Venustheme/fasony/Magento_Catalog/templates/product/list/items.phtml b/app/design/frontend/Venustheme/fasony/Magento_Catalog/templates/product/list/items.phtml new file mode 100644 index 0000000..9d25154 --- /dev/null +++ b/app/design/frontend/Venustheme/fasony/Magento_Catalog/templates/product/list/items.phtml @@ -0,0 +1,286 @@ + + +getType()) { + + case 'related-rule': + if ($exist = $block->hasItems()) { + $type = 'related'; + $class = $type; + + $image = 'related_products_list'; + $title = __('Related Products'); + $items = $block->getAllItems(); + $limit = $block->getPositionLimit(); + $shuffle = (int) $block->isShuffled(); + $canItemsAddToCart = $block->canItemsAddToCart(); + + $showWishlist = true; + $showCompare = true; + $showCart = false; + $templateType = null; + $description = false; + } + break; + + case 'related': + /** @var \Magento\Catalog\Block\Product\ProductList\Related $block */ + if ($exist = $block->getItems()->getSize()) { + $type = 'related'; + $class = $type; + + $image = 'related_products_list'; + $title = __('Related Products'); + $items = $block->getItems(); + $limit = 0; + $shuffle = 0; + $canItemsAddToCart = $block->canItemsAddToCart(); + + $showWishlist = true; + $showCompare = true; + $showCart = false; + $templateType = null; + $description = false; + } + break; + + case 'upsell-rule': + if ($exist = $block->hasItems()) { + $type = 'upsell'; + $class = $type; + + $image = 'upsell_products_list'; + $title = __('We found other products you might like!'); + $items = $block->getAllItems(); + $limit = $block->getPositionLimit(); + $shuffle = (int) $block->isShuffled(); + + $showWishlist = false; + $showCompare = false; + $showCart = false; + $templateType = null; + $description = false; + $canItemsAddToCart = false; + } + break; + + case 'upsell': + /** @var \Magento\Catalog\Block\Product\ProductList\Upsell $block */ + if ($exist = count($block->getItemCollection()->getItems())) { + $type = 'upsell'; + $class = $type; + + $image = 'upsell_products_list'; + $title = __('We found other products you might like!'); + $items = $block->getItemCollection()->getItems(); + $limit = $block->getItemLimit('upsell'); + $shuffle = 0; + + $showWishlist = false; + $showCompare = false; + $showCart = false; + $templateType = null; + $description = false; + $canItemsAddToCart = false; + } + break; + + case 'crosssell-rule': + /** @var \Magento\Catalog\Block\Product\ProductList\Crosssell $block */ + if ($exist = $block->hasItems()) { + $type = 'crosssell'; + $class = $type; + + $image = 'cart_cross_sell_products'; + $title = __('More Choices:'); + $items = $block->getItemCollection(); + + $showWishlist = true; + $showCompare = true; + $showCart = true; + $templateType = \Magento\Catalog\Block\Product\ReviewRendererInterface::SHORT_VIEW; + $description = false; + $canItemsAddToCart = false; + } + break; + + case 'crosssell': + /** @var \Magento\Catalog\Block\Product\ProductList\Crosssell $block */ + if ($exist = $block->getItemCount()) { + $type = 'crosssell'; + $class = $type; + + $image = 'cart_cross_sell_products'; + $title = __('More Choices:'); + $items = $block->getItems(); + + $showWishlist = true; + $showCompare = true; + $showCart = true; + $templateType = \Magento\Catalog\Block\Product\ReviewRendererInterface::SHORT_VIEW; + $description = false; + $canItemsAddToCart = false; + } + break; + + case 'new': + if ($exist = $block->getProductCollection()) { + $type = 'new'; + $mode = 'grid'; + $type = $type . ' ' . $mode; + + $class = 'widget' . ' ' . $type; + + $image = 'new_products_content_widget_grid'; + $title = __('New Products'); + $items = $exist; + + $showWishlist = true; + $showCompare = true; + $showCart = true; + $templateType = \Magento\Catalog\Block\Product\ReviewRendererInterface::SHORT_VIEW; + $description = ($mode == 'list') ? true : false; + $canItemsAddToCart = false; + } + break; + + case 'other': + break; +} +?> + + + + + +
+ +
+ + +
+ +
+ +
+
+ +
+ + +
+ +
+
    + + + + isComposite() && $_item->isSaleable() && $type == 'related'): ?> + getRequiredOptions()): ?> + + + + + ' : '
  1. ' ?> + +
    +
    + ' ?> + + getImage($_item, $image)->toHtml(); ?> + + + +
    + +
    + isSaleable()): ?> + getTypeInstance()->hasRequiredOptions($_item)): ?> + + + helper('Magento\Framework\Data\Helper\PostHelper'); + $postData = $postDataHelper->getPostData($block->getAddToCartUrl($_item), ['product' => $_item->getEntityId()]) + ?> + + + + getIsSalable()): ?> +
    + +
    + + +
    + + + +
    + helper('Magento\Wishlist\Helper\Data')->isAllow() && $showWishlist): ?> + + ') ?> + + + getAddToCompareUrl() && $showCompare): ?> + helper('Magento\Catalog\Helper\Product\Compare'); + ?> + + ') ?> + + +
    + +
    + + +
    +
    + + escapeHtml($_item->getName()) ?> + + + getProductPrice($_item); ?> + + + getReviewsSummaryHtml($_item, $templateType) ?> + + + isComposite() && $_item->isSaleable() && $type == 'related'): ?> + getRequiredOptions()): ?> +
    + + +
    + + + + +
    +
    + ' : '' ?> + +
+
+
+
+ diff --git a/app/design/frontend/Venustheme/fasony/Magento_Catalog/templates/product/listing.phtml b/app/design/frontend/Venustheme/fasony/Magento_Catalog/templates/product/listing.phtml new file mode 100644 index 0000000..25c9b56 --- /dev/null +++ b/app/design/frontend/Venustheme/fasony/Magento_Catalog/templates/product/listing.phtml @@ -0,0 +1,101 @@ + + +getLoadedProductCollection(); +$_helper = $this->helper('Magento\Catalog\Helper\Output'); +?> +count()): ?> +

+ +getToolbarHtml() ?> +getAdditionalHtml() ?> +getMode() == 'grid') { + $viewMode = 'grid'; + $image = 'category_page_grid'; + $showDescription = false; + $templateType = \Magento\Catalog\Block\Product\ReviewRendererInterface::SHORT_VIEW; + } else { + $viewMode = 'list'; + $image = 'category_page_list'; + $showDescription = true; + $templateType = \Magento\Catalog\Block\Product\ReviewRendererInterface::FULL_VIEW; + } +?> +
+ +
    + + ' : '
  1. ' ?> +
    + + + getImage($_product, $image)->toHtml(); ?> + +
    + ' + . ' ' + . $_helper->productAttribute($_product, $_product->getName(), 'name') + . ''; + $info['price'] = $block->getProductPrice($_product); + $info['review'] = $block->getReviewsSummaryHtml($_product, $templateType); + + if ($_product->isSaleable()) { + $info['button'] = ''; + } else { + $info['button'] = $_product->getIsSalable() ? '
    ' . __('In stock') . '
    ' : + '
    ' . __('Out of stock') . '
    '; + } + + $info['links'] = '
    ' + . 'helper('Magento\Wishlist\Helper\Data')->getAddParams($_product) . '\' class="action towishlist" data-action="add-to-wishlist">' + . '' . __(' ') . '' + . '' + . '' . __(' ') . '
    '; + $info['actions'] = '
    ' . $info['button'] . $info['links'] . '
    '; + + if ($showDescription) { + $info['description'] = '
    ' + . $_helper->productAttribute($_product, $_product->getShortDescription(), 'short_description') + . ' ' + . __('Learn More') . '
    '; + } else { + $info['description'] = ''; + } + + $details = $block->getInfoOrder() ?: ['name','price','review','description','actions']; + foreach ($details as $detail) { + /* @escapeNotVerified */ echo $info[$detail]; + } + ?> + +
    +
    + ' : '' ?> + +
+
+getToolbarHtml() ?> + + diff --git a/app/design/frontend/Venustheme/fasony/Magento_Catalog/templates/product/price/amount/default.phtml b/app/design/frontend/Venustheme/fasony/Magento_Catalog/templates/product/price/amount/default.phtml new file mode 100755 index 0000000..32fef21 --- /dev/null +++ b/app/design/frontend/Venustheme/fasony/Magento_Catalog/templates/product/price/amount/default.phtml @@ -0,0 +1,38 @@ + + + + +get('Magento\Customer\Model\Session'); +if($customerSession->getCustomer()->getGroupId() == 4) { +?> +getSchema() ? ' itemprop="offers" itemscope itemtype="http://schema.org/Offer"' : '' ?>> + getDisplayLabel()): ?> + getDisplayLabel(); ?> + + getPriceId()): ?> id="getPriceId() ?>" + getPriceDisplayLabel()) ? 'data-label="' . $block->getPriceDisplayLabel() . $block->getPriceDisplayInclExclTaxes() . '"' : '' ?> + data-price-amount="getDisplayValue(); ?>" + data-price-type="getPriceType(); ?>" + class="price-wrapper getPriceWrapperCss(); ?>" + getSchema() ? ' itemprop="price"' : '' ?>> + formatCurrency($block->getDisplayValue(), (bool)$block->getIncludeContainer()) ?> + + hasAdjustmentsHtml()): ?> + getAdjustmentsHtml() ?> + + getSchema()): ?> + + + + \ No newline at end of file diff --git a/app/design/frontend/Venustheme/fasony/Magento_Catalog/templates/product/view/addto.phtml b/app/design/frontend/Venustheme/fasony/Magento_Catalog/templates/product/view/addto.phtml new file mode 100644 index 0000000..ca4d2e1 --- /dev/null +++ b/app/design/frontend/Venustheme/fasony/Magento_Catalog/templates/product/view/addto.phtml @@ -0,0 +1,44 @@ + +getProduct(); +$_wishlistSubmitParams = $this->helper('Magento\Wishlist\Helper\Data')->getAddParams($_product); +$compareHelper = $this->helper('Magento\Catalog\Helper\Product\Compare'); +?> + +
+ helper('Magento\Wishlist\Helper\Data')->isAllow()) : ?> + + Add to Wish List') ?> + + + + Add to Compare') ?> + + canEmailToFriend()): ?> + + Email') ?> + + +
+ diff --git a/app/design/frontend/Venustheme/fasony/Magento_Catalog/templates/product/view/addtocart.phtml b/app/design/frontend/Venustheme/fasony/Magento_Catalog/templates/product/view/addtocart.phtml new file mode 100644 index 0000000..9a7db79 --- /dev/null +++ b/app/design/frontend/Venustheme/fasony/Magento_Catalog/templates/product/view/addtocart.phtml @@ -0,0 +1,77 @@ + +getProduct(); ?> + +isSaleable()): ?> +
+
+ shouldRenderQuantity()): ?> +
+ +
+ +
+
+ +
+ + getChildHtml('', true) ?> +
+
+
+ +isRedirectToCartEnabled()) : ?> + + + + \ No newline at end of file diff --git a/app/design/frontend/Venustheme/fasony/Magento_Catalog/templates/product/view/form.phtml b/app/design/frontend/Venustheme/fasony/Magento_Catalog/templates/product/view/form.phtml new file mode 100755 index 0000000..a007704 --- /dev/null +++ b/app/design/frontend/Venustheme/fasony/Magento_Catalog/templates/product/view/form.phtml @@ -0,0 +1,60 @@ + +helper('Magento\Catalog\Helper\Output'); ?> +getProduct(); ?> +get('Magento\Customer\Model\Session'); +if($customerSession->getCustomer()->getGroupId() == 4) { +?> +
+
getOptions()): ?> enctype="multipart/form-data"> + + + + getBlockHtml('formkey')?> + getChildHtml('form_top'); ?> + hasOptions()):?> + getChildHtml('product_info_form_content'); ?> + + isSaleable() && $block->getOptionsContainer() == 'container1'):?> + getChildChildHtml('options_container') ?> + + + + isSaleable() && $block->hasOptions() && $block->getOptionsContainer() == 'container2'):?> + getChildChildHtml('options_container') ?> + + getChildHtml('form_bottom'); ?> +
+
+ + \ No newline at end of file diff --git a/app/design/frontend/Venustheme/fasony/Magento_Catalog/templates/product/view/mailto.phtml b/app/design/frontend/Venustheme/fasony/Magento_Catalog/templates/product/view/mailto.phtml new file mode 100644 index 0000000..e69de29 diff --git a/app/design/frontend/Venustheme/fasony/Magento_Catalog/templates/product/view/price_clone.phtml b/app/design/frontend/Venustheme/fasony/Magento_Catalog/templates/product/view/price_clone.phtml new file mode 100755 index 0000000..ddf13fa --- /dev/null +++ b/app/design/frontend/Venustheme/fasony/Magento_Catalog/templates/product/view/price_clone.phtml @@ -0,0 +1,25 @@ + + +getProduct() ?> +get('Magento\Customer\Model\Session'); +$isPro = false; +if($customerSession->getCustomer()->getGroupId() == 4) { + $isPro = true; +} +?> +getProductPriceHtml( + $_product, + \Magento\Catalog\Pricing\Price\FinalPrice::PRICE_CODE, + \Magento\Framework\Pricing\Render::ZONE_ITEM_VIEW, + [ + 'price_id_suffix' => '_clone' + ] +);} ?> diff --git a/app/design/frontend/Venustheme/fasony/Magento_Catalog/templates/product/widget/new/content/new_grid.phtml b/app/design/frontend/Venustheme/fasony/Magento_Catalog/templates/product/widget/new/content/new_grid.phtml new file mode 100644 index 0000000..c33178c --- /dev/null +++ b/app/design/frontend/Venustheme/fasony/Magento_Catalog/templates/product/widget/new/content/new_grid.phtml @@ -0,0 +1,130 @@ + +getProductCollection() && $block->getProductCollection()->getSize())) { + $type = 'widget-new-grid'; + + $mode = 'grid'; + + $image = 'new_products_content_widget_grid'; + $title = __('New Products'); + $items = $block->getProductCollection()->getItems(); + + $showWishlist = true; + $showCompare = true; + $showCart = true; + $templateType = \Magento\Catalog\Block\Product\ReviewRendererInterface::DEFAULT_VIEW; + $description = false; +} +?> + + +
+
+ +
+
+ ' ?> +
+
    + + + ' : '
  1. ' ?> +
    +
    + + getImage($_item, $image)->toHtml(); ?> + + +
    + +
    + isSaleable()): ?> + getTypeInstance()->hasRequiredOptions($_item)): ?> + + + helper('Magento\Framework\Data\Helper\PostHelper'); + $postData = $postDataHelper->getPostData($block->getAddToCartUrl($_item), ['product' => $_item->getEntityId()]) + ?> + + + + getIsSalable()): ?> +
    + +
    + + +
    + + +
    + helper('Magento\Wishlist\Helper\Data')->isAllow() && $showWishlist): ?> + + ') ?> + + + getAddToCompareUrl() && $showCompare): ?> + helper('Magento\Catalog\Helper\Product\Compare');?> + + ') ?> + + +
    + +
    + +
    +
    + + + escapeHtml($_item->getName()) ?> + + + getProductPriceHtml($_item, $type); + ?> + + + getReviewsSummaryHtml($_item, $templateType) ?> + + + +
    +
    + ' : '' ?> + +
+
+ getPagerHtml() ?> +
+
+ diff --git a/app/design/frontend/Venustheme/fasony/Magento_Catalog/templates/product/widget/new/content/new_list.phtml b/app/design/frontend/Venustheme/fasony/Magento_Catalog/templates/product/widget/new/content/new_list.phtml new file mode 100644 index 0000000..b9d6b50 --- /dev/null +++ b/app/design/frontend/Venustheme/fasony/Magento_Catalog/templates/product/widget/new/content/new_list.phtml @@ -0,0 +1,137 @@ + +getProductCollection() && $block->getProductCollection()->getSize())) { + $type = 'widget-new-list'; + + $mode = 'list'; + + $image = 'new_products_content_widget_list'; + $title = __('New Products'); + $items = $block->getProductCollection()->getItems(); + $_helper = $this->helper('Magento\Catalog\Helper\Output'); + + $showWishlist = true; + $showCompare = true; + $showCart = true; + $templateType = \Magento\Catalog\Block\Product\ReviewRendererInterface::DEFAULT_VIEW; + $description = true; +} +?> + + +
+
+ +
+
+ ' ?> +
+
    + + + ' : '
  1. ' ?> +
    +
    + + getImage($_item, $image)->toHtml(); ?> + + +
    + +
    + isSaleable()): ?> + getTypeInstance()->hasRequiredOptions($_item)): ?> + + + helper('Magento\Framework\Data\Helper\PostHelper'); + $postData = $postDataHelper->getPostData($block->getAddToCartUrl($_item), ['product' => $_item->getEntityId()]) + ?> + + + + getIsSalable()): ?> +
    + +
    + + +
    + + + + +
    + +
    +
    + + + escapeHtml($_item->getName()) ?> + + + getProductPriceHtml($_item, $type); ?> + + + getReviewsSummaryHtml($_item, $templateType) ?> + + + + + + +
    +
    + ' : '' ?> + +
+
+ getPagerHtml() ?> +
+
+ diff --git a/app/design/frontend/Venustheme/fasony/Magento_Catalog/web/css/source/_module.less b/app/design/frontend/Venustheme/fasony/Magento_Catalog/web/css/source/_module.less new file mode 100644 index 0000000..7a17218 --- /dev/null +++ b/app/design/frontend/Venustheme/fasony/Magento_Catalog/web/css/source/_module.less @@ -0,0 +1,838 @@ +// /** +// * Copyright © 2015 Magento. All rights reserved. +// * See COPYING.txt for license details. +// */ + +@product-grid-items-per-row-layout-default: 2; + +@product-grid-items-per-row-layout-1-screen-s: 3; +@product-grid-items-per-row-layout-1-screen-m: 4; +@product-grid-items-per-row-layout-1-screen-l: 5; + +@product-grid-items-per-row-layout-2-left-screen-s: 3; +@product-grid-items-per-row-layout-2-left-screen-m: 4; +@product-grid-items-per-row-layout-2-left-screen-l: ''; + +@product-grid-items-per-row-layout-2-right-screen-s: 3; +@product-grid-items-per-row-layout-2-right-screen-m: 4; +@product-grid-items-per-row-layout-2-right-screen-l: ''; + +@product-grid-items-per-row-layout-3-screen-s: 3; +@product-grid-items-per-row-layout-3-screen-m: ''; +@product-grid-items-per-row-layout-3-screen-l: ''; + +@product-grid-items-padding: 0 @indent__base @indent__base; +@product-grid-items-margin: 0 0 @indent__s; + +@product-name-text-decoration: none; +@product-name-text-decoration-hover: @link__hover__text-decoration; + +@toolbar-mode-icon-font-size: 16px; +@product-h1-margin-bottom-desktop: @indent__base; + +@import 'module/_listings.less'; +@import 'module/_toolbar.less'; + +// +// Common +// _____________________________________________ + +& when (@media-common = true) { + + // + // Category view + // --------------------------------------------- + + .old-price, + .old.price { + text-decoration: line-through; + } + + .price-tier_price { + .price-including-tax + .price-excluding-tax { + &:before { + content: "(" attr(data-label) ": "; + } + &:last-child:after { + content: ")"; + } + } + + .weee[data-label] { + display: inline; + .price { + .lib-font-size(11); + } + &:before { + content: " +" attr(data-label) ": "; + } + } + } + + .actual-price { + font-weight: @font-weight__bold; + } + + .product.name a { + &:extend(.abs-product-link all); + } + + .category { + &-image { + .image { + max-width: 100%; + height: auto; + display: block; + } + } + &-image, + &-description { + margin-bottom: @indent__base; + } + } + + // + // Product images general container + // --------------------------------------------- + + .product-image { + &-container { + display: inline-block; + max-width: 100%; + } + &-wrapper { + height: 0; + display: block; + position: relative; + z-index: 1; + overflow: hidden; + } + &-photo { + display: block; + position: absolute; + top: 0; + bottom: 0; + left: 0; + right: 0; + margin: auto; + height: auto; + max-width: 100%; + } + } + // + // Product view + // --------------------------------------------- + .product.media { + .product.photo .photo.image { + &:extend(.abs-adaptive-images-centered); + } + .placeholder .photo.container { + max-width: 100%; + } + .notice { + .lib-css(color, @text__color__muted); + .lib-font-size(@font-size__s); + margin: @indent__s 0; + } + .product.thumbs { + margin: @indent__base 0 @indent__l; + } + .items.thumbs { + .lib-list-inline(); + .active { + display: block; + line-height: 1; + } + } + } + + .product.info.detailed { + clear: both; + margin-bottom: 30px; + .additional-attributes { + width: auto; + .lib-table-resize( + @_th-padding-left: 0, + @_th-padding-right: @indent__l, + @_th-padding-bottom: @indent__s, + @_td-padding-bottom: @indent__s + ); + } + + .data { + .title { + text-transform: uppercase; + &:first-child { + margin-left: 30%; + } + > .switch { + border:0; + background: transparent !important; + } + &.active { + > .switch { + background: #fafafa !important; + } + } + } + > .item.content { + margin-top: 40px !important; + background: #fafafa; + } + } + + } + .product-info-main { + .page-title-wrapper { + .page-title { + margin-bottom: @indent__s; + line-height: @line-height__base; + font-size: 30px; + font-weight:700; + font-family: "georgia",sans-serif; + color: @color-gray20; + } + } + .stock { + &.available, + &.unavailable { + display: block; + font-weight: @font-weight__bold; + margin-right: @indent__base; + text-transform: uppercase; + vertical-align: top; + margin-bottom: 10px; + } + } + .product { + &.attibute { + &.sku { + display: inline-block; + vertical-align: top; + .lib-css(color, @color-gray40); + > .value { + display: inline-block; + vertical-align: top; + } + .type { + margin-right: @indent__xs; + } + } + &.overview { + margin: @indent__base 0; + } + } + &.alert { + margin: @indent__s 0; + } + } + .price-box { + //margin-top: @indent__s; + } + .product-reviews-summary .reviews-actions { + .lib-font-size(@font-size__base); + } + } + + .product-options-wrapper { + .fieldset-product-options-inner { + .legend { + .lib-css(font-weight, @font-weight__bold); + .lib-css(margin, 0 0 @indent__xs); + .lib-font-size(14px); + border: none; + display: inline-block; + float: none; + padding: 0; + } + &.required { + .legend { + &:after { + content: '*'; + .lib-typography( + @_font-size: @form-field-label-asterisk__font-size, + @_color: @form-field-label-asterisk__color, + @_font-family: @form-field-label-asterisk__font-family, + @_font-weight: @form-field-label-asterisk__font-weight, + @_line-height: @form-field-label-asterisk__line-height, + @_font-style: @form-field-label-asterisk__font-style + ); + .lib-css(margin, @form-field-label-asterisk__margin); + } + } + } + } + .field { + .note { + display: block; + } + .price-notice { + &:extend(.abs-adjustment-incl-excl-tax all); + } + } + } + + .product-info-main, + .product-options-bottom { + .price-box { + margin:@indent__base 0; + .price-including-tax + .price-excluding-tax, + .weee + .price-excluding-tax, + .weee { + .lib-font-size(12); + margin-bottom: @indent__xs; + line-height: 14px; + .price { + font-size: 30px !important; + font-weight: 400 !important; + font-family: "georgia",sans-serif; + color: @color-red10; + } + } + .price-wrapper .price { + .lib-font-size(18); + font-weight: @font-weight__bold; + } + .price-from, + .price-to { + .inline-block() + } + } + .special-price { + display:inline-block; + margin: @indent__s 0; + .price-container { + .lib-font-size(14); + } + .price-label + .price-wrapper { + .inline-block() + } + } + + .old-price, + .special-price { + .price-label { + &:after { + content: ": "; + } + } + } + + .box-tocart { + margin: @indent__base 0; + .field.qty { + padding-right: .75 * @indent__base; + min-width: 105px; + label { line-height: 45px; float: left !important; padding-right:10px!important;} + } + .input-text.qty { + @tocart-input-size: @button__line-height__l + 28px; + width: @tocart-input-size + 2px; + height: @tocart-input-size + 2px; + text-align: center; + } + .actions { + text-align: center; + vertical-align: top; + } + .action.tocart { + &:extend(.abs-button-l all); + border-radius:0; + background-color:@color-gray20; + border:0; + padding:15px 30%; + } + } + .product-addto-links { + margin: @indent__base 0; + a { + padding-right:20px; + text-decoration: none; + &:hover { + color: @color-blue1; + } + } + } + .action.tocompare { + &:extend(.abs-action-addto-product all); + vertical-align: top; + } + } + + .bundle-info { + .product-addto-links a { padding-right:20px} + } + + .prices-tier { + &:extend(.abs-reset-list all); + .lib-css(background, @sidebar__background-color); + margin: @indent__s 0; + padding: @indent__s (.75 * @indent__base); + .price-tier_price { + display: inline-block; + } + .price-including-tax, + .price-excluding-tax, + .weee { + display: inline-block; + .price { + .lib-font-size(14); + font-weight: @font-weight__bold; + } + } + } + + .ui-dialog-titlebar-close { + .lib-button-as-link(); + } + + .rating-summary { + left: 0 !important; + .rating-result { + margin-left: 0!important; + } + } + + .block.related, + .block.upsell{ + .block-title { + padding-left:0; + text-align: left; + &:before { + right:auto; + } + } + .products-grid .product-item { + position: relative; + } + .action.select { + margin: 0 @indent__xs; + } + } + + .minimal-price { + .price-label, + .price-container { .inline-block();} + } + + // + // Sidebar product view + // --------------------------------------------- + + .sidebar { + .product-items { + .product-item-details { + float: left; + margin-left: 10px !important; + width: 58%; + } + .product-item { + margin-bottom: @indent__base; + position: relative; + &-info { + position: relative; + width: auto; + .product-item-photo { + position: absolute; + left: 0; + top: 0; + } + .product-item-photo1 { + position: relative; + img { + .img-responsive(); + } + } + } + + + &-name { + margin-top: 0; + } + &-details { + margin: 0 0 0 85px; + } + &-actions { + display: block; + margin-top: @indent__s; + } + } + .price-box { + display: block; + margin: 7px 0; + } + .text { + margin-right: 8px; + line-height: 24px; + } + .counter { + .lib-css(color, @primary__color__lighter); + .lib-font-size(12); + white-space: nowrap; + } + .minilist { + .price { + display: inline; + padding: 0; + } + .weee:before { + display: inline-block; + } + } + } + .action { + &.delete { + &:extend(.abs-remove-button-for-blocks all); + position: absolute; + right: 0; + top: 0; + } + } + .subtitle { + &:extend(.abs-no-display all); + } + + // + // Product images only + // --------------------------------------------- + + .product-items-images { + &:extend(.abs-add-clearfix all); + margin-left: -@indent__xs; + .product-item { + &:extend(.abs-add-box-sizing all); + float: left; + padding-left: @indent__xs; + } + } + + // + // Product names only + // --------------------------------------------- + + .product-items-names { + .product-item { + margin-bottom: @indent__s; + } + .product-item-name { + margin: 0; + } + } + } + +} + +// +// Mobile +// _____________________________________________ +.media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__m) { + .catalog-product-view { + .column.main { + .lib-vendor-prefix-display(flex); + .lib-vendor-prefix-flex-direction(column); + } + .product.media { + .lib-vendor-prefix-order(-1); + } + } + .product-info-main .box-tocart { + .actions { + .action.tocart { + &:extend(.abs-button-responsive-smaller all); + } + } + } + .block.related { + .action.select { + margin: @indent__xs 0; + display: block; + } + } + + .product.info.detailed .data .title:first-child {margin-left:0;} + + .compare, + .product-addto-links .action.tocompare, + .actions-secondary > .action.tocompare, + [class*="block-compare"] { + display: none; + } +} + +// +// Desktop +// _____________________________________________ +.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) { + .product-info-main, + .product-options-bottom { + .box-tocart { + display: table; + .field.qty { + display: table-cell; + } + .actions { + display: table-cell; + text-align: center; + vertical-align: bottom; + } + } + } + + .product-info-main { + .page-title-wrapper { + .page-title { + margin-top: -10px; + } + } + } + + .sidebar { + .product-items { + .product-item { + &-info { + .product-item-photo { + position: relative; + left: auto; + top: auto; + float: left; + margin: 0 @indent__s @indent__s 0; + } + } + &-details { + margin: 0; + } + &-actions { + clear: left; + } + } + } + } + + .product-add-form { + border-top:1px solid @color-gray80; + border-bottom: 1px solid @color-gray80; + margin-top: @indent__s; + &:extend(.abs-revert-field-type-desktop all); + .fieldset > .field .choice input, + .fieldset > .fields > .field .choice input { float: left; margin-right: 5px;} + } +} + +// +// Desktop large +// _____________________________________________ + +.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__xl) { + .sidebar { + .product-items { + .product-item { + &-info { + .product-item-photo { + float: none; + margin: 0; + position: absolute; + left: 0; + top: 0; + } + } + &-details { + margin-left: 85px; + } + } + } + } +} + +// +// Category page layout +// --------------------------------------------- +.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) { + .product-info-main { + float: right; + } + .product.media { + float: left; + margin-bottom: @indent__xl; + } + .page-layout-1column { + .product-info-main { + width: 47%; + } + .product.media { + width: 45%; + } + } + .page-layout-2columns-left, + .page-layout-2columns-right, + .page-layout-3columns { + .product-info-main { + width: 48%; + } + .product.media { + width: 45%; + } + } +} + +// +// Common +// _____________________________________________ + +& when (@media-common = true) { + + // + // Compare Products Page + // --------------------------------------------- + + body.catalog-product-compare-index { + .action.print { + float: right; + margin: 15px 0; + } + } + + .table-wrapper.comparison { + clear: both; + } + + .table-comparison { + table-layout: fixed; + + .cell.label.remove, + .cell.label.product { + span { + &:extend(.abs-visually-hidden all); + } + } + + .cell.label, + td:last-child { + border-right: @table__border-width @table__border-style @table__border-color; + } + + .cell { + width: auto; + padding: 15px; + .attibute.value { + width: 100%; + overflow: hidden; + } + + &.product.info, + &.product.label { + border-bottom: @table__border-width @table__border-style @table__border-color; + } + &.label { + .attribute.label { + display: block; + width: 100%; + word-wrap: break-word; + } + } + &.attribute { + .lib-font-size(13); + img { + max-width: 100%; + height: auto; + } + } + } + + .product-item-photo { + display: block; + margin: 0 auto 15px; + } + .product-image-photo { + margin-left: 0; + } + + + .price-box, + .product.rating, + .product-item-name { + display: block; + margin: 15px 0; + } + + .product-addto-links { + margin-top: 15px; + + .action.split, + .action.toggle { + .lib-button-s(); + } + + .action.toggle { + padding: 0; + } + } + + .cell.remove { + padding-top: 0; + padding-bottom: 0; + text-align: right; + .action.delete { + &:extend(.abs-remove-button-for-blocks all); + } + } + .product-item-actions { + > .actions-primary { + + .actions-secondary { + margin-top: @indent__s; + } + } + } + .action { + &.tocart { + white-space: nowrap; + } + } + } + + .comparison.headings { + .lib-css(background, @page__background-color); + left: 0; + position: absolute; + top: 0; + width: auto; + z-index: 2; + } + + .block-compare { + .block-title { + &:extend(.abs-block-title all); + .counter.qty { + display: none; + } + } + .product-item .product-item-name { + margin-right: 22px; + } + .action { + &.delete { + .lib-icon-font( + @icon-remove, + @_icon-font-size: 12px, + @_icon-font-line-height: 15px, + @_icon-font-text-hide: true, + @_icon-font-color: @color-gray-light2, + @_icon-font-color-hover: @color-red10, + @_icon-font-color-active: @color-red10 + ); + &:extend(.abs-remove-button-for-blocks all); + position: absolute; + right: 0; + top: 0; + } + &.compare { + &:extend(.abs-revert-secondary-color all); + } + } + .counter { + &:extend(.abs-block-items-counter all); + } + .actions-toolbar { + margin: 17px 0 0; + } + } +} diff --git a/app/design/frontend/Venustheme/fasony/Magento_Catalog/web/css/source/_widgets.less b/app/design/frontend/Venustheme/fasony/Magento_Catalog/web/css/source/_widgets.less new file mode 100644 index 0000000..1bc019b --- /dev/null +++ b/app/design/frontend/Venustheme/fasony/Magento_Catalog/web/css/source/_widgets.less @@ -0,0 +1,128 @@ +// /** +// * Copyright © 2015 Magento. All rights reserved. +// * See COPYING.txt for license details. +// */ + +// +// Common +//-------------------------------------- + +& when (@media-common = true) { + +.block-product-link, +.block-category-link { + &.widget { + display: block; + margin-bottom: @indent__base; + } +} + +.block-product-link-inline { + &.widget { + margin: 0; + } +} + +.block.widget, +.products.list.items.product-items { + .product-item-info { + width: auto; + .product-image { + position: relative; + .product-item-actions { + position: absolute; + top:25%; + text-align: center; + margin: 0 auto; + z-index: 99; + left: 0; + right:0; + .opacity(0); + .scale(0); + visibility: hidden; + .transition(opacity 0.35s ease 0s); + } + } + &:hover, &:focus { + .product-item-actions { + top: 45%; + .transition(opacity 0.35s ease 0s); + .opacity(1); + .scale(1); + visibility: visible; + } + } + } + .pager { + padding: 0; + .toolbar-amount { + float: none; + .lib-font-size(12); + } + .pages-item-previous { + padding-left: 0; + } + .pages-item-next { + position: relative; + } + .items { + white-space: nowrap; + } + } +} + +.product-social-links .action.mailto.friend::before { display: none;} + +.abs-actions-addto-gridlist::before, +.table-comparison .wishlist.split.button > .action.split::before, +.product-items .wishlist.split.button > .action.split::before, +.products.list.items .action.towishlist::before, +.table-comparison .action.towishlist::before { + font-size: 16px; + +} + +} + +// +// Mobile +//-------------------------------------- + +.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__s) { + .block.widget .products-grid .product-item, + .page-layout-1column .block.widget .products-grid .product-item, + .page-layout-3columns .block.widget .products-grid .product-item { } +} + +// +// Desktop +//-------------------------------------- + +.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) { + .block.widget .products-grid .product-item, + .page-layout-1column .block.widget .products-grid .product-item, + .page-layout-3columns .block.widget .products-grid .product-item {} +} + +.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__l) { + .block.widget .products-grid .product-item {} + .page-layout-1column .block.widget .products-grid .product-item { + } + .page-layout-3columns .block.widget .products-grid .product-item {} + .block.widget .products-grid .product-items { } + .block.widget .products-grid .product-item { + } +} +.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) { + .sidebar .block.widget .pager { + .item:not(.pages-item-next):not(.pages-item-previous) { + &:extend(.abs-no-display-desktop all); + } + .pages-item-next { + padding: 0; + .action { + margin: 0; + } + } + } +} diff --git a/app/design/frontend/Venustheme/fasony/Magento_Catalog/web/css/source/module/_listings.less b/app/design/frontend/Venustheme/fasony/Magento_Catalog/web/css/source/module/_listings.less new file mode 100644 index 0000000..afd0ecd --- /dev/null +++ b/app/design/frontend/Venustheme/fasony/Magento_Catalog/web/css/source/module/_listings.less @@ -0,0 +1,332 @@ +// /** +// * Copyright © 2015 Magento. All rights reserved. +// * See COPYING.txt for license details. +// */ + +// +// Variables +// --------------------------------------------- + +@product-name-link__color: @color-gray20; +@product-name-link__color__active: @primary__color; +@product-name-link__color__hover: @primary__color; +@product-name-link__color__visited: @text__color; + +@product-name-link__text-decoration: none; +@product-name-link__text-decoration__active: @link__hover__text-decoration; +@product-name-link__text-decoration__hover: @link__hover__text-decoration; +@product-name-link__text-decoration__visited: @link__hover__text-decoration; + +// + +// +// Common +//-------------------------------------- + +& when (@media-common = true) { +// Product Lists +.products { + margin: @indent__l 0; +} + +.product { + &-items { + &:extend(.abs-reset-list all); + } + &-item { + vertical-align: top; + .products-grid & { + //width: 100%/2; + display: inline-block; + } + &:extend(.abs-add-box-sizing all); + + &-name { + &:extend(.abs-product-link all); + display: block; + margin: @indent__xs 0; + word-wrap: break-word; + -webkit-hyphens: auto; + -moz-hyphens: auto; + -ms-hyphens: auto; + hyphens: auto; + text-transform: uppercase; + font-weight: 700; + font-family: "Montserrat", sans-serif; + a { + color: #333; + &:hover, &:focus { + color: @theme-color-default; + } + } + } + + &-info { + width: 270px; + max-width: 100%; + .page-products & { + width: 270px; + } + } + + &-actions { + display: none; + .actions-secondary { + } + } + &-description { + margin: @indent__m 0; + } + .product-reviews-summary { + .rating-summary { + margin: 0 4px 0 0; + } + .reviews-actions { + margin-top: 5px; + text-transform: lowercase; + font-size: @font-size__s; + } + } + + .price-box { + margin:0; + .price { + .lib-font-size(14); + font-weight: bold; + } + .price-label { + font-size: @font-size__s; + &:after { + content: ":"; + } + } + } + .special-price, + .minimal-price { + .price { + .lib-font-size(14); + font-weight: bold; + } + .price-wrapper { + display: inline-block; + } + .price-including-tax + .price-excluding-tax { + display: block; + } + } + + .special-price { + display: block; + } + + .old-price { + .price { + font-weight: @font-weight__regular; + } + } + + .minimal-price { + .price-container { + //display: block; + } + } + + .minimal-price-link { + margin-top: 5px; + .price-label { + .lib-css(color, @link__color); + .lib-font-size(14); + } + .price { + font-weight: @font-weight__regular; + } + } + + .minimal-price-link, + .price-excluding-tax, + .price-including-tax { + white-space: nowrap; + display: block; + } + + .price-from, + .price-to { + display: inline-block; + margin: 0; + } + + .tocompare { + .lib-icon-font-symbol( + @icon-compare-empty + ); + } + + .tocart { + white-space: nowrap; + } + } +} + +.list.products-list { + .product-image { + float: left; + width: 36%; + position: relative; + .product-image-container { + display: inline; + } + img { .img-responsive();} + } +} +.products-grid.grid { + .product-item-details { + text-align: center; + } +} + +.column.main { + .product { + &-items { + margin-left: -15px; + } + &-item { + padding-left: 15px; + } + } +} + +.price-container { + .price { + .lib-font-size(14); + } + + .price-including-tax + .price-excluding-tax, + .weee { + margin-top: 5px; + } + + .price-including-tax + .price-excluding-tax, + .weee, + .price-including-tax + .price-excluding-tax .price, + .weee .price, + .weee + .price-excluding-tax:before, + .weee + .price-excluding-tax .price { + .lib-font-size(11); + } + + .weee { + &:before { + content: "("attr(data-label) ": "; + } + &:after { + content: ")"; + } + + .price-excluding-tax { + &:before { + content: attr(data-label) ": "; + } + } + } +} + +.products-list { + .product { + &-item { + display: table; + width: 100%; + margin-bottom: @indent__l; + &-info { + display: table-row; + } + &-photo { + width: 1%; + padding: 0 @indent__l 0 0; + vertical-align: top; + display: table-cell; + } + + &-details { + vertical-align: top; + } + } + } + .product-image-wrapper { + &:extend(.abs-reset-image-wrapper all); + } +} + +} + +// +// Mobile +// --------------------------------------------- + +.media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__s) { + .products-list .product { + &-item { + table-layout: fixed; + &-photo { + padding: 0 @indent__s @indent__s 0; + width: 30%; + } + } + } +} + +.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__s) { + .product { + &-item { + .products-grid & { + margin-bottom: @indent__l; + } + &-info { + } + + &-actions { + display: block; + .products-grid & { + margin: @indent__s 0; + } + .actions-primary + .actions-secondary { + display: inline-block; + white-space: nowrap; + > * { + white-space: normal; + } + > .action { + } + } + .actions-primary { display: inline-block;} + } + } + } + + .products-grid .product-item, + .page-layout-1column .products-grid .product-item, + .page-layout-3columns .products-grid .product-item, + .page-products .products-grid .product-item , + .page-products.page-layout-1column .products-grid .product-item, + .page-products.page-layout-3columns .products-grid .product-item { } +} + +// +// Desktop +// --------------------------------------------- + +.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) { + .page-products .products-grid .product-item, + .page-products.page-layout-1column .products-grid .product-item, + .page-products.page-layout-3columns .products-grid .product-item { } +} +.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__l) { + .products-grid .product-item, + .page-layout-1column .products-grid .product-item, + .page-layout-3columns .products-grid .product-item { } + + .page-products .products-grid .product-items { } + .page-products .products-grid .product-item { + + } + .page-products.page-layout-1column .products-grid .product-item, + .page-products.page-layout-3columns .products-grid .product-item { } +} diff --git a/app/design/frontend/Venustheme/fasony/Magento_Catalog/web/css/source/module/_toolbar.less b/app/design/frontend/Venustheme/fasony/Magento_Catalog/web/css/source/module/_toolbar.less new file mode 100644 index 0000000..14aeec0 --- /dev/null +++ b/app/design/frontend/Venustheme/fasony/Magento_Catalog/web/css/source/module/_toolbar.less @@ -0,0 +1,163 @@ +// /** +// * Copyright © 2015 Magento. All rights reserved. +// * See COPYING.txt for license details. +// */ + +// +// Common +//-------------------------------------- + +@toolbar-mode-icon-font-size: 16px; +@toolbar-background: transparent; +@toolbar-element-background: @color-gray94; +@pager-action__background: @toolbar-element-background; +@pager-action__hover__background: darken(@toolbar-element-background, 7%); +@pager__font-weight: @font-weight__bold; + +& when (@media-common = true) { + +.page-products .columns { + position: relative; + z-index: 1; +} + +.toolbar { + border-bottom: 1px solid @color-gray80; + padding-bottom: @indent__s; + &:extend(.abs-add-clearfix all); + &-amount { + display: block; + line-height: @toolbar-mode-icon-font-size+2; + padding: 8px 0 0; + margin: 0; + vertical-align: middle; + .products.wrapper ~ .toolbar & { + display: none; + } + } + &-products { + text-align: center; + &:extend(.abs-add-clearfix all); + .pages { + display: none; + .products.wrapper ~ & { + display: block; + } + } + .limiter { + display: none; + .control { + display: inline-block; + } + } + } +} + +.sorter { + padding: 4px 0 0; + .products.wrapper ~ .toolbar & { + display: none; + } + &-options { + margin: 0 0 0 7px; + width: auto; + } + &-action { + vertical-align: top; + .lib-icon-font( + @icon-arrow-up, + @_icon-font-size: 14px, + @_icon-font-line-height: 32px, + @_icon-font-color: @header-icons-color, + @_icon-font-color-hover: @header-icons-color-hover, + @_icon-font-text-hide: true + ); + &.sort-desc:before { + content: @icon-arrow-down; + } + } +} + +.modes { + display: none; +} + +.limiter { + &-options { + width: auto; + margin: 0 5px 0 7px; + } + &-label { + font-weight: 400; + } + .page-products .toolbar & { + display: none; + } +} + +} + +// +// Mobile +// --------------------------------------------- + +.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__s) { + .page-products .columns { + position: relative; + z-index: 1; + padding-top: 0; + } + .toolbar { + .products.wrapper ~ & .pages { + float: left; + } + &-amount { + float: left; + } + } + .sorter { + float: right; + } + .modes { + float: left; + display: inline-block; + margin-right: @indent__s; + padding-top:10px; + .products.wrapper ~ .toolbar & { + display: none; + } + &-label { + &:extend(.abs-visually-hidden-desktop-s all); + } + &-mode { + .lib-css(color, @color-gray60); + float: left; + font-weight: @font-weight__regular; + line-height: 1; + text-align: center; + margin-right: @indent__s; + &:not(.active):hover { + //background: darken(@toolbar-element-background, 7%); + .lib-css(color, @color-red10); + } + + &.active { + .lib-css(color, @color-red10); + } + .lib-icon-font( + @icon-grid, + @_icon-font-size: @toolbar-mode-icon-font-size, + @_icon-font-text-hide: true + ); + } + } + .mode-list { + .lib-icon-font-symbol(@icon-list); + } + .limiter { + float: right; + .products.wrapper ~ .toolbar & { + display: block; + } + } +} diff --git a/app/design/frontend/Venustheme/fasony/Magento_Checkout/web/css/source/_module.less b/app/design/frontend/Venustheme/fasony/Magento_Checkout/web/css/source/_module.less new file mode 100644 index 0000000..de0c7ea --- /dev/null +++ b/app/design/frontend/Venustheme/fasony/Magento_Checkout/web/css/source/_module.less @@ -0,0 +1,8 @@ +// /** +// * Copyright © 2015 Magento. All rights reserved. +// * See COPYING.txt for license details. +// */ + +@import 'module/_cart.less'; +@import 'module/_minicart.less'; +@import 'module/_checkout.less'; diff --git a/app/design/frontend/Venustheme/fasony/Magento_Checkout/web/css/source/module/_cart.less b/app/design/frontend/Venustheme/fasony/Magento_Checkout/web/css/source/module/_cart.less new file mode 100644 index 0000000..6167c45 --- /dev/null +++ b/app/design/frontend/Venustheme/fasony/Magento_Checkout/web/css/source/module/_cart.less @@ -0,0 +1,588 @@ +// /** +// * Copyright © 2015 Magento. All rights reserved. +// * See COPYING.txt for license details. +// */ + +@mobile-cart-padding: 15px; +@cart-price-color: @color-gray40; +@cart-item-cell-padding-top: 20px; + +// +// Common +// _____________________________________________ + +& when (@media-common = true) { + + // + // Shopping cart + // --------------------------------------------- + + .checkout-cart-index { + .page-title-wrapper { + padding-left: @layout__width-xs-indent; + padding-right: @layout__width-xs-indent; + } + } + + // Cart container + .cart-container { + .form-cart { + &:extend(.abs-shopping-cart-items all); + } + } + + // Summary block + .cart-summary { + float: right !important; + &:extend(.abs-add-box-sizing all); + .lib-css(background, @sidebar__background-color); + margin-bottom: @indent__m; + padding: 1px 0 @indent__m; + > .title { + .lib-font-size(24); + display: none; + font-weight: @font-weight__light; + margin: 12px 0; + } + + .block { + form:not(:last-of-type) { + .fieldset { + margin: 0 0 @indent__m; + } + } + + .price { + font-weight: @font-weight__bold; + } + + .field { + margin: 0 0 16px; + &.note { + display: none; + } + } + + .actions-toolbar { + > .primary { + text-align: left; + .action.primary { + &:extend(.abs-revert-to-action-secondary all); + width: auto; + } + } + } + + .fieldset.estimate { + > .legend, + > .legend + br { + &:extend(.abs-no-display all); + } + } + &:extend(.abs-cart-block all); + .title { + strong { + .lib-font-size(14); + font-weight: @font-weight__semibold; + } + } + .item-options { + margin: 0 0 16px; + .field { + .radio { + float: left; + } + .radio { + + .label { + display: block; + margin: 0; + overflow: hidden; + } + } + } + } + } + + .page-main & { + .block { + margin-bottom: 0; + } + } + + .checkout-methods-items { + &:extend(.abs-reset-list all); + margin: @indent__base 0 0; + padding: 0 @mobile-cart-padding; + text-align: center; + .action.primary.checkout { + &:extend(.abs-button-l all); + width: 100%; + } + .item { + margin-bottom: @indent__m; + &:last-child { + margin-bottom: 0; + } + } + } + + .message { + padding-left: @indent__base; + > *:first-child:before { + display: none; + } + } + &:extend(.abs-adjustment-incl-excl-tax all); + } + + // Totals block + .cart-totals { + &:extend(.abs-sidebar-totals all); + tbody, + tfoot { + .mark { + text-align: left; + } + } + } + + // Products table + .cart { + &.table-wrapper { + .cart { + thead { + tr th.col { + border-bottom: @border-width__base solid @border-color__base; + padding-bottom: 15px; + padding-top: 24px; + } + } + tbody { + td { + border: 0; + } + } + > .item { + border-bottom: @border-width__base solid @border-color__base; + position: relative; + } + } + .col { + padding-top: 15px; + &.price, + &.subtotal, + &.msrp { + padding: @cart-item-cell-padding-top 11px @indent__s; + text-align: center; + &:extend(.abs-incl-excl-tax all); + } + &.qty { + padding: @indent__base 11px @indent__s; + text-align: center; + .label { + &:extend(.abs-visually-hidden all); + } + .input-text { + height: 36px; + margin-top: -7px; + text-align: center; + width: 45px; + } + } + > .price { + .lib-css(color, @primary__color__lighter); + .lib-font-size(18); + font-weight: @font-weight__bold; + } + } + + .item-actions { + td { + padding-bottom: 0; + padding-left: @mobile-cart-padding; + padding-right: @mobile-cart-padding; + white-space: normal; + } + } + .item { + .col.item { + display: block; + min-height: 75px; + padding: 15px @mobile-cart-padding @indent__s 90px; + position: relative; + } + } + + .actions-toolbar { + &:extend(.abs-add-clearfix all); + min-height: 20px; + padding-bottom: 15px; + position: relative; + > .action-edit, + > .action-delete { + position: absolute; + right: 16px; + top: 0; + .lib-icon-font( + @icon-edit, + @_icon-font-size: 18px, + @_icon-font-line-height: 20px, + @_icon-font-text-hide: true, + @_icon-font-color: @minicart-icons-color, + @_icon-font-color-hover: @primary__color, + @_icon-font-color-active: @minicart-icons-color + ); + } + > .action-delete { + &:extend(.abs-action-button-as-link all); + right: 0; + .lib-icon-font-symbol( + @_icon-font-content: @icon-trash + ); + } + } + .action { + margin-right: @indent__m; + &:last-child { + margin-right: 0; + } + &.help.map { + &:extend(.abs-action-button-as-link all); + font-weight: @font-weight__regular; + } + } + + .product { + &-item-photo { + display: block; + left: @mobile-cart-padding; + max-width: 65px; + padding: 0; + position: absolute; + top: 15px; + width: 100%; + } + &-item-name { + .lib-font-size(18); + display: block; + margin: -3px 0 @indent__xs; + } + } + .gift-registry-name-label { + &:after { + content: ':'; + } + } + + // Product options + .item-options { + margin-bottom: 0; + &:extend(.abs-product-options-list all); + &:extend(.abs-add-clearfix all); + } + + .product-item-name + .item-options { + margin-top: @indent__base; + } + + .cart-tax-total { + &:extend(.abs-tax-total all); + &-expanded { + &:extend(.abs-tax-total-expanded all); + } + } + .product-image-wrapper { + &:extend(.abs-reset-image-wrapper all); + } + .action.configure { + display: inline-block; + margin: @indent__s 0 0; + } + .item .message { + margin-top: @indent__base; + } + } + } + + // Discount + .cart-discount { + float: left !important; + margin-top:@indent__base; + border-bottom: @border-width__base solid @border-color__base; + clear: left; + &:extend(.abs-discount-block all); + } + + // Empty cart + .cart-empty { + padding-left: @layout__width-xs-indent; + padding-right: @layout__width-xs-indent; + } + + .cart-tax-info + .cart-tax-total { + display: block; + } +} + +// +// Mobile +// _____________________________________________ + +.media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__s) { + .cart { + .table.items { + .col.item, + .item-actions td { + &:extend(.abs-col-no-prefix all); + } + .col.qty { + text-align: center; + } + tbody > tr > td:last-child { + &:extend(.abs-no-border-bottom-top all); + } + } + } + .cart-totals { + .totals { + &:extend(.abs-sidebar-totals-mobile all); + } + } +} + +.media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__m) { + // Cart container + .cart-container { + .form-cart { + .actions.main { + text-align: center; + } + } + } + + .cart-discount { + border-bottom: @border-width__base solid @border-color__base; + } + + .cart { + &.table-wrapper { + border-top: @border-width__base solid @border-color__base; + thead { + .col { + &.item, + &.qty, + &.price, + &.subtotal, + &.msrp { + display: none; + } + } + } + .col { + &.qty, + &.price, + &.subtotal, + &.msrp { + box-sizing: border-box; + display: block; + float: left; + white-space: nowrap; + width: 33%; + &:before { + content: attr(data-th); + display: block; + font-weight: @font-weight__semibold; + padding-bottom: 10px; + } + } + &.msrp { + white-space: normal; + } + } + .item .col.item { + padding-bottom: 0; + } + tbody > tr > td:last-child { + border: 0; + } + } + } + + .cart-totals { + padding-left: @mobile-cart-padding; + padding-right: @mobile-cart-padding; + .table-wrapper { + border-top: 0; + } + .totals { + tbody > tr:not(:last-child) > td:last-child { + border: 0; + } + } + } +} + +// +// Common +// _____________________________________________ + +& when (@media-common = true) { + // Cross sell + .block { + &.crosssell { + .lib-css(padding, 0 @mobile-cart-padding); + margin-top: 70px; + .product-item-info { + width: 200px; + } + } + } +} + +// +// Desktop +// _____________________________________________ + +.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) { + .checkout-cart-index { + .page-title-wrapper { + &:extend(.abs-revert-side-paddings all); + } + } + + // Cart container + .cart-container { + &:extend(.abs-add-clearfix-desktop all); + .form-cart { + &:extend(.abs-shopping-cart-items-desktop all); + .actions.main { + text-align: right; + } + } + .widget { + float: left; + } + } + + // Summary block + .cart-summary { + .lib-layout-column(2, 1, @layout-column-checkout__width-left); + padding: 1px @indent__base @indent__m; + position: relative; + > .title { + display: block; + } + .fieldset { + .actions-toolbar { + margin-left: 0; + > .secondary { + float: none; + } + } + } + .block { + > .title { + padding-left: 0; + &:after { + right: 3px; + } + } + .content { + &:extend(.abs-revert-side-paddings all); + } + .fieldset { + .field { + .lib-form-field-type-revert(@_type: block); + margin: 0 0 @indent__s; + } + } + } + .checkout-methods-items { + padding: 0; + } + } + + // Products table + .cart { + &.table-wrapper { + .items { // Google Chrome version 44.0.2403.107 m fix + min-width: 100%; + width: auto; + } + tbody td { + padding-top: @cart-item-cell-padding-top; + } + + .item { + .col.item { + padding: @cart-item-cell-padding-top 8px @indent__base 0; + } + } + + .item-actions td { + padding: 0; + } + + .product { + &-item-photo { + display: table-cell; + max-width: 100%; + padding-right: @indent__base; + position: static; + vertical-align: top; + width: 1%; + } + &-item-details { + padding-bottom: 35px; + } + &-item-details { + display: table-cell; + vertical-align: top; + white-space: normal; + width: 99%; + } + } + } + } + + // Discount + .cart-discount { + &:extend(.abs-discount-block-desktop all); + .lib-layout-column(2, 2, @layout-column-checkout__width-main); + border: 0; + box-sizing: border-box; + padding-right: 4%; + } + + // Empty cart + .cart-empty { + &:extend(.abs-revert-side-paddings all); + } + + // Cross sell + .block { + &.crosssell { + width: 100%; + &:extend(.abs-add-box-sizing-desktop all); + padding: 0 4% 0 0; + .block-title { + text-align: left; + padding-left: 0; + &:before { + display: none; + } + } + .products-grid .product-item { + width: 100%/4; + } + } + } +} + +.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__s) { + .checkout-cart-index { + .page-title-wrapper { + &:extend(.abs-revert-side-paddings all); + } + } +} diff --git a/app/design/frontend/Venustheme/fasony/Magento_Checkout/web/css/source/module/_minicart.less b/app/design/frontend/Venustheme/fasony/Magento_Checkout/web/css/source/module/_minicart.less new file mode 100644 index 0000000..bc17524 --- /dev/null +++ b/app/design/frontend/Venustheme/fasony/Magento_Checkout/web/css/source/module/_minicart.less @@ -0,0 +1,387 @@ +// /** +// * Copyright © 2015 Magento. All rights reserved. +// * See COPYING.txt for license details. +// */ + +// +// Variables +// _____________________________________________ + +@minicart__border-color: @color-gray80; +@minicart__padding-horizontal: @indent__base; + +@minicart-qty__height: 24px; + +// +// Common +// _____________________________________________ + +& when (@media-common = true) { + + // + // Minicart + // --------------------------------------------- + + .block-minicart { + .items-total { + float: left; + margin: 0 @indent__s; + .count { + font-weight: @font-weight__bold; + } + } + .subtotal { + margin: 0 @indent__s; + text-align: right; + .label { + &:extend(.abs-colon all); + } + } + .amount { + .price-wrapper { + &:first-child { + .price { + font-size: @font-size__l; + font-weight: @font-weight__bold; + } + } + } + } + .subtitle { + display: none; + &.empty { + display: block; + font-size: 14px; + padding: 0; + text-align: center; + } + } + .text { + &.empty { + text-align: center; + } + } + .block-content { + > .actions { + margin-top: 15px; + > .secondary { + text-align: center; + } + > .primary { + margin: 0 @indent__s 15px; + .action { + &.primary { + &:extend(.abs-button-l all); + display: block; + width: 100%; + } + } + } + .paypal-logo { + margin-top: 15px; + text-align: center; + } + } + } + .block-category-link, + .block-product-link, + .block-cms-link, + .block-banners { + margin: 15px 0 0; + text-align: center; + } + } + + .minicart-wrapper { + .lib-dropdown( + @_toggle-selector: ~".action.showcart", + @_options-selector: ~".block-minicart", + @_dropdown-toggle-icon-content: @icon-cart, + @_dropdown-toggle-active-icon-content: @icon-cart, + @_dropdown-list-item-padding: false, + @_dropdown-list-item-hover: false, + @_icon-font-position: before, + @_icon-font-size: 16px, + @_icon-font-line-height: 28px, + @_icon-font-color: @minicart-icons-color, + @_icon-font-color-hover: @minicart-icons-color-hover, + @_icon-font-color-active: @minicart-icons-color + ); + float: right; + .block-minicart { + .lib-css(padding, 25px @minicart__padding-horizontal); + right: 0; + width: 320px; + .block-title { + display: none; + } + &:after { + left: auto; + right: 25px; + } + &:before { + left: auto; + right: 26px; + } + } + .product { + .actions { + float: right; + margin: -24px 0 0; + > .primary, + > .secondary { + display: inline; + &:not(:last-child) { + margin-right: 15px; + } + } + } + } + .action { + &.close { + width: 40px; + height: 40px; + top: 0; + right: 0; + position: absolute; + .lib-button-reset(); + .lib-button-icon( + @icon-remove, + @_icon-font-color: @minicart-icons-color, + @_icon-font-size: 16px, + @_icon-font-line-height: 16px, + @_icon-font-text-hide: true + ); + } + &.showcart { + line-height: 30px; + white-space: nowrap; + position: relative; + &:before{ + padding:2px 20px; + } + .text { + &:extend(.abs-visually-hidden all); + } + .cart-title { + text-transform: uppercase; + color: #000; + display: inline-block; + font-weight: 600; + } + .counter-number { + color: #fff; + } + .counter.qty { + .lib-css(background, #c99947); + .lib-css(color, @page__background-color); + .lib-css(height, 20px); + .lib-css(line-height, 20px); + border-radius: 50%; + display: inline-block; + margin: 3px 0 0; + min-width:20px; + overflow: hidden; + padding: 0; + text-align: center; + white-space: normal; + top:10px; + right:-4px; + position: absolute; + &.empty { + display: none; + } + .loader { + > img { + .lib-css(max-width, @minicart-qty__height); + } + } + } + .counter-label { + &:extend(.abs-visually-hidden all); + } + } + } + .minicart-widgets { + margin-top: 15px; + } + } + + .minicart-items-wrapper { + .lib-css(border, 1px solid @minicart__border-color); + .lib-css(margin, 0 -@minicart__padding-horizontal); + border-left: 0; + border-right: 0; + overflow-x: auto; + padding: 15px; + } + + .minicart-items { + .lib-list-reset-styles(); + .product-item { + padding: @indent__base 0; + &:not(:first-child) { + .lib-css(border-top, 1px solid @minicart__border-color); + } + &:first-child { + padding-top: 0; + } + > .product { + &:extend(.abs-add-clearfix all); + } + } + .product-image-wrapper { + &:extend(.abs-reset-image-wrapper all); + } + .product-item-pricing { + .label { + display: inline-block; + width: 4.5rem; + } + } + .price-minicart { + margin-bottom: @indent__xs; + } + .product-item-name { + font-weight: @font-weight__regular; + margin: 0 0 @indent__s; + a { + .lib-css(color, @link__color); + } + } + .product-item-details { + padding-left: 88px; + .price { + font-weight: @font-weight__bold; + } + .price-including-tax, + .price-excluding-tax { + margin: @indent__xs 0; + } + .weee[data-label] { + .lib-font-size(11); + .label { + &:extend(.abs-no-display all); + } + } + .details-qty { + margin-top: @indent__s; + } + } + .product { + > .product-item-photo, + > .product-image-container { + float: left; + } + .toggle { + &:extend(.abs-toggling-title all); + &:after { + .lib-css(color, @color-gray56); + margin: 0 0 0 @indent__xs; + position: static; + } + border: 0; + padding: 0 @indent__xl @indent__xs 0; + } + .active { + > .toggle { + .lib-icon-font-symbol( + @_icon-font-content: @icon-up, + @_icon-font-position: after + ); + } + } + &.pricing { + margin-top: 3px; + } + &.options { + .tooltip.toggle { + .lib-icon-font( + @icon-down, + @_icon-font-size: 12px, + @_icon-font-line-height: 12px, + @_icon-font-text-hide: true, + @_icon-font-margin: -3px 0 0 7px, + @_icon-font-position: after + ); + } + .details { + display: none; + } + } + } + .details-qty, + .price-minicart { + .label { + &:extend(.abs-colon all); + } + } + .item-qty { + margin-right: @indent__s; + text-align: center; + width: 40px; + } + .update-cart-item { + .lib-font-size(11); + vertical-align: top; + } + .subtitle { + display: none; + } + .action { + &.edit, + &.delete { + .lib-icon-font( + @icon-edit, + @_icon-font-size: 18px, + @_icon-font-line-height: 20px, + @_icon-font-text-hide: true, + @_icon-font-color: @minicart-icons-color, + @_icon-font-color-hover: @primary__color, + @_icon-font-color-active: @minicart-icons-color + ); + } + &.delete { + .lib-icon-font-symbol( + @_icon-font-content: @icon-trash + ); + } + } + } +} + +// +// Mobile +// _____________________________________________ + +.media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__xs) { + .minicart-wrapper .block-minicart { + width: 290px; + } +} + +.media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__s) { + .minicart-wrapper { + margin-top: @indent__s; + } +} + +// +// Desktop +// _____________________________________________ + +.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) { + .minicart-wrapper { + margin-left: 13px; + .block-minicart { + right: -15px; + width: 390px; + } + } + .minilist .action.delete, + .minicart-wrapper .action.edit { + .lib-icon-font-size( + @_icon-font-size: 16px + ); + } +} diff --git a/app/design/frontend/Venustheme/fasony/Magento_Checkout/web/css/source/module/checkout/_checkout.less b/app/design/frontend/Venustheme/fasony/Magento_Checkout/web/css/source/module/checkout/_checkout.less new file mode 100644 index 0000000..a32a2f6 --- /dev/null +++ b/app/design/frontend/Venustheme/fasony/Magento_Checkout/web/css/source/module/checkout/_checkout.less @@ -0,0 +1,97 @@ +// /** +// * Copyright © 2015 Magento. All rights reserved. +// * See COPYING.txt for license details. +// */ + +// +// Variables +// _____________________________________________ + +@checkout-wrapper__margin: @indent__base; +@checkout-wrapper__columns: 16; + +@checkout-step-title__border: @border-width__base solid @color-gray80; +@checkout-step-title__font-size: 26px; +@checkout-step-title__font-weight: @font-weight__light; +@checkout-step-title__padding: @indent__s; + +@checkout-step-title-mobile__font-size: 18px; + +@checkout-step-content-mobile__background: @color-gray-light01; +@checkout-step-content-mobile__margin-s: 15px; +@checkout-step-content-mobile__margin: @indent__base -(@checkout-step-content-mobile__margin-s) @checkout-step-content-mobile__margin-s; + +// +// Common +// _____________________________________________ + +& when (@media-common = true) { + + .checkout-index-index, + .checkout-onepage-success { + .page-title-wrapper { + &:extend(.abs-visually-hidden all); + } + } + + .checkout-container { + &:extend(.abs-add-clearfix all); + .lib-css(margin, 0 0 @checkout-wrapper__margin); + } + + .opc-wrapper { + .lib-css(margin, 0 0 @checkout-wrapper__margin); + + .opc { + &:extend(.abs-reset-list all); + } + + .step-title { + &:extend(.abs-checkout-title all); + .lib-css(border-bottom, @checkout-step-title__border); + } + + .step-content { + margin: 0 0 @indent__xl; + } + } + + .checkout-index-index { + .nav-sections, + .nav-toggle { + display: none; + } + .logo { + margin-left: 0; + } + } +} + +// +// Mobile +// _____________________________________________ + +.media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__s) { + .opc-wrapper { + .step-title { + .lib-css(font-size, @checkout-step-title-mobile__font-size); + border-bottom: 0; + padding-bottom: 0; + } + .step-content { + .lib-css(margin, 0 0 @checkout-step-content-mobile__margin-s); + } + } +} + +// +// Desktop +// _____________________________________________ + +.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) { + .opc-wrapper { + &:extend(.abs-add-box-sizing-desktop-m all); + .lib-layout-column(2, 1, @checkout-wrapper__columns); + padding-right: @indent__l; + } +} diff --git a/app/design/frontend/Venustheme/fasony/Magento_Checkout/web/css/source/module/checkout/_estimated-total.less b/app/design/frontend/Venustheme/fasony/Magento_Checkout/web/css/source/module/checkout/_estimated-total.less new file mode 100644 index 0000000..0f34ce6 --- /dev/null +++ b/app/design/frontend/Venustheme/fasony/Magento_Checkout/web/css/source/module/checkout/_estimated-total.less @@ -0,0 +1,59 @@ +// /** +// * Copyright © 2015 Magento. All rights reserved. +// * See COPYING.txt for license details. +// */ + +// +// Common +// _____________________________________________ + +& when (@media-common = true) { + + // + // Checkout Estimated Total + // --------------------------------------------- + + .opc-estimated-wrapper { + &:extend(.abs-no-display-desktop all); + &:extend(.abs-add-clearfix all); + .lib-css(background, @checkout-step-content-mobile__background); + .lib-css(border-bottom, @checkout-step-title__border); + .lib-css(border-top, @checkout-step-title__border); + .lib-css(margin, -21px -(@checkout-step-content-mobile__margin-s) @checkout-step-content-mobile__margin-s); + padding: 18px 15px; + + .estimated-block { + .lib-css(font-size, @checkout-step-title-mobile__font-size); + float: left; + font-weight: @font-weight__bold; + + .estimated-label { + display: block; + margin: 0 0 @indent__xs; + } + } + + .minicart-wrapper { + button { + // todo ui: Change .action.showcart to .action-showcart + &.action.showcart { + .lib-button-reset(); + &:before { + .lib-css(color, @primary__color); + + } + } + } + } + } +} + +// +// Desktop +// _____________________________________________ + +.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) { + .opc-estimated-wrapper { + display: none; + } +} diff --git a/app/design/frontend/Venustheme/fasony/Magento_Checkout/web/css/source/module/checkout/_fields.less b/app/design/frontend/Venustheme/fasony/Magento_Checkout/web/css/source/module/checkout/_fields.less new file mode 100644 index 0000000..3719620 --- /dev/null +++ b/app/design/frontend/Venustheme/fasony/Magento_Checkout/web/css/source/module/checkout/_fields.less @@ -0,0 +1,33 @@ +// /** +// * Copyright © 2015 Magento. All rights reserved. +// * See COPYING.txt for license details. +// */ + +// +// Variables +// _____________________________________________ + +@checkout-field-validation__border-color: @form-element-validation__border-error; + +// +// Common +// _____________________________________________ + +& when (@media-common = true) { + .field { + .control { + &._with-tooltip { + &:extend(.abs-field-tooltip all); + } + } + &._error { + .control { + input, + select, + textarea { + .lib-css(border-color, @checkout-field-validation__border-color); + } + } + } + } +} diff --git a/app/design/frontend/Venustheme/fasony/Magento_Checkout/web/css/source/module/checkout/_modals.less b/app/design/frontend/Venustheme/fasony/Magento_Checkout/web/css/source/module/checkout/_modals.less new file mode 100644 index 0000000..f9aebf6 --- /dev/null +++ b/app/design/frontend/Venustheme/fasony/Magento_Checkout/web/css/source/module/checkout/_modals.less @@ -0,0 +1,90 @@ +// /** +// * Copyright © 2015 Magento. All rights reserved. +// * See COPYING.txt for license details. +// */ + +// +// Variables +// _____________________________________________ + +@checkout-modal-popup__width: 800px; + +// +// Common +// _____________________________________________ + +& when (@media-common = true) { + .checkout-index-index { + .modal-popup { + .field-tooltip { + .field-tooltip-content { + &:extend(.abs-checkout-tooltip-content-position-top all); + } + } + .fieldset { + .field { + .label { + font-weight: @font-weight__regular; + } + } + } + .modal-footer { + .action-hide-popup { + &:extend(.abs-action-button-as-link all); + margin-top: 8px; + } + } + } + } +} + +// +// Mobile +// _____________________________________________ + +.media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__m) { + .checkout-index-index { + .modal-popup { + .modal-footer { + .action-save-address { + width: 100%; + } + .action-hide-popup { + margin-top: @indent__base; + } + } + } + } +} + +// +// Desktop +// _____________________________________________ + +.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) { + .checkout-index-index { + .modal-popup { + .form-shipping-address { + .lib-css(max-width, @checkout-shipping-address__max-width); + } + .modal-footer { + .action-save-address { + float: right; + margin: 0 0 0 @indent__base; + } + } + } + } +} + +.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__l) { + .checkout-index-index { + .modal-popup { + .modal-inner-wrap { + .lib-css(margin-left, -(@checkout-modal-popup__width/2)); + .lib-css(width, @checkout-modal-popup__width); + left: 50%; + } + } + } +} diff --git a/app/design/frontend/Venustheme/fasony/Magento_Checkout/web/css/source/module/checkout/_order-summary.less b/app/design/frontend/Venustheme/fasony/Magento_Checkout/web/css/source/module/checkout/_order-summary.less new file mode 100644 index 0000000..7f648db --- /dev/null +++ b/app/design/frontend/Venustheme/fasony/Magento_Checkout/web/css/source/module/checkout/_order-summary.less @@ -0,0 +1,188 @@ +// /** +// * Copyright © 2015 Magento. All rights reserved. +// * See COPYING.txt for license details. +// */ + +// +// Variables +// _____________________________________________ + +@checkout-summary__background-color: @color-white-smoke; +@checkout-summary__padding: 22px @indent__l; + +@checkout-summary-title__margin: @indent__s; +@checkout-summary-mark-value__color: @color-gray60; + +@checkout-summary-items__max-height: 370px; +@checkout-summary-items__padding: 15px; + +// +// Common +// _____________________________________________ + +& when (@media-common = true) { + + // + // Order Summary + // --------------------------------------------- + + .opc-block-summary { + .lib-css(background, @checkout-summary__background-color); + .lib-css(margin, 0 0 @checkout-sidebar__margin); + .lib-css(padding, @checkout-summary__padding); + &:extend(.abs-add-box-sizing all); + + > .title { + &:extend(.abs-checkout-title all); + display: block; + } + + // Totals table + .table-totals { + &:extend(.abs-sidebar-totals all); + } + + .mark { + .value { + .lib-css(color, @checkout-summary-mark-value__color); + display: block; + } + } + + .grand.incl { + & + .grand.excl { + .mark, + .amount { + border-top: 0; + .lib-font-size(14); + padding-top: 0; + strong { + font-weight: @font-weight__regular; + } + } + } + } + + .not-calculated { + font-style: italic; + } + + // + // Items list + // --------------------------------------------- + + // Block title + .items-in-cart { + > .title { + border-bottom: @border-width__base solid @border-color__base; + .lib-css(padding, @indent__s @indent__xl @indent__s 0); + cursor: pointer; + .lib-icon-font( + @icon-down, + @_icon-font-size: 12px, + @_icon-font-line-height: 12px, + @_icon-font-text-hide: true, + @_icon-font-margin: 3px 0 0, + @_icon-font-position: after, + @_icon-font-display: block + ); + margin-bottom: 0; + position: relative; + &:after { + position: absolute; + right: 0; + top: @indent__s; + } + strong { + .lib-font-size(18); + font-weight: @font-weight__light; + margin: 0; + } + } + &.active { + > .title { + .lib-icon-font-symbol( + @_icon-font-content: @icon-up, + @_icon-font-position: after + ); + } + } + .product { + position: relative; + } + } + + // Cart items + .minicart-items-wrapper { + .lib-css(margin, 0 -(@checkout-summary-items__padding) 0 0); + .lib-css(max-height, @checkout-summary-items__max-height); + .lib-css(padding, @checkout-summary-items__padding @checkout-summary-items__padding 0 0); + border: 0; + } + .column.main & { + .product-item { + margin: 0; + padding-left: 0; + } + } + .product-item { + .product-item-inner { + display: table; + margin: 0 0 @indent__s; + width: 100%; + } + .product-item-name-block { + display: table-cell; + padding-right: @indent__xs; + text-align: left; + } + .subtotal { + display: table-cell; + text-align: right; + } + .price { + .lib-font-size(16); + font-weight: @font-weight__regular; + } + .price-including-tax { + & + .price-excluding-tax { + .price { + .lib-font-size(10); + } + } + } + } + } +} + +// +// Mobile +// _____________________________________________ + +.media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__s) { + .opc-block-summary { + > .title { + border-bottom: 0; + .lib-css(font-size, @checkout-step-title-mobile__font-size); + margin-bottom: @indent__base; + padding-bottom: 0; + } + .totals { + &:extend(.abs-sidebar-totals-mobile all); + } + } +} + +// +// Desktop +// _____________________________________________ + +.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) { + .opc-summary-wrapper { + .modal-header { + .action-close { + display: none; + } + } + } +} diff --git a/app/design/frontend/Venustheme/fasony/Magento_Checkout/web/css/source/module/checkout/_payment-options.less b/app/design/frontend/Venustheme/fasony/Magento_Checkout/web/css/source/module/checkout/_payment-options.less new file mode 100644 index 0000000..788e86b --- /dev/null +++ b/app/design/frontend/Venustheme/fasony/Magento_Checkout/web/css/source/module/checkout/_payment-options.less @@ -0,0 +1,203 @@ +// /** +// * Copyright © 2015 Magento. All rights reserved. +// * See COPYING.txt for license details. +// */ + +// +// Variables +// _____________________________________________ + +@checkout-payment-option-title__border: @checkout-payment-method-title__border; +@checkout-payment-option-title__color: @link__color; +@checkout-payment-option-title__padding: @checkout-payment-method-title__padding; +@checkout-payment-option-title-mobile__padding: @checkout-payment-method-title-mobile__padding; + +@checkout-payment-option-title-icon__font-size: 32px; +@checkout-payment-option-title-icon__line-height: 16px; +@checkout-payment-option-title-icon__margin: 0; +@checkout-payment-option-title-icon__color: @minicart-icons-color; +@checkout-payment-option-title-icon__hover__color: @primary__color; + +@checkout-payment-option-content__padding__xl: @checkout-payment-method-content__padding__xl; + +// +// Common +// _____________________________________________ + +& when (@media-common = true) { + .checkout-payment-method { + .payment-option { + &._active { + .payment-option-title { + .action-toggle { + &:after { + content: @icon-up; + } + } + } + } + &._collapsible { + .payment-option-title { + cursor: pointer; + } + .payment-option-content { + display: none; + } + } + } + + .payment-option-title { + .lib-css(border-top, @checkout-payment-option-title__border); + .lib-css(padding, @checkout-payment-option-title__padding 0); + + .action-toggle { + .lib-css(color, @checkout-payment-option-title__color); + .lib-icon-font( + @icon-down, + @_icon-font-size: @checkout-payment-option-title-icon__font-size, + @_icon-font-line-height: @checkout-payment-option-title-icon__line-height, + @_icon-font-color: @checkout-payment-option-title-icon__color, + @_icon-font-color-hover: @checkout-payment-option-title-icon__hover__color, + @_icon-font-color-active: @checkout-payment-option-title-icon__color, + @_icon-font-margin: @checkout-payment-option-title-icon__margin, + @_icon-font-position: after + ); + } + } + + .payment-option-content { + .lib-css(padding, 0 0 @indent__base @checkout-payment-option-content__padding__xl); + } + + .payment-option-inner { + margin: 0 0 @indent__base; + } + + .credit-card-types { + padding: 0; + .item { + display: inline-block; + list-style: none; + margin: 0 @indent__xs 0 0; + vertical-align: top; + &._active { + font-weight: @font-weight__bold; + img { + -webkit-filter: grayscale(0%); + filter: grayscale(0%); + filter: none; + } + } + &._inactive { + opacity: 0.4; + filter: alpha(opacity=40); + } + span { + display: inline-block; + padding-top: 6px; + vertical-align: top; + } + } + img { + -webkit-filter: grayscale(100%); // For Webkit browsers + -webkit-transition: all .6s ease; // Fade to color for Chrome and Safari + filter: grayscale(100%); + filter: gray; // For IE 6 - 9 + } + } + + .ccard { + .legend { + &:extend(.abs-visually-hidden all); + } + .fields { + > .year { + padding-left: @indent__xs; + } + .select { + padding-left: @indent__xs; + padding-right: @indent__xs; + } + } + .month { + .select { + width: 140px; + } + } + .year { + .select { + width: 80px; + } + } + .number { + .input-text { + width: 225px; + } + } + + > .field.cvv { + > .control { + display: inline-block; + padding-right: @indent__base; + } + } + .cvv { + .label { + display: block; + } + .input-text { + width: 55px; + } + } + + &.fieldset { + > .field { + .fields.group.group-2 { + .field { + width: auto !important; + } + } + } + } + } + } +} + +// +// Mobile +// _____________________________________________ + +.media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__m) { + .checkout-payment-method { + .payment-option { + .lib-css(margin, 0 -(@checkout-payment-option-title-mobile__padding)); + + .payment-option-title { + .lib-css(padding, @checkout-payment-option-title-mobile__padding) + } + + .payment-option-content { + .lib-css(padding, 0 @checkout-payment-option-title-mobile__padding @indent__base); + } + } + } +} + +// +// Desktop +// _____________________________________________ + +.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) { + .checkout-payment-method { + .payment-option-title { + .lib-css(padding-left, @checkout-payment-option-content__padding__xl); + } + .payment-option-content { + .payment-option-inner { + + .actions-toolbar { + margin-left: 0; + } + } + } + } +} diff --git a/app/design/frontend/Venustheme/fasony/Magento_Checkout/web/css/source/module/checkout/_payments.less b/app/design/frontend/Venustheme/fasony/Magento_Checkout/web/css/source/module/checkout/_payments.less new file mode 100644 index 0000000..04d9ef8 --- /dev/null +++ b/app/design/frontend/Venustheme/fasony/Magento_Checkout/web/css/source/module/checkout/_payments.less @@ -0,0 +1,199 @@ +// /** +// * Copyright © 2015 Magento. All rights reserved. +// * See COPYING.txt for license details. +// */ + +// +// Variables +// _____________________________________________ + +@checkout-payment-method-title__border: @checkout-shipping-method__border; +@checkout-payment-method-title__padding: @checkout-shipping-method__padding; +@checkout-payment-method-title-mobile__padding: 15px; + +@checkout-payment-method-content__padding__xl: 22px; + +@checkout-billing-address-details__line-height: 27px; +@checkout-billing-address-details__padding: 0 0 0 23px; +@checkout-billing-address-form__max-width: @checkout-shipping-address__max-width; + +// +// Common +// _____________________________________________ + +& when (@media-common = true) { + .checkout-payment-method { + .step-title { + margin-bottom: 0; + } + .payment-method { + &:first-child { + .payment-method-title { + border-top: 0; + } + } + &._active { + .payment-method-content { + display: block; + } + } + } + + .payment-method-content { + > .actions-toolbar { + > .primary { + .action { + &.primary { + &:extend(.abs-button-l all); + } + } + } + } + } + + .payment-method-title { + .lib-css(border-top, @checkout-payment-method-title__border); + .lib-css(padding, @checkout-payment-method-title__padding 0); + margin: 0; + + .payment-icon { + display: inline-block; + margin-right: @indent__xs; + vertical-align: middle; + } + + .action-help { + display: inline-block; + margin-left: @indent__xs; + } + } + + .payment-method-content { + display: none; + .lib-css(padding, 0 0 @indent__base @checkout-payment-method-content__padding__xl); + .fieldset { + &:not(:last-child) { + margin: 0 0 @indent__base; + } + } + } + + .field-select-billing, + .billing-address-form { + .lib-css(max-width, @checkout-billing-address-form__max-width); + } + + .billing-address-same-as-shipping-block { + margin: 0 0 @indent__s; + } + + .payment-method-billing-address { + margin: 0 0 @indent__base; + + .primary { + .action-update { + margin-right: 0; + } + } + + .action-cancel { + &:extend(.abs-action-button-as-link all); + } + + .billing-address-details { + .lib-css(line-height, @checkout-billing-address-details__line-height); + .lib-css(padding, @checkout-billing-address-details__padding); + + .action-edit-address { + &:extend(.abs-action-button-as-link all); + } + } + } + + .payment-method-note { + & + .payment-method-billing-address { + margin-top: @indent__base; + } + } + + .field-select-billing { + > .label { + &:extend(.abs-visually-hidden all); + } + } + .payment-method-iframe { + background-color: transparent; + display: none; + width: 100%; + } + .no-payments-block { + margin: @indent__base 0; + } + .payments { + .legend { + &:extend(.abs-visually-hidden all); + } + } + } +} + +// +// Mobile +// _____________________________________________ + +.media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__m) { + .checkout-payment-method { + .payment-methods { + .lib-css(margin, 0 -(@checkout-payment-method-title-mobile__padding)); + } + + .payment-method-title { + .lib-css(padding, @checkout-payment-method-title-mobile__padding) + } + + .payment-method-content { + .lib-css(padding, 0 @checkout-payment-method-title-mobile__padding @indent__base); + } + + .payment-method-billing-address { + .action-cancel { + margin-top: @indent__s; + } + } + } +} + +// +// Desktop +// _____________________________________________ + +.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) { + .checkout-payment-method { + .payment-methods { + .actions-toolbar { + .primary { + float: right; + margin: 0; + } + } + } + .fieldset { + > .field-select-billing { + > .control { + float: none; + width: 100%; + } + } + } + } + .payment-method-billing-address { + .action-update { + float: right; + } + .actions-toolbar { + .action-cancel { + margin: 6px @indent__base 0 0; + } + } + } +} diff --git a/app/design/frontend/Venustheme/fasony/Magento_Checkout/web/css/source/module/checkout/_progress-bar.less b/app/design/frontend/Venustheme/fasony/Magento_Checkout/web/css/source/module/checkout/_progress-bar.less new file mode 100644 index 0000000..23b3ac6 --- /dev/null +++ b/app/design/frontend/Venustheme/fasony/Magento_Checkout/web/css/source/module/checkout/_progress-bar.less @@ -0,0 +1,182 @@ +// /** +// * Copyright © 2015 Magento. All rights reserved. +// * See COPYING.txt for license details. +// */ + +// +// Variables +// _____________________________________________ + +@checkout-progress-bar__font-size: 18px; +@checkout-progress-bar__font-weight: @font-weight__light; +@checkout-progress-bar__margin: @indent__base; + +@checkout-progress-bar-item__background-color: @color-gray-middle1; +@checkout-progress-bar-item__border-radius: 6px; +@checkout-progress-bar-item__color: @primary__color; +@checkout-progress-bar-item__margin: @indent__s; +@checkout-progress-bar-item__transition: background .3s; +@checkout-progress-bar-item__width: 185px; + +@checkout-progress-bar-item__active__background-color: @color-orange-red1; +@checkout-progress-bar-item__complete__color: @link__color; +@checkout-progress-bar-item__hover__background-color: darken(@checkout-progress-bar-item__background-color, 5%); + +@checkout-progress-bar-item-element__height: @checkout-progress-bar-item-element__width; +@checkout-progress-bar-item-element__width: 38px; + +@checkout-progress-bar-item-element-inner__background-color: @page__background-color; +@checkout-progress-bar-item-element-inner__color: @checkout-progress-bar-item__color; +@checkout-progress-bar-item-element-inner__height: @checkout-progress-bar-item-element-inner__width; +@checkout-progress-bar-item-element-inner__width: @checkout-progress-bar-item-element__width - ( @checkout-progress-bar-item-element-outer-radius__width*2 ); +@checkout-progress-bar-item-element-inner__active__content: @icon-checkmark; + +@checkout-progress-bar-item-element-outer-radius__width: 6px; + +// +// Common +// _____________________________________________ + +& when (@media-common = true) { + + // + // Checkout Progress Bar + // --------------------------------------------- + + .opc-progress-bar { + &:extend(.abs-reset-list all); + display: none; + } +} + +// +// Desktop +// _____________________________________________ + +.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) { + + .opc-progress-bar { + .lib-css(margin, 0 0 @checkout-progress-bar__margin); + counter-reset: i; + display: block; + font-size: 0; + } + + .opc-progress-bar-item { + .lib-css(margin, 0 0 @checkout-progress-bar-item__margin); + .lib-css(width, @checkout-progress-bar-item__width); + display: inline-block; + position: relative; + text-align: center; + vertical-align: top; + + &:before { // Horizontal line + .lib-css(background, @checkout-progress-bar-item__background-color); + .lib-css(top, @checkout-progress-bar-item-element__width/2); + .lib-css(transition, @checkout-progress-bar-item__transition); + content: ''; + height: 7px; + left: 0; + position: absolute; + width: 100%; + } + + &:first-child { + &:before { + .lib-css(border-radius, @checkout-progress-bar-item__border-radius 0 0 @checkout-progress-bar-item__border-radius); + } + } + + &:last-child { + &:before { + .lib-css(border-radius, 0 @checkout-progress-bar-item__border-radius @checkout-progress-bar-item__border-radius 0); + } + } + + > span { + display: inline-block; + padding-top: 45px; + width: 100%; + word-wrap: break-word; + + .lib-typography( + @_color: @checkout-progress-bar-item__background-color, + @_font-family: false, + @_font-size: @checkout-progress-bar__font-size, + @_font-style: false, + @_font-weight: @checkout-progress-bar__font-weight, + @_line-height: false + ); + + &:before, // Item element + &:after { + .lib-css(background, @checkout-progress-bar-item__background-color); + .lib-css(height, @checkout-progress-bar-item-element__height); + .lib-css(margin-left, -(@checkout-progress-bar-item-element__width/2)); + .lib-css(transition, @checkout-progress-bar-item__transition); + .lib-css(width, @checkout-progress-bar-item-element__width); + border-radius: 50%; + content: ''; + left: 50%; + position: absolute; + top: 0; + } + + &:after { // Item element inner + .lib-css(background, @checkout-progress-bar-item-element-inner__background-color); + .lib-css(height, @checkout-progress-bar-item-element-inner__height); + .lib-css(margin-left, -(@checkout-progress-bar-item-element-inner__width/2)); + .lib-css(top, @checkout-progress-bar-item-element-outer-radius__width); + .lib-css(width, @checkout-progress-bar-item-element-inner__width); + content: counter(i); + counter-increment: i; + .lib-typography( + @_color: @checkout-progress-bar-item-element-inner__color, + @_font-family: false, + @_font-size: @checkout-progress-bar__font-size, + @_font-style: false, + @_font-weight: @font-weight__semibold, + @_line-height: false + ); + } + } + + &._complete { + cursor: pointer; + &:hover { + &:before { + .lib-css(background, @checkout-progress-bar-item__hover__background-color); + } + > span { + &:before { + .lib-css(background, @checkout-progress-bar-item__hover__background-color); + } + } + } + > span { + .lib-css(color, @checkout-progress-bar-item__complete__color); + + &:after { + .lib-css(font-family, @icons__font-name); + .lib-css(content, @checkout-progress-bar-item-element-inner__active__content); + } + } + } + + &._active { + &:before { + background: @checkout-progress-bar-item__active__background-color; + } + > span { + .lib-css(color, @checkout-progress-bar-item__color); + &:before { + .lib-css(background, @checkout-progress-bar-item__active__background-color); + } + &:after { + .lib-css(font-family, @icons__font-name); + .lib-css(content, @checkout-progress-bar-item-element-inner__active__content); + } + } + } + } +} diff --git a/app/design/frontend/Venustheme/fasony/Magento_Checkout/web/css/source/module/checkout/_shipping.less b/app/design/frontend/Venustheme/fasony/Magento_Checkout/web/css/source/module/checkout/_shipping.less new file mode 100644 index 0000000..2b21b0e --- /dev/null +++ b/app/design/frontend/Venustheme/fasony/Magento_Checkout/web/css/source/module/checkout/_shipping.less @@ -0,0 +1,342 @@ +// /** +// * Copyright © 2015 Magento. All rights reserved. +// * See COPYING.txt for license details. +// */ + +// +// Variables +// _____________________________________________ + +@checkout-shipping-address__max-width: 500px; +@checkout-shipping-address__margin-top: 28px; + +@checkout-shipping-item-icon__background-color: @checkout-shipping-item__active__border-color; +@checkout-shipping-item-icon__color: @color-white; +@checkout-shipping-item-icon__content: @icon-checkmark; + +@checkout-shipping-item__border: 2px solid transparent; +@checkout-shipping-item__line-height: 30px; +@checkout-shipping-item__margin: 0 0 @indent__base; +@checkout-shipping-item__padding: @indent__base (@indent__l + 5px) @indent__base @indent__base; +@checkout-shipping-item__transition: .3s border-color; +@checkout-shipping-item__width: 100%/3; +@checkout-shipping-item-tablet__width: 100%/2; +@checkout-shipping-item-mobile__width: 100%; +@checkout-shipping-item__active__border-color: @color-orange-red1; + +@checkout-shipping-item-icon__selected__height: 27px; +@checkout-shipping-item-icon__selected__width: 29px; + +@checkout-shipping-item-mobile__padding: 0 0 15px; +@checkout-shipping-item-mobile__margin: @checkout-shipping-item-mobile__padding; +@checkout-shipping-item-mobile__active__padding: 15px (@indent__l + 5px) 15px 18px; + +@checkout-shipping-item-before__border-color: @color-gray80; +@checkout-shipping-item-before__height: calc(~"100% - 20px"); + +@checkout-shipping-method__border: @checkout-step-title__border; +@checkout-shipping-method__padding: @indent__base; + +// +// Common +// _____________________________________________ + +& when (@media-common = true) { + + .opc-wrapper { + + // + // Shipping Address + // --------------------------------------------- + + .form-login, + .form-shipping-address { + .lib-css(margin-top, @checkout-shipping-address__margin-top); + .lib-css(margin-bottom, @checkout-shipping-address__margin-top); + .fieldset { + .field { + .label { + font-weight: @font-weight__regular; + } + } + .note { + font-size: @font-size__base; + margin-top: @indent__s; + } + } + } + + .shipping-address-items { + font-size: 0; + } + + .shipping-address-item { + &:extend(.abs-add-box-sizing all); + .lib-css(border, @checkout-shipping-item__border); + .lib-css(font-size, @font-size__base); + .lib-css(line-height, @checkout-shipping-item__line-height); + .lib-css(margin, @checkout-shipping-item__margin); + .lib-css(padding, @checkout-shipping-item__padding); + .lib-css(transition, @checkout-shipping-item__transition); + .lib-css(width, @checkout-shipping-item-tablet__width); + display: inline-block; + position: relative; + vertical-align: top; + word-wrap: break-word; + + &.selected-item { + .lib-css(border-color, @checkout-shipping-item__active__border-color); + + &:after { + .lib-css(background, @checkout-shipping-item-icon__background-color); + .lib-css(color, @checkout-shipping-item-icon__color); + .lib-css(content, @checkout-shipping-item-icon__content); + .lib-css(font-family, @icons__font-name); + .lib-css(height, @checkout-shipping-item-icon__selected__height); + .lib-css(width, @checkout-shipping-item-icon__selected__width); + font-size: 19px; + line-height: 21px; + padding-top: 2px; + position: absolute; + right: 0; + text-align: center; + top: 0; + } + + .action-select-shipping-item { + &:extend(.abs-no-display-s all); + visibility: hidden; + } + } + } + + .field { + &.addresses { + &:extend(.abs-add-clearfix all); + } + } + + .action-show-popup { + margin: 0 0 @indent__base; + > span { + &:before { + content: '+'; + padding-right: @indent__xs; + } + } + } + + .action-select-shipping-item { + float: right; + margin: @indent__base 0 0; + } + + .edit-address-link { + &:extend(.abs-action-button-as-link all); + display: block; + float: left; + margin: 26px 5px 0 0; + } + } + + // + // Shipping Methods + // --------------------------------------------- + + .checkout-shipping-method { + .step-title { + margin-bottom: 0; + } + .no-quotes-block { + margin: @indent__base 0; + } + } + + .methods-shipping { + .actions-toolbar { + .action { + &.primary { + &:extend(.abs-button-l all); + margin: @indent__base 0 0; + } + } + } + } + + .table-checkout-shipping-method { + thead { + th { + display: none; + } + } + tbody { + td { + .lib-css(border-top, @checkout-shipping-method__border); + .lib-css(padding-bottom, @checkout-shipping-method__padding); + .lib-css(padding-top, @checkout-shipping-method__padding); + &:first-child { + padding-left: 0; + padding-right: 0; + width: 20px; + } + } + tr { + &:first-child { + td { + border-top: none; + } + } + } + .col-price { + font-weight: @font-weight__semibold; + } + .row-error { + td { + border-top: none; + padding-bottom: @indent__s; + padding-top: 0; + } + } + } + } +} + +// +// Mobile +// _____________________________________________ + +.media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__s) { + .opc-wrapper { + .form-login, + .form-shipping-address, + .methods-shipping { + .lib-css(background, @checkout-step-content-mobile__background); + .lib-css(margin, @checkout-step-content-mobile__margin); + .lib-css(padding, @indent__base @checkout-step-content-mobile__margin-s); + } + + .form-login { + + .form-shipping-address { + .lib-css(margin-top, -(@checkout-step-content-mobile__margin-s)); + } + } + + .shipping-address-item { + .lib-css(border-bottom, 1px solid @checkout-shipping-item-before__border-color); + .lib-css(margin, @checkout-shipping-item-mobile__margin); + .lib-css(padding, @checkout-shipping-item-mobile__padding); + .lib-css(width, @checkout-shipping-item-mobile__width); + &.selected-item { + .lib-css(padding, @checkout-shipping-item-mobile__active__padding); + border-bottom-width: 2px; + + .edit-address-link { + .lib-css(right, @checkout-shipping-item-icon__selected__width + @indent__s); + } + } + } + + .action-select-shipping-item { + float: none; + margin-top: @indent__s; + width: 100%; + } + + .action-show-popup { + width: 100%; + } + + .methods-shipping { + .lib-css(border-bottom, @checkout-step-title__border); + padding-top: @indent__l; + } + + .edit-address-link { + .lib-icon-font( + @icon-edit, + @_icon-font-size: 18px, + @_icon-font-line-height: 20px, + @_icon-font-text-hide: true, + @_icon-font-color: @minicart-icons-color, + @_icon-font-color-hover: @primary__color, + @_icon-font-color-active: @minicart-icons-color + ); + margin: 0; + position: absolute; + right: 0; + top: 5px; + } + } +} + +// +// Desktop +// _____________________________________________ + +.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) { + .checkout-shipping-method { + .actions-toolbar { + > .primary { + float: right; + } + .action { + &.primary { + margin: 0; + } + } + } + } + .opc-wrapper { + .form-login, + .form-shipping-address { + .lib-css(max-width, @checkout-shipping-address__max-width); + } + + .form-login { + .lib-css(border-bottom, @checkout-step-title__border); + padding-bottom: @indent__base; + } + } + .table-checkout-shipping-method { + width: auto; + } +} + +.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__l) { + .opc-wrapper { + .shipping-address-item { + .lib-css(width, @checkout-shipping-item__width); + + &:before { + .lib-css(background, @checkout-shipping-item-before__border-color); + .lib-css(height, @checkout-shipping-item-before__height); + content: ''; + left: 0; + position: absolute; + top: 0; + width: 1px; + } + + &:nth-child(3n+1) { + &:before { + display: none; + } + } + + &.selected-item { + &:before { + display: none; + } + + + .shipping-address-item { + &:before { + display: none; + } + } + } + } + } + .table-checkout-shipping-method { + min-width: 500px; + } +} diff --git a/app/design/frontend/Venustheme/fasony/Magento_Checkout/web/css/source/module/checkout/_sidebar.less b/app/design/frontend/Venustheme/fasony/Magento_Checkout/web/css/source/module/checkout/_sidebar.less new file mode 100644 index 0000000..020dbe0 --- /dev/null +++ b/app/design/frontend/Venustheme/fasony/Magento_Checkout/web/css/source/module/checkout/_sidebar.less @@ -0,0 +1,23 @@ +// /** +// * Copyright © 2015 Magento. All rights reserved. +// * See COPYING.txt for license details. +// */ + +// +// Variables +// _____________________________________________ + +@checkout-sidebar__margin: @indent__base; +@checkout-sidebar__margin__xl: 46px; +@checkout-sidebar__columns: 3; + +// +// Desktop +// _____________________________________________ + +.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) { + .opc-sidebar { + .lib-css(margin, @checkout-sidebar__margin__xl 0 @checkout-sidebar__margin); + .lib-layout-column(2, 1, 30%); + } +} diff --git a/app/design/frontend/Venustheme/fasony/Magento_Customer/layout/customer_account_create.xml b/app/design/frontend/Venustheme/fasony/Magento_Customer/layout/customer_account_create.xml new file mode 100755 index 0000000..f7cf5a2 --- /dev/null +++ b/app/design/frontend/Venustheme/fasony/Magento_Customer/layout/customer_account_create.xml @@ -0,0 +1,10 @@ + + + + + true + + + + \ No newline at end of file diff --git a/app/design/frontend/Venustheme/fasony/Magento_Customer/web/js/view/authentication-popup.js b/app/design/frontend/Venustheme/fasony/Magento_Customer/web/js/view/authentication-popup.js new file mode 100755 index 0000000..63bb794 --- /dev/null +++ b/app/design/frontend/Venustheme/fasony/Magento_Customer/web/js/view/authentication-popup.js @@ -0,0 +1,88 @@ +/** + * Copyright © 2016 Magento. All rights reserved. + * See COPYING.txt for license details. + */ +/*jshint browser:true jquery:true*/ +/*global alert*/ +define( + [ + 'jquery', + 'ko', + 'Magento_Ui/js/form/form', + 'Magento_Customer/js/action/login', + 'Magento_Customer/js/customer-data', + 'Magento_Customer/js/model/authentication-popup', + 'mage/translate', + 'mage/url', + 'Magento_Ui/js/modal/alert', + 'mage/validation' + ], + function ($, ko, Component, loginAction, customerData, authenticationPopup, $t, url, alert) { + 'use strict'; + + return Component.extend({ + registerUrl: window.authenticationPopup.customerRegisterUrl, + forgotPasswordUrl: window.authenticationPopup.customerForgotPasswordUrl, + autocomplete: ((window.checkout && window.checkout.autocomplete) ? window.checkout.autocomplete : null), + modalWindow: null, + isLoading: ko.observable(false), + + defaults: { + template: 'Magento_Customer/authentication-popup' + }, + + /** + * Init + */ + initialize: function () { + var self = this; + this._super(); + url.setBaseUrl(window.authenticationPopup.baseUrl); + loginAction.registerLoginCallback(function () { + self.isLoading(false); + }); + }, + + /** Init popup login window */ + setModalElement: function (element) { + if (authenticationPopup.modalWindow == null) { + authenticationPopup.createPopUp(element); + } + }, + + /** Is login form enabled for current customer */ + isActive: function () { + var customer = customerData.get('customer'); + + return customer() == false; + }, + + /** Show login popup window */ + showModal: function () { + if (this.modalWindow) { + $(this.modalWindow).modal('openModal'); + } else { + alert({ + content: $t('Guest checkout is disabled.') + }); + } + }, + + /** Provide login action */ + login: function (loginForm) { + var loginData = {}, + formDataArray = $(loginForm).serializeArray(); + formDataArray.forEach(function (entry) { + loginData[entry.name] = entry.value; + }); + + if ($(loginForm).validation() && + $(loginForm).validation('isValid') + ) { + this.isLoading(true); + loginAction(loginData, null, false); + } + } + }); + } +); diff --git a/app/design/frontend/Venustheme/fasony/Magento_Directory/templates/currency_custom.phtml b/app/design/frontend/Venustheme/fasony/Magento_Directory/templates/currency_custom.phtml new file mode 100644 index 0000000..cafe8a9 --- /dev/null +++ b/app/design/frontend/Venustheme/fasony/Magento_Directory/templates/currency_custom.phtml @@ -0,0 +1,39 @@ + + +getCurrencyCount() > 1): ?> +getCurrencies(); ?> +getCurrentCurrencyCode(); ?> +getIdModifier() ? '-' . $block->getIdModifier() : ''?> +
+ + +
+ + escapeHtml($currentCurrencyCode) ?> + +
+
    + $_name): ?> + +
  • + - +
    • + + +
+
+ diff --git a/app/design/frontend/Venustheme/fasony/Magento_LayeredNavigation/templates/layer/state.phtml b/app/design/frontend/Venustheme/fasony/Magento_LayeredNavigation/templates/layer/state.phtml new file mode 100644 index 0000000..007b47b --- /dev/null +++ b/app/design/frontend/Venustheme/fasony/Magento_LayeredNavigation/templates/layer/state.phtml @@ -0,0 +1,53 @@ + + +getActiveFilters() ?> + +
+ +
    + +
  1. + escapeHtml(__($_filter->getName())); ?> + stripTags($_filter->getLabel()) ?> + getClearLinkUrl(); + $currentFilterName = $block->escapeHtml(__($_filter->getName())) . " " . $block->stripTags($_filter->getLabel()); + if ($clearLinkUrl): + ?> + + + escapeHtml($_filter->getFilter()->getClearLinkText()) ?> + + + "> + + + +
    2. + +
+
+ diff --git a/app/design/frontend/Venustheme/fasony/Magento_LayeredNavigation/templates/layer/view.phtml b/app/design/frontend/Venustheme/fasony/Magento_LayeredNavigation/templates/layer/view.phtml new file mode 100644 index 0000000..12119b8 --- /dev/null +++ b/app/design/frontend/Venustheme/fasony/Magento_LayeredNavigation/templates/layer/view.phtml @@ -0,0 +1,57 @@ + + + +canShowBlock()): ?> +
+ getLayer()->getState()->getFilters()) ?> +
+ +
+
+ getChildHtml('state') ?> + + getLayer()->getState()->getFilters()): ?> +
+ +
+ + + getFilters() as $filter): ?> + getItemsCount()): ?> + + +
+ +
+
getName()) ?>
+
getChildBlock('renderer')->render($filter); ?>
+
+ + + +
+ + + +
+
+ diff --git a/app/design/frontend/Venustheme/fasony/Magento_LayeredNavigation/web/css/source/_module.less b/app/design/frontend/Venustheme/fasony/Magento_LayeredNavigation/web/css/source/_module.less new file mode 100644 index 0000000..3d341e5 --- /dev/null +++ b/app/design/frontend/Venustheme/fasony/Magento_LayeredNavigation/web/css/source/_module.less @@ -0,0 +1,481 @@ +// /** +// * Copyright © 2015 Magento. All rights reserved. +// * See COPYING.txt for license details. +// */ + +// +// Common +// _____________________________________________ + +& when (@media-common = true) { + .filter { + &.block { + margin-bottom: 0; + } + &-title { + strong { + @_shadow: inset 0 1px 0 0 @color-white, inset 0 -1px 0 0 fade(@border-color__base, 30); + + .lib-css(background-color, @toolbar-element-background); + .lib-css(box-shadow, @_shadow); + border-radius: 3px; + border: 1px solid @border-color__base; + font-weight: 400; + left: 0; + line-height: 16px; + padding: 7px @indent__s; + position: absolute; + text-align: center; + top: 0; + z-index: 2; + &[data-count]:after { + .lib-css(color, @color-white); + background: @color-orange-red4; + border-radius: 2px; + content: attr(data-count); + display: inline-block; + font-size: .8em; + line-height: 1; + margin: 0 @indent__xs; + min-width: 1em; + padding: 2px; + } + &.disabled { + opacity: .5; + } + } + } + .block-subtitle { + border-bottom: @border-width__base solid @border-color__base; + font-size: @font-size__base; + font-weight: @font-weight__semibold; + line-height: 1em; + padding: @indent__s @indent__s @indent__base; + } + &-subtitle { + display: none; + } + &-current { + margin: 0; + .items { + padding: @indent__xs @indent__s; + } + .item { + padding-left: 17px; + position: relative; + z-index: 1; + } + .filter &-subtitle { + border: none; + display: block; + padding-bottom: @indent__s; + } + .action.remove { + &:extend(.abs-remove-button-for-blocks all); + @_icon-font-size: 12px; + left: -2px; + position: absolute; + top: -1px; + } + } + &-actions { + margin-bottom: @indent__m; + padding: 0 @indent__s; + } + &-label { + font-weight: @font-weight__bold; + &:after { + content: ': '; + } + } + &-value { + .lib-css(color, @filter-quantity); + } + &-options { + display: none; + margin: 0; + &-item { + border-bottom: @border-width__base solid @border-color__base; + padding-bottom: @indent__s; + } + &-title { + cursor: pointer; + font-weight: @font-weight__semibold; + margin: 0; + overflow: hidden; + padding: @indent__s 30px+@indent__s 0 @indent__s; + position: relative; + text-transform: uppercase; + word-break: break-all; + z-index: 1; + .lib-icon-font( + @_icon-font-content: @icon-down, + @_icon-font-size: 13px, + @_icon-font-position: after, + @_icon-font-display: block + ); + + &:after { + position: absolute; + right: 13px; + top: 9px; + } + &:hover { + .lib-css(color, @filter-link-hover); + } + .active > & { + .lib-icon-font-symbol( + @_icon-font-content: @icon-up, + @_icon-font-position: after + ); + } + } + &-content { + margin: 0; + padding: @indent__s; + .item { + margin: @indent__s 0; + line-height: 1.5em; + } + a { + .lib-css(color, @filter-link); + margin-left: -5px; + margin-right: -5px; + padding-left: 5px; + padding-right: 7px; + &:hover { + background-color: @color-gray91; + text-decoration: none; + & + .count { + background-color: @color-gray91; + } + } + } + .count { + .lib-css(color, @filter-quantity); + padding-right: 5px; + &:before { + content: '('; + } + &:after { + content: ')'; + } + } + .filter-count-label { + &:extend(.abs-visually-hidden all); + } + } + } + } +} + +// +// Mobile +// _____________________________________________ + +.media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__s) { + body { + &.filter-active { + .page-wrapper { + height: 0; + margin-top: -999999em; + visibility: hidden; + } + .columns { + z-index: 999; + } + } + } + + .filter { + &.active { + position: relative; + visibility: visible; + z-index: 99; + .filter-options-item:last-child { + margin-bottom: @indent__xl; + } + .filter-title { + border-bottom: 1px solid #ddd; + height: 48px; + left: 0; + position: fixed; + right: 0; + top: 0; + z-index: 2; + strong { + .lib-css(box-shadow, none); + background: none; + border: 0; + color: transparent; + left: auto; + right: 3px; + top: 10px; + .lib-icon-font( + @icon-remove, + @_icon-font-color: @text__color__muted, + @_icon-font-size: 16px, + @_icon-font-position: after + ); + } + } + .filter-subtitle { + .lib-css(background, @toolbar-background); + display: block; + height: 50px; + left: 0; + line-height: 32px; + position: fixed; + right: 0; + top: 0; + z-index: 1; + } + .filter-options { + .lib-css(background, @color-white); + bottom: 0; + display: block; + left: 0; + overflow: scroll; + position: fixed; + right: 0; + top: 50px; + z-index: 10; + } + } + } + + .filter { + & &-subtitle { + font-size: 20px; + font-weight: @font-weight__light; + } + &-actions { + margin: -35px -@indent__s @indent__m; + } + &-options-content { + padding: @indent__xs @indent__s; + } + } + .filter .filter-current { + border: solid @border-color__base; + border-width: 1px 0; + margin: @indent__xs -@indent__s 0; + + .items { + display: none; + } + &-subtitle { + position: relative; + text-transform: uppercase; + z-index: 1; + .lib-icon-font( + @_icon-font-content: @icon-down, + @_icon-font-size: 13px, + @_icon-font-position: before, + @_icon-font-display: block + ); + &:before { + position: absolute; + right: 10px; + top: 10px; + } + + &:after { + .lib-css(color, @text__color__muted); + content:' (' attr(data-count) ')'; + font-size:.9em; + } + } + &.active { + padding-bottom: 30px; + .block-subtitle { + .lib-icon-font-symbol( + @_icon-font-content: @icon-up, + @_icon-font-position: before + ); + } + .items { + display: block; + } + & + .block-actions { + display: block; + } + } + & + .block-actions { + display: none; + } + } + .filter-no-options { + .filter-title { + &:before { + background: rgba(255,255,255,.5); + content: ''; + display: block; + height: 40px; + left: -15px; + margin-top: -60px; + position: relative; + width: 100px; + z-index: 99; + } + } + .filter-content { + margin-bottom: @indent__base; + } + } + .page-with-filter { + .columns { + .sidebar-main { + .lib-vendor-prefix-order(0); + } + } + } +} + +.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__s) { + + .filter { + &.block { + margin-bottom: @indent__xl; + } + &-title { + display: none; + } + &-content { + .item { + margin: @indent__s 0; + } + } + &-actions { + margin-bottom: @indent__l; + } + &.active &-options, + &-options { + background: transparent; + clear: both; + display: block; + overflow: initial; + position: static; + } + &-subtitle { + position: static; + display: block; + } + } + .page-layout-1column { + .toolbar-products { + position: absolute; + top: 0; + width: 100%; + } + .products ~ .toolbar-products { + position: static; + } + &.page-with-filter .column.main { + padding-top: 45px; + position: relative; + z-index: 1; + } + .filter { + &.block { + border-top: 1px solid @border-color__base; + } + &-content { + margin-top: @indent__s; + } + &-subtitle { + display: none; + } + &-options { + &-item { + border: 0; + display: inline-block; + margin-right: @indent__m; + &.active { + position: relative; + z-index: 2; + &:hover { + z-index: 3; + } + &:after, + &:before { + .lib-arrow(up, 8px, @color-black); + bottom: -1px; + content: ''; + display: block; + left: 50%; + margin-left: -@indent__base; + position: absolute; + z-index: 3; + } + &:after { + .lib-css(border-bottom-color, @color-white); + margin-top:2px; + z-index: 4; + } + } + } + &-title { + padding: 0 @indent__base 0 0; + &:after { + right: 2px; + top: 3px; + z-index: 3; + } + } + &-content { + @_shadow: 0 3px 5px 0 rgba(50, 50, 50, .75); + + .lib-css(background, @color-white); + .lib-css(box-shadow, @_shadow, 1); + border: 1px solid @border-color__base; + padding: @indent__xs 0; + position: absolute; + top: 100%; + width: 180px; + z-index: 2; + .item { + padding: @indent__xs; + margin:0; + a { + margin-left: 0; + } + &:hover { + background-color: @color-gray91; + } + } + } + } + &-current { + display: inline; + line-height: 35px; + &-subtitle { + .lib-css(color, @text__color__muted); + display: inline; + font-size: @font-size__base; + font-weight: normal; + padding: 0; + &:after { + content: ':'; + } + } + .item, + .items { + display: inline; + } + .item { + margin-right: @indent__m; + } + .action.remove { + line-height: normal; + } + } + &-actions { + display: inline; + & ~ .filter-options { + margin-top: @indent__m; + } + } + } + } +} diff --git a/app/design/frontend/Venustheme/fasony/Magento_Newsletter/templates/subscribe.phtml b/app/design/frontend/Venustheme/fasony/Magento_Newsletter/templates/subscribe.phtml new file mode 100644 index 0000000..b76f468 --- /dev/null +++ b/app/design/frontend/Venustheme/fasony/Magento_Newsletter/templates/subscribe.phtml @@ -0,0 +1,34 @@ + + diff --git a/app/design/frontend/Venustheme/fasony/Magento_Newsletter/web/css/source/_module.less b/app/design/frontend/Venustheme/fasony/Magento_Newsletter/web/css/source/_module.less new file mode 100644 index 0000000..04faebb --- /dev/null +++ b/app/design/frontend/Venustheme/fasony/Magento_Newsletter/web/css/source/_module.less @@ -0,0 +1,73 @@ +// /** +// * Copyright © 2015 Magento. All rights reserved. +// * See COPYING.txt for license details. +// */ + +// +// Common +//-------------------------------------- + +& when (@media-common = true) { + +// +// Newsletter subscription +//-------------------------------------- +.block.newsletter { + margin-bottom: 20px; + .form.subscribe { + display: table; + width: 100%; + } + .fieldset { + display: table-cell; + margin: 0; + padding: 0; + vertical-align: top; + } + .field { + margin: 0; + .control { + padding-top: 10px; + .lib-icon-font( + @icon-envelope, + @_icon-font-size: 16px, + @_icon-font-line-height: 32px, + @_icon-font-color: @form-element-input-placeholder__color, + @_icon-font-margin: 0 0 0 8px + ); + &:before { + position: absolute; + } + display: block; + } + } + input { + padding-left: 35px; + } + .title { + display: none; + } + .label { + width: 100%; + } + .actions { + vertical-align: top; + width: 100%; + margin-top: 15px; + } + .action.subscribe { + background: #2f2f2f; + color: #fff; + font-size: 12px; + text-transform: uppercase; + font-family: 'Lato', sans-serif; + border:0; + border-radius:0; + &:hover, &:focus { + background: #80b2a7; + } + } +} + +} + diff --git a/app/design/frontend/Venustheme/fasony/Magento_Review/templates/helper/summary.phtml b/app/design/frontend/Venustheme/fasony/Magento_Review/templates/helper/summary.phtml new file mode 100644 index 0000000..34e2c15 --- /dev/null +++ b/app/design/frontend/Venustheme/fasony/Magento_Review/templates/helper/summary.phtml @@ -0,0 +1,41 @@ + +getReviewsUrl() . '#reviews'; ?> +getReviewsUrl() . '#review-form'; ?> +getReviewsCount()): ?> +getRatingSummary(); ?> +
+ +
+ : +
+ % of 100 +
+
+ +
+ getReviewsCount() ?> getReviewsCount() == 1) ? __('Review') : __('Reviews') ?> + +
+
+getDisplayIfEmpty()): ?> +
+
+
+ % +
+
+
+ + + +
+
+ diff --git a/app/design/frontend/Venustheme/fasony/Magento_Review/templates/helper/summary_short.phtml b/app/design/frontend/Venustheme/fasony/Magento_Review/templates/helper/summary_short.phtml new file mode 100644 index 0000000..0a58d25 --- /dev/null +++ b/app/design/frontend/Venustheme/fasony/Magento_Review/templates/helper/summary_short.phtml @@ -0,0 +1,40 @@ + +getReviewsUrl() . '#reviews'; ?> +getReviewsUrl() . '#review-form'; ?> +getReviewsCount()): ?> +getRatingSummary(); ?> +
+ +
+ : +
+ % +
+
+ +
+ getReviewsCount() ?> getReviewsCount() == 1) ? __('Review') : __('Reviews') ?> +
+
+getDisplayIfEmpty()): ?> +
+
+
+ % +
+
+
+ + + +
+
+ diff --git a/app/design/frontend/Venustheme/fasony/Magento_Review/web/css/source/_module.less b/app/design/frontend/Venustheme/fasony/Magento_Review/web/css/source/_module.less new file mode 100644 index 0000000..e98e6cf --- /dev/null +++ b/app/design/frontend/Venustheme/fasony/Magento_Review/web/css/source/_module.less @@ -0,0 +1,453 @@ +// /** +// * Copyright © 2015 Magento. All rights reserved. +// * See COPYING.txt for license details. +// */ + +// +// Common +//-------------------------------------- + +& when (@media-common = true) { + +.data.switch .counter { + .lib-css(color, @text__color__muted); + &:before { + content:"("; + } + &:after { + content:")"; + } +} +.rating-summary { + .lib-rating-summary(); +} + +.product-reviews-summary, +.table-reviews { + .rating-summary { + .lib-rating-summary-label-hide(); + } +} + +.review-control-vote { + .lib-rating-vote(); + &:before { + .lib-rating-icons-content( + @_icon-content: @icon-star-empty + ); + } +} + +// +// Review product page +//-------------------------------------- +.review { + &-toolbar { + padding: 0; + border-top: 1px solid @color-gray79; + margin: 0 0 @indent__base; + text-align: center; + &:first-child { + display: none; + } + .pages { + display: block; + text-align: center; + border-bottom: 1px solid @color-gray79; + padding: @indent__base 0; + } + .limiter { + display: none; + } + } + &-add { + .block-title { + display: none; + } + } + &-form { + .action.submit.primary { + .lib-button-revert-secondary-color(); + .lib-button-revert-secondary-size(); + margin: 0; + } + .actions-toolbar .actions-primary { + padding: 0; + } + } + &-fieldset {} + .fieldset &-legend.legend { + line-height: 1.3; + border-bottom: 0; + padding: 0; + span { + margin: 0; + } + strong { + display: block; + font-weight: 600; + } + margin-bottom: @indent__base; + margin-left: 0; + } + .fieldset &-field-ratings { + > .label { + margin-bottom: @indent__s; + font-weight: 600; + padding: 0; + } + } + &-control-vote label:before, + &-control-vote:before { + font-size: 32px; + line-height: 32px; + height: 32px; + letter-spacing: 5px; + } + &-field-rating { + .label { + font-weight: 600; + } + .control { + margin-top: @indent__s; + margin-bottom: 1.2*@indent__xl; + } + } + &-list { + .block-title strong { + .lib-heading(h2); + } + margin-bottom: @indent__l; + } + &-item { + padding: @indent__base 0; + border-bottom: 1px solid @color-gray79; + margin: 0; + .lib-clearer(); + &:last-child { + border-width: 0; + } + } + &-ratings { + display: table; + max-width: 100%; + margin-bottom: @indent__s; + &:extend(.abs-rating-summary all); + } + &-author { + display: inline; + .review-details-value { + font-weight: 400; + } + } + &-date { + display: inline; + .review-details-label { + &:extend(.abs-visually-hidden all); + } + } + &-title { + .lib-heading(h3); + margin: 0 0 @indent__base; + } + &-content { + margin-bottom: @indent__base; + } +} +.page-main { + .column { + .review-add { + margin-bottom: 0; + } + } +} + +} + +// +// Desktop +//-------------------------------------- +.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__s) { + .review { + &-form { + max-width: 500px; + } + + @review-ratings-left: 280px; + &-ratings { + max-width: @review-ratings-left - @indent__xl; + float: left; + margin-bottom: 0; + } + &-ratings ~ &-content, + &-ratings ~ &-details { + margin-left: @review-ratings-left; + } + } + + .review { + @reviews-indent-desktop: 30px; + &-toolbar { + margin: 0 0 @reviews-indent-desktop; + .pages { + padding: @reviews-indent-desktop 0; + } + } + .fieldset &-legend.legend { + margin-bottom: @reviews-indent-desktop; + } + &-item { + padding: @reviews-indent-desktop 0; + } + &-title { + margin: 0 0 @reviews-indent-desktop; + } + } +} + +// +// Common +//-------------------------------------- + +& when (@media-common = true) { + +.data.table.reviews { + .rating-summary { + margin-top: -4px; + } +} + +.customer.review.view { + .review.title, + .ratings.summary.items, + .product.details { + margin-bottom: @indent__base; + } +} + +.product-reviews-summary { + margin-bottom: @indent__xs; + .products.wrapper.list & { + margin: 0 auto; + } + .rating-summary { + display:inline-block; + vertical-align: middle; + } + .reviews-actions { + display:inline-block; + vertical-align: middle; + font-size: @font-size__base - 1; + a { + color: #bbb; + &:hover { + color: #ef5d5d; + } + } + a:not(:last-child) { + margin-right: 10px; + } + .action.view span { + } + } +} + +.product-info-main, +.customer-review { + .rating-summary { + margin-right: 10px; + } +} + +} + +// +// Desktop +//-------------------------------------- +.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) { + .product-reviews-summary { + margin-bottom: @indent__s + @indent__xs; + .products.wrapper.list & { + margin: 0; + } + .reviews-actions { + font-size: @font-size__base - 1; + margin-top: 6px; + } + } +} + + +// +// Common +//-------------------------------------- + +& when (@media-common = true) { + +.account { + .page-title-wrapper h1.page-title { + font-size: 30px; + text-transform: uppercase; + } + + .column.main { + .block { + .block-title { + padding-left:0; + text-align: left; + &:before { + display: none; + } + a.action { font-size: 15px;} + } + } + } +} + +// +// Account +//-------------------------------------- +.block-reviews-dashboard { + .items { + .item { + .lib-css(margin-bottom, @indent__base); + &:last-child { + margin-bottom: 0; + } + } + } + .product-name { + display: inline-block; + &:not(:last-child) { + .lib-css(margin-bottom, @indent__xs); + } + } + .rating-summary { + .label { + .lib-css(font-weight, @font-weight__semibold); + .lib-css(margin-right, @indent__s); + } + } +} + +.table-reviews, +.block-reviews-dashboard { + .product-name { + .lib-css(font-weight, @font-weight__regular); + } +} + +.table-reviews { + .rating-summary { + display: inline-block; + vertical-align: baseline; + } +} + +} + +// +// Mobile +//-------------------------------------- +.media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__s) { + .account { + .table-reviews { + .col.actions { + &:extend(.abs-col-no-prefix all); + } + } + } +} + +// +// Desktop +//-------------------------------------- +.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) { + .block-reviews-dashboard { + .product-name { + &:extend(.abs-account-block-font-size all); + } + } +} + +// +// Common +//-------------------------------------- + +& when (@media-common = true) { + +.customer-review { + .product-details { + &:extend(.abs-add-clearfix all); + &:extend(.abs-margin-for-blocks-and-widgets all); + .rating-average-label { + &:extend(.abs-visually-hidden all); + } + } + .product-media { + width: 30%; + max-width: 285px; + float: left; + margin-right: 3%; + } + .product-info { + } + .review-details { + margin: 0; + .title { + &:extend(.abs-account-title all); + } + .customer-review-rating { + .lib-css(margin-bottom, @indent__base); + .item { + .lib-css(margin-bottom, @indent__s); + &:last-child { + margin-bottom: 0; + } + } + &:extend(.abs-rating-summary all); + } + .review-title { + .lib-heading(h3); + .lib-css(font-weight, @font-weight__semibold); + .lib-css(margin-bottom, @indent__base); + } + .review-content { + margin: 0; + .lib-css(margin-bottom, @indent__base); + } + .review-date { + .lib-css(color, @primary__color__light); + } + } +} + +} + +// +// Mobile +//-------------------------------------- +.media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__s) { + .customer-review { + .product-name { + .lib-css(margin-bottom, @indent__xs); + } + .product-reviews-summary { + .rating-summary { + display: block; + .lib-css(margin-bottom, @indent__xs); + } + } + } +} + +// +// Desktop +//-------------------------------------- +.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) { + .customer-review { + .product-details { + &:extend(.abs-margin-for-blocks-and-widgets-desktop all); + } + } +} diff --git a/app/design/frontend/Venustheme/fasony/Magento_Sales/templates/reorder/sidebar.phtml b/app/design/frontend/Venustheme/fasony/Magento_Sales/templates/reorder/sidebar.phtml new file mode 100644 index 0000000..8dce809 --- /dev/null +++ b/app/design/frontend/Venustheme/fasony/Magento_Sales/templates/reorder/sidebar.phtml @@ -0,0 +1,85 @@ + +
+
+ +
+
+
+ +
    +
  1. +
    + +
    + +
    +
    + + + + + +
    2. +
+
+
+
+ +
+
+ + + +
+
+
+
+ +
+ diff --git a/app/design/frontend/Venustheme/fasony/Magento_Sales/web/css/source/_module.less b/app/design/frontend/Venustheme/fasony/Magento_Sales/web/css/source/_module.less new file mode 100644 index 0000000..954aefa --- /dev/null +++ b/app/design/frontend/Venustheme/fasony/Magento_Sales/web/css/source/_module.less @@ -0,0 +1,573 @@ +// /** +// * Copyright © 2015 Magento. All rights reserved. +// * See COPYING.txt for license details. +// */ + +// +// Common +// --------------------------------------------- + +& when (@media-common = true) { + +.order-links { + margin-bottom: 0 !important; + mark, + .mark { + background: transparent !important; + } + + .item { + line-height: @tab-control__height; + margin: 0 0 -1px; + strong { + .lib-css(background, @tab-control__active__background-color); + border: @border-width__base solid @border-color__base; + display: block; + font-weight: @tab-control__font-weight; + padding: 0 20px; + } + a { + .lib-css(background, @tab-control__background-color); + .lib-css(color, @tab-control__color); + border: @border-width__base solid @border-color__base; + display: block; + font-weight: @tab-control__font-weight; + padding: 0 20px; + &:hover { + .lib-css(background, @tab-control__hover__background-color); + .lib-css(text-decoration, @tab-control__hover__text-decoration); + } + } + } +} + +.order-details-items { + border: @border-width__base solid @border-color__base; + margin-bottom: @indent__xl; + padding: @indent__s; + .order-title { + border-bottom: @border-width__base solid @border-color__base; + padding: 0 0 @indent__s; + > strong { + .lib-font-size(24); + font-weight: @font-weight__light; + } + .action { + display: inline-block; + } + } + .table-wrapper { + margin: 0; + + .actions-toolbar { + display: none; + } + &:not(:last-child) { + margin-bottom: @indent__l; + } + } + .table-order-items { + > thead > tr > th { + border-bottom: 1px solid @border-color__base; + } + tbody { + & + tbody { + border-top: 1px solid @border-color__base; + } + .account & { + tr:nth-child(even) td { + background: none; + } + } + td { + padding-top: 20px; + padding-bottom: 20px; + } + .col { + &.label { + font-weight: @font-weight__bold; + padding-top: 0; + padding-bottom: 5px; + } + &.options { + padding: 0 0 15px; + } + } + > .item-parent { + td { + padding-bottom: 5px; + } + + tr td { + padding-top: 5px; + } + } + .item-options-container td { + padding-top: 0; + padding-bottom: 15px; + } + } + .product-item-name { + margin: 0 0 10px; + } + } + .item-options { + margin: 0; + dt { + margin: 0; + } + dd { + margin: 0 0 15px; + &:last-child { + margin-bottom: 0; + } + } + &.links { + dt { + display: inline-block; + &:after { + content: ": "; + } + } + dd { + margin: 0; + } + } + } + + thead { + .col.qty { + text-align: center; + } + } + .col { + &.price, + &.subtotal { + &:extend(.abs-incl-excl-tax all); + } + &.name { + padding-top: 16px; + } + } + .cart-tax-total { + &:extend(.abs-tax-total all); + &-expanded { + &:extend(.abs-tax-total-expanded all); + } + } + tfoot { + &:extend(.abs-account-summary all); + } + .action { + &.show { + .lib-icon-font( + @icon-down, + @_icon-font-size: 10px, + @_icon-font-line-height: 10px, + @_icon-font-text-hide: true, + @_icon-font-position: after, + @_icon-font-display: inline-block + ); + .lib-css(color, @primary__color); + &.expanded { + .lib-icon-font-symbol( + @_icon-font-content: @icon-up, + @_icon-font-position: after + ); + } + } + } + .product-item-name { + .lib-font-size(18); + } + .items-qty { + &:extend(.abs-reset-list all); + .item { + white-space: nowrap; + } + .title { + &:after { + content: ": "; + } + } + } + + .action.print { + display: none; + } +} + +.block-order-details { + &-comments { + margin: 0 0 40px; + .comment-date { + font-weight: @font-weight__semibold; + } + .comment-content { + line-height: 1.6; + margin: 0 0 20px; + } + } + + &-view { + .block-content .box { + margin-bottom: 30px; + } + .box-title { + font-weight: @font-weight__semibold; + } + .box-content { + .payment-method { + .title { + font-weight: @font-weight__regular; + } + .content { + margin: 0; + > strong { + font-weight: @font-weight__regular; + &:after { + content: ': '; + } + } + } + } + } + } + + &-gift-message { + .column.main .order-details-items & { + margin: 40px 0 0; + } + + .actions-toolbar { + display: none; + } + } +} + +.order-tracking { + .order-title + & { + border-bottom: @border-width__base solid @border-color__base; + } + margin: 0; + padding: 20px 0; + .tracking-title { + display: inline-block; + } + .tracking-content { + display: inline-block; + margin: 0 0 0 5px; + } +} + +.order-actions-toolbar { + margin-bottom: 25px; + .action { + margin-right: 30px; + &.print { + &:extend(.abs-action-print all); + display: none; + margin: 0; + } + } +} + +.order-status { + &:extend(.abs-status all); +} + +.account, +[class^="sales-guest-"], +.sales-guest-view, +.magento-rma-guest-returns { + &:extend(.abs-title-orders all); +} + +.form-orders-search { + &:extend(.abs-forms-general-desktop all); + .field { + &.email, + &.zip { + margin-bottom: 0; + } + } +} + +.block-reorder { + .block-title { + &:extend(.abs-block-widget-title all); + } + + .actions-toolbar { + margin: 17px 0; + } + + .product-item-name { + display: inline-block; + } + .product-item { + .label { + &:extend(.abs-visually-hidden all); + } + .field.item { + display: inline-block; + } + } +} + +// +// Guest order view page +// --------------------------------------------- + +[class^="sales-guest-"], +.sales-guest-view { + .column.main { + .block:not(.widget) { + &:extend(.abs-account-blocks all); + } + } +} + +.magento-rma-guest-returns { + .column.main { + .order-details-items { + .table-wrapper { + .data.table { + &:extend(.abs-table-striped all); + } + } + } + } +} + +} + +// +// Mobile +// --------------------------------------------- + +.media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__s) { + .table-wrapper { + &.orders-recent { + &:extend(.abs-account-table-margin-mobile all); + } + } + .table-wrapper { + &.orders-recent { + &:extend(.abs-no-border-top all); + } + } + .account { + .table-order-items { + tbody tr { + display: block; + } + .product-item-name { + display: inline-block; + margin: 0; + } + .action.show { + margin-top: 0; + } + .col { + &.actions, + &.options { + &:extend(.abs-col-no-prefix all); + } + } + } + } + .account, + [class^="sales-guest-"], + .sales-guest-view { + &:extend(.abs-title-orders-mobile all); + } + .order-details-items { + .table-wrapper { + &:extend(.abs-no-border-top all); + } + .order-title { + strong { + display: block; + } + } + .action { + .lib-css(margin-top, @indent__s); + } + .items-qty { + display: inline-block; + vertical-align: top; + } + .col { + &.price, + &.subtotal { + .price-including-tax, + .price-excluding-tax { + display: inline-block; + } + } + } + .data.table .col.options { + padding: 0 10px 15px; + &:before { + display: none; + } + } + .table-order-items .options-label { + &:extend(.abs-no-display-s all); + } + .options-label + .item-options-container, + .item-options-container + .item-options-container { + &:before { + content: attr(data-th) ":"; + display: block; + font-weight: @font-weight__bold; + padding-left: 10px; + } + .col { + .lib-font-size(12); + padding: 0 10px; + &:first-child { + padding-top: 3px; + } + &:last-child { + padding-bottom: 20px; + } + } + } + } +} + +// +// Desktop +// --------------------------------------------- + +.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__s) { + .order-details-items { + .order-title { + .action { + margin: 12px 0 0 30px; + &.track { + float: right; + } + } + } + } +} + +.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) { + .table-wrapper.orders-recent { + &:extend(.abs-account-table-margin-desktop all); + } + + .order-links { + &:extend(.abs-add-clearfix-desktop all); + .item { + float: left; + margin: 0 @tab-control__margin-right 0 0; + a { + padding: @tab-control__padding-top @tab-control__padding-right; + } + strong { + border-bottom: 0; + margin-bottom: -1px; + padding: @tab-control__padding-top @tab-control__padding-right @tab-control__padding-bottom+1 @tab-control__padding-left; + } + } + } + + .order-actions-toolbar { + .action.print { + display: block; + float: right; + } + } + + .account, + [class^="sales-guest-"], + .sales-guest-view { + &:extend(.abs-title-orders-desktop all); + .column.main .block.block-order-details-view { + &:extend(.abs-add-clearfix-desktop all); + .block-content:not(.widget) .box { + &:extend(.abs-add-box-sizing-desktop all); + clear: none; + float: left; + width: 100%/4; + } + } + } + + .order-status { + &:extend(.abs-status-desktop all); + } + + .block-order-details-comments { + margin: 0 0 60px; + .comment-date { + clear: left; + float: left; + margin-right: 50px; + max-width: 90px; + } + .comment-content { + overflow: hidden; + } + } + + .order-details-items { + margin-top: -1px; + padding: 25px; + .col { + &.name { + padding-left: 0; + } + &.price { + text-align: center; + } + &.subtotal { + text-align: right; + } + } + tbody td { + padding-top: 20px; + padding-bottom: 20px; + } + tfoot { + .amount, + .mark { + text-align: right; + } + } + &.ordered { + .order-title { + display: none; + } + } + } + .table-order-items { + tbody { + .col { + &.label, + &.value { + padding-left: 0; + } + } + } + &.invoice, + &.shipment { + .col.qty { + text-align: center; + } + } + &.creditmemo { + .col { + &.qty, + &.discount, + &.subtotal { + text-align: center; + } + &.total { + text-align: right; + } + } + } + } +} diff --git a/app/design/frontend/Venustheme/fasony/Magento_Search/templates/form.mini.phtml b/app/design/frontend/Venustheme/fasony/Magento_Search/templates/form.mini.phtml new file mode 100644 index 0000000..b6cec7a --- /dev/null +++ b/app/design/frontend/Venustheme/fasony/Magento_Search/templates/form.mini.phtml @@ -0,0 +1,54 @@ + +helper('Magento\Search\Helper\Data'); +?> +
+ +
+
+
+ +
+ ", + "destinationSelector":"#search_autocomplete"} + }' + type="text" + name="getQueryParamName() ?>" + value="getEscapedQueryText() ?>" + placeholder="" + class="input-text" + maxlength="getMaxQueryLength();?>" + role="combobox" + aria-haspopup="false" + aria-autocomplete="both" + autocomplete="off"/> +
+ getChildHtml() ?> +
+
+
+ +
+
+
+
diff --git a/app/design/frontend/Venustheme/fasony/Magento_SendFriend/web/css/source/_module.less b/app/design/frontend/Venustheme/fasony/Magento_SendFriend/web/css/source/_module.less new file mode 100644 index 0000000..bbdbb22 --- /dev/null +++ b/app/design/frontend/Venustheme/fasony/Magento_SendFriend/web/css/source/_module.less @@ -0,0 +1,44 @@ +// /** +// * Copyright © 2015 Magento. All rights reserved. +// * See COPYING.txt for license details. +// */ + +// +// Common +//-------------------------------------- + +& when (@media-common = true) { + +.form.send.friend { + &:extend(.abs-add-fields all); +} + +.product-social-links .action.mailto.friend { + //&:extend(.abs-actions-addto all); + .lib-icon-font-symbol( + @_icon-font-content: @icon-envelope, + @_icon-font-position: before + ); +} + +} + +// +// Desktop +//-------------------------------------- +.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) { + .form.send.friend { + width: 60%; + &:extend(.abs-add-fields-desktop all); + &:extend(.abs-form-field-column-2 all); + .fieldset { + .field { + width: 45%; + } + .field.text { + //&:extend(.abs-form-field-revert-column-1 all); + width: 90%; + } + } + } +} diff --git a/app/design/frontend/Venustheme/fasony/Magento_Store/templates/switch/languages_custom.phtml b/app/design/frontend/Venustheme/fasony/Magento_Store/templates/switch/languages_custom.phtml new file mode 100644 index 0000000..1e794c5 --- /dev/null +++ b/app/design/frontend/Venustheme/fasony/Magento_Store/templates/switch/languages_custom.phtml @@ -0,0 +1,38 @@ + + + +getStores())>1): ?> +getIdModifier() ? '-' . $block->getIdModifier() : ''?> +
+ + +
+ + escapeHtml($block->getStoreName()) ?> + +
+ + +
+ diff --git a/app/design/frontend/Venustheme/fasony/Magento_Theme/layout/default.xml b/app/design/frontend/Venustheme/fasony/Magento_Theme/layout/default.xml new file mode 100644 index 0000000..c8be56d --- /dev/null +++ b/app/design/frontend/Venustheme/fasony/Magento_Theme/layout/default.xml @@ -0,0 +1,86 @@ + + + + + + + images/logo.png + auto + auto + + + + + + Magento_Theme::html/account_links.phtml + + + + + + + + fasony-menutop + + + + + + + + + + + + + + Account + true + ]]> + + + + + + + + + + + + + + + + + + + + + + + + + fasony-footer + + + + + + + + + + + + + + + + + diff --git a/app/design/frontend/Venustheme/fasony/Magento_Theme/layout/default_head_blocks.xml b/app/design/frontend/Venustheme/fasony/Magento_Theme/layout/default_head_blocks.xml new file mode 100644 index 0000000..271b023 --- /dev/null +++ b/app/design/frontend/Venustheme/fasony/Magento_Theme/layout/default_head_blocks.xml @@ -0,0 +1,34 @@ + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/app/design/frontend/Venustheme/fasony/Magento_Theme/templates/html/footer.phtml b/app/design/frontend/Venustheme/fasony/Magento_Theme/templates/html/footer.phtml new file mode 100644 index 0000000..c6bb7a2 --- /dev/null +++ b/app/design/frontend/Venustheme/fasony/Magento_Theme/templates/html/footer.phtml @@ -0,0 +1,20 @@ + +
+
+ getChildHtml() ?> +

- +

+
getCopyright() ?>
+
+
+ diff --git a/app/design/frontend/Venustheme/fasony/Magento_Theme/templates/html/navigation.phtml b/app/design/frontend/Venustheme/fasony/Magento_Theme/templates/html/navigation.phtml new file mode 100644 index 0000000..c0cb788 --- /dev/null +++ b/app/design/frontend/Venustheme/fasony/Magento_Theme/templates/html/navigation.phtml @@ -0,0 +1,16 @@ +
+
+ + + +
+ getChildHtml("menu_top"); ?> +
+ + +
+
\ No newline at end of file diff --git a/app/design/frontend/Venustheme/fasony/Magento_Theme/templates/html/sections.phtml b/app/design/frontend/Venustheme/fasony/Magento_Theme/templates/html/sections.phtml new file mode 100644 index 0000000..662229a --- /dev/null +++ b/app/design/frontend/Venustheme/fasony/Magento_Theme/templates/html/sections.phtml @@ -0,0 +1,40 @@ + +getGroupName(); +$groupCss = $block->getGroupCss(); +$groupBehavior = $block->getGroupBehaviour() ? $block->getGroupBehaviour() : '{"tabs":{"openedState":"active"}}'; +?> +getGroupChildNames($group, 'getChildHtml')):?> +
+ getLayout(); ?> +
+ + renderElement($name); + if (!trim($html) && ($block->getUseForce() != true)) { + //continue; + } + $alias = $layout->getElementAlias($name); + $label = $block->getChildData($alias, 'title'); + ?> +
+ +
+
+ +
+
+ diff --git a/app/design/frontend/Venustheme/fasony/Magento_Theme/templates/html/setting.phtml b/app/design/frontend/Venustheme/fasony/Magento_Theme/templates/html/setting.phtml new file mode 100644 index 0000000..0a15b22 --- /dev/null +++ b/app/design/frontend/Venustheme/fasony/Magento_Theme/templates/html/setting.phtml @@ -0,0 +1,27 @@ + +getIdModifier() ? '-' . $block->getIdModifier() : ''; +?> + + diff --git a/app/design/frontend/Venustheme/fasony/Magento_Theme/templates/html/store_links.phtml b/app/design/frontend/Venustheme/fasony/Magento_Theme/templates/html/store_links.phtml new file mode 100644 index 0000000..24abaa5 --- /dev/null +++ b/app/design/frontend/Venustheme/fasony/Magento_Theme/templates/html/store_links.phtml @@ -0,0 +1,2 @@ +getLayout()->getChildBlock("ves_header", "top_links")->setTemplate("Magento_Theme::html/account_links.phtml")->toHtml(); \ No newline at end of file diff --git a/app/design/frontend/Venustheme/fasony/Magento_Theme/templates/html/ves_header.phtml b/app/design/frontend/Venustheme/fasony/Magento_Theme/templates/html/ves_header.phtml new file mode 100644 index 0000000..674daaf --- /dev/null +++ b/app/design/frontend/Venustheme/fasony/Magento_Theme/templates/html/ves_header.phtml @@ -0,0 +1,26 @@ +
+ getChildHtml('skipToContent'); ?> + +
+
+
+ +
+ getChildHtml('minicart'); ?> + getChildHtml("topSearch"); ?> + getChildHtml('setting_links') ?> + getChildHtml('toplinks'); ?> +
+
+
+
+ getChildHtml('catalog.topnav'); ?> + +
+
+
+
+
+ diff --git a/app/design/frontend/Venustheme/fasony/Magento_Theme/web/css/source/_module.less b/app/design/frontend/Venustheme/fasony/Magento_Theme/web/css/source/_module.less new file mode 100644 index 0000000..7875257 --- /dev/null +++ b/app/design/frontend/Venustheme/fasony/Magento_Theme/web/css/source/_module.less @@ -0,0 +1,441 @@ +// /** +// * Copyright © 2015 Magento. All rights reserved. +// * See COPYING.txt for license details. +// */ + +@import 'module/_collapsible_navigation.less'; + +// +// Theme variables +// _____________________________________________ + +// +// Messages +// --------------------------------------------- +@message-global-note__color: @text__color; +@message-global-note__background: @color-yellow-light2; +@message-global-note-link__color: @link__color; +@message-global-note-link__color-hover: @link__hover__color; +@message-global-note-link__color-active: @link__active__color; +@message-global-note__border-color: @color-yellow-light3; + +@message-global-caution__color: @color-white; +@message-global-caution__background: @color-red9; +@message-global-caution-link__color: @link__color; +@message-global-caution-link__color-hover: @link__hover__color; +@message-global-caution-link__color-active: @link__active__color; +@message-global-caution__border-color: none; + +@header__background-color: false; +@header-panel__background-color: @color-gray-middle3; +@header-panel__text-color: @color-white; +@header-icons-color: @color-gray56; +@header-icons-color-hover: @color-gray20; +@customer-welcome__z-index: @dropdown-list__z-index + 1; + +@addto-color: @color-gray60; +@addto-hover-color: @primary__color; +@minicart-icons-color: @header-icons-color; +@minicart-icons-color-hover: @header-icons-color-hover; + +@price-color: @color-gray34; +@price-size: 22px; +@price-size-desktop: 36px; + +@button__shadow: inset 0 1px 0 0 rgba(255, 255, 255, 1), inset 0 -1px 0 0 fade(@border-color__base, 30); // Used for secondary button and catalog toolbar controls +@button__shadow-active: inset 0 1px 0 0 fade(@border-color__base, 80), inset 0 -1px 0 0 fade(@border-color__base, 30); // Used for secondary button and catalog toolbar controls + +@h1__margin-bottom__desktop: @indent__xl; + +// +// Footer +// --------------------------------------------- + +@footer__background-color: @color-gray-light01; +@footer-links-separator-border-color: @color-gray-light4; +@footer-links-color: @color-gray34; +@footer-links-color-hover: @color-gray20; +@footer-links-color-current: @primary__color__light; + +// +// Layered navigation +// --------------------------------------------- + +@filter-title-background-color: @color-gray94; +@filter-link: @color-gray-darken4; +@filter-link-hover: darken(@filter-link, 30%); +@filter-quantity: @color-gray52; + +// +// Common +//-------------------------------------- + +& when (@media-common = true) { + +body { + .lib-css(background-color, @page__background-color); +} +// +// Header +//-------------------------------------- +.page-header { + .lib-css(background-color, @header__background-color); + border-bottom: 1px solid @border-color__base; + margin-bottom: @indent__base; +} + +.header { + &.content { + padding-top: @indent__s; + position: relative; + &:extend(.abs-add-clearfix all); + } + .compare.wrapper { display: none;} +} + +.logo { + position: relative; + z-index: 5; + float: left; + max-width: 50%; + margin: @indent__s 0; + + .page-print & { + float: none; + } +} + +.page-main { + > .page-title-wrapper { + .page-title + .action { + margin-top: @indent__l; + } + } +} + +.action.skip { + &:not(:focus) { + &:extend(.abs-visually-hidden all); + } + &:focus { + position: absolute; + z-index: 15; + box-sizing: border-box; + width: 100%; + left: 0; + top: 0; + text-align: center; + .lib-css(background, @color-gray94); + .lib-css(padding, @indent__s); + } +} + +// +// Global notice +//-------------------------------------- + +.message.global { + p { + margin: 0; + } + &.noscript, + &.cookie { + .lib-message(@_message-type: global-note); + margin: 0; + } + &.cookie { + position: fixed; + bottom: 0; + left: 0; + right: 0; + z-index: 3; + .actions { + margin-top: @indent__s; + } + } + &.demo { + .lib-message(@_message-type: global-caution); + text-align: center; + margin-bottom: 0; + } +} + +// +// Footer +//-------------------------------------- + +.page-footer { + margin-top: auto; + //.lib-css(background-color, @footer__background-color); +} + +.footer { + &.content { + padding-top: 25px; + margin-top: 25px; + padding-bottom: 25px; + border-top: 1px solid @border-color__base; + ul { + &:extend(.abs-reset-list all); + } + .links { + > li { + margin: 0 0 8px; + } + } + .switcher-store { + margin: 0 0 30px; + } + } + .copyright, + .bugs { + display: block; + margin: 20px 0 0; + } +} + +.page-header, +.page-footer { + .header-links, + .setting-links, + .switcher { + margin-right: 10px; + .options { + .lib-dropdown( + @_dropdown-actions-padding: 5px 10px, + @_dropdown-list-item-padding: 5px 10px, + @_dropdown-toggle-icon-content: @icon-down, + @_dropdown-toggle-active-icon-content: @icon-up, + @_icon-font-text-hide: true, + @_icon-font-size: 10px, + @_icon-font-line-height: 22px, + @_dropdown-list-min-width: 200px + ); + + ul.dropdown { + left: 0; + border-color: #ddd!important; + &:before { + left:10px!important; + right: auto; + } + &:after { + left:9px!important; + right: auto; + } + a { + display: block; + &:hover { + text-decoration: none; + } + } + } + } + li { + border-bottom:1px solid #ddd; + margin: 0; + font-size: @font-size__base + 1; + list-style: none; + .sub-option { + li { + border-bottom:0; + padding-left:0; + } + } + &:last-child{border: 0!important;} + } + .label { + &:extend(.abs-visually-hidden all); + font-weight: 700; + } + strong { + font-weight: @font-weight__regular; + } + .selected { + color: #000; + font-weight: 700; + padding-left: 10px; + text-transform: uppercase; + } + ul.sub-option { + padding-left:10px; + li { + color: #888; + font-weight: 400; + text-transform: uppercase; + } + } + } +} + +// +// Widgets +//-------------------------------------- +.sidebar { + .widget.block:not(:last-child), + .widget:not(:last-child) { + &:extend(.abs-margin-for-blocks-and-widgets all); + margin-bottom: @indent__l; + } + + .block .block-title { margin: 0;} + + .custom-block{ + padding: 20px; + h3{font-size: 16px;} + .fa { + border: 1px solid #c99947; + color: #c99947; + border-radius: 50%; + font-size: 20px; + height: 40px; + line-height: 40px; + width: 40px; + float: left; + margin-right: 5px; + text-align: center; + } + > div{ + padding-bottom: 20px; + &:hover{ + .fa{background: @theme-color-default; color: @white; border-color: @theme-color-default;} + } + } + } +} + +.widget { + clear: both; + .block-title { + &:extend(.abs-block-title all); + } +} + +} + +// +// Desktop +//-------------------------------------- +.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) { + html, + body { + height: 100%; // stretch screen area for sticky footer + } + + .page-wrapper { + .lib-vendor-prefix-display(flex); + .lib-vendor-prefix-flex-direction(column); + min-height: 100%; // stretch content area for sticky footer + > .breadcrumbs, + > .top-container, + > .widget { + width: 100%; + box-sizing: border-box; + } + .ie10 &, + .ie11 & { + height: 100%; + } + } + + .navigation ul { + padding: 0 8px; + } + + .header { + &.panel { + > .header.links { + float: right; + font-size: 0; + .lib-list-inline(); + > li { + font-size: @font-size__base; + margin: 0 0 0 15px; + &.welcome, + a { + line-height: 1.4; + } + &.welcome { + a { + .lib-css(padding-left, @indent__xs); + } + } + } + margin-left: auto; + } + } + &.content { + padding: @indent__l @indent__base 0; + &:extend(.abs-add-clearfix-desktop all); + } + } + + .page-header { + border: 0; + margin-bottom: 0; + .panel.wrapper { + border-bottom: 1px solid @secondary__color; + } + .header.panel { + padding-top: @indent__s; + padding-bottom: @indent__s; + &:extend(.abs-add-clearfix-desktop all); + } + .switcher { + // display: inline-block; + } + } + + .page-main { + > .page-title-wrapper { + .page-title { + display: inline-block; + margin-top: 0; + margin-bottom: 30px; + } + .page-title + .action { + float: right; + margin-top: @indent__base; + } + } + } + + .footer { + &.content { + .block { + float: right; + } + .links { + display: inline-block; + vertical-align: top; + margin-bottom: 20px; + padding: 0 50px 0 0; + } + .switcher.store { + display: inline-block; + padding-right: 50px; + vertical-align: top; + } + } + .copyright { + &:extend(.abs-add-clearfix all); + } + } +} + +// +// Common +//-------------------------------------- + +& when (@media-common = true) { + +.no-display { + &:extend(.abs-no-display all); +} + +// Calendar +.ui-datepicker td { + padding: 0; +} + +} diff --git a/app/design/frontend/Venustheme/fasony/Magento_Theme/web/css/source/_widgets.less b/app/design/frontend/Venustheme/fasony/Magento_Theme/web/css/source/_widgets.less new file mode 100644 index 0000000..cbde54c --- /dev/null +++ b/app/design/frontend/Venustheme/fasony/Magento_Theme/web/css/source/_widgets.less @@ -0,0 +1,103 @@ +// /** +// * Copyright © 2015 Magento. All rights reserved. +// * See COPYING.txt for license details. +// */ + +// +// Common +//-------------------------------------- + +& when (@media-common = true) { + +.block-product-link, +.block-category-link { + &.widget { + display: block; + margin-bottom: @indent__base; + } +} + +.block-product-link-inline { + &.widget { + margin: 0; + } +} + +.block.widget { + .product-item-info { + width: auto; + } + .pager { + padding: 0; + .toolbar-amount { + float: none; + .lib-font-size(12); + } + .pages-item-previous { + padding-left: 0; + } + .pages-item-next { + position: relative; + } + .items { + white-space: nowrap; + } + } +} + +} + +// +// Mobile +//-------------------------------------- + +.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__s) { + .block.widget .products-grid .product-item, + .page-layout-1column .block.widget .products-grid .product-item, + .page-layout-3columns .block.widget .products-grid .product-item {} +} + +// +// Desktop +//-------------------------------------- + +.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) { + .block.widget .products-grid .product-item, + .page-layout-1column .block.widget .products-grid .product-item, + .page-layout-3columns .block.widget .products-grid .product-item {} +} + +.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__l) { + .block.widget .products-grid .product-item {} + .page-layout-1column .block.widget .products-grid .product-item { + margin-left:0; + &:nth-child(n+1) { + margin-left: 0; + } + &:nth-child(4n+1) { + margin-left: 0; + } + } + .page-layout-3columns .block.widget .products-grid .product-item {} + .block.widget .products-grid .product-items { margin: 0; } + .block.widget .products-grid .product-item { + margin-left: 0; + &:nth-child(4n+1) { + margin-left: 0; + } + } +} + +.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) { + .sidebar .block.widget .pager { + .item:not(.pages-item-next):not(.pages-item-previous) { + &:extend(.abs-no-display-desktop all); + } + .pages-item-next { + padding: 0; + .action { + margin: 0; + } + } + } +} diff --git a/app/design/frontend/Venustheme/fasony/Magento_Theme/web/css/source/module/_collapsible_navigation.less b/app/design/frontend/Venustheme/fasony/Magento_Theme/web/css/source/module/_collapsible_navigation.less new file mode 100644 index 0000000..7a2ab67 --- /dev/null +++ b/app/design/frontend/Venustheme/fasony/Magento_Theme/web/css/source/module/_collapsible_navigation.less @@ -0,0 +1,101 @@ +// /** +// * Copyright © 2015 Magento. All rights reserved. +// * See COPYING.txt for license details. +// */ + +// +// Variables +// --------------------------------------------- + +@collapsible-nav-background: @sidebar__background-color; +@collapsible-nav-color: @color-gray34; +@collapsible-nav-current-border: 3px solid transparent; +@collapsible-nav-current-border-color: @color-orange-red1; +@collapsible-nav-current-color: @color-black; +@collapsible-nav-current-font-weight: @font-weight__semibold; +@collapsible-nav-item-hover: @color-gray91; + +// + +// +// Common +// --------------------------------------------- + +& when (@media-common = true) { +// +// Collapsible navigation +// --------------------------------------------- + +.block-collapsible-nav { + .content { + .lib-css(background, @collapsible-nav-background); + padding: 15px 0; + } + .item { + margin: 3px 0 0; + &:first-child { + margin-top: 0; + } + a, + > strong { + border-left: 3px solid transparent; + .lib-css(color, @collapsible-nav-color); + display: block; + padding: 5px 18px 5px 15px; + } + a { + text-decoration: none; + &:hover { + .lib-css(background, @collapsible-nav-item-hover); + } + } + + &.current { + a, + > strong { + .lib-css(border-color, @collapsible-nav-current-border-color); + .lib-css(color, @collapsible-nav-current-color); + .lib-css(font-weight, @collapsible-nav-current-font-weight); + } + a { + .lib-css(border-color, @collapsible-nav-current-border-color); + } + } + } +} + +} + +// +// Desktop +// --------------------------------------------- +.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) { + .block-collapsible-nav { + .title { + &:extend(.abs-visually-hidden-desktop all); + } + } +} + +// +// Mobile +// --------------------------------------------- +.media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__m) { + .block-collapsible-nav { + left: 0; + position: absolute; + top: -21px; + width: 100%; + z-index: 5; + .title { + &:extend(.abs-toggling-title-mobile all); + } + .content { + border-bottom: @border-width__base solid @border-color__base; + display: none; + &.active { + display: block; + } + } + } +} diff --git a/app/design/frontend/Venustheme/fasony/Magento_Theme/web/css/source/module/_listings.less b/app/design/frontend/Venustheme/fasony/Magento_Theme/web/css/source/module/_listings.less new file mode 100644 index 0000000..709b840 --- /dev/null +++ b/app/design/frontend/Venustheme/fasony/Magento_Theme/web/css/source/module/_listings.less @@ -0,0 +1,321 @@ +// /** +// * Copyright © 2015 Magento. All rights reserved. +// * See COPYING.txt for license details. +// */ + +// +// Variables +// --------------------------------------------- + +@product-name-link__color: @text__color; +@product-name-link__color__active: @text__color; +@product-name-link__color__hover: @text__color; +@product-name-link__color__visited: @text__color; + +@product-name-link__text-decoration: none; +@product-name-link__text-decoration__active: @link__hover__text-decoration; +@product-name-link__text-decoration__hover: @link__hover__text-decoration; +@product-name-link__text-decoration__visited: @link__hover__text-decoration; + +// + +// +// Common +//-------------------------------------- + +& when (@media-common = true) { + +// Product Lists +.products { + margin: @indent__l 0; +} + +.product { + &-items { + &:extend(.abs-reset-list all); + } + &-item { + vertical-align: top; + position: relative; + .products-grid & { + width: 100%/2; + display: inline-block; + } + &:extend(.abs-add-box-sizing all); + + &-name { + &:extend(.abs-product-link all); + display: block; + margin: @indent__xs 0; + word-wrap: break-word; + -webkit-hyphens: auto; + -moz-hyphens: auto; + -ms-hyphens: auto; + hyphens: auto; + } + + &-info { + width: 240px; + max-width: 100%; + .page-products & { + width: 240px; + } + } + + &-actions { + display: none; + position: absolute; + top:50%; + .actions-secondary { + } + } + &-description { + margin: @indent__m 0; + } + + .product-reviews-summary { + .rating-summary { + margin: 0 4px 0 0; + left:0 !important; + .rating-result { + margin-left: 0!important; + } + } + .reviews-actions { + margin-top: 5px; + text-transform: lowercase; + font-size: @font-size__s; + } + } + + .price-box { + margin: @indent__s 0 @indent__m; + .price { + .lib-font-size(14); + font-weight: bold; + } + .price-label { + font-size: @font-size__s; + &:after { + content: ":"; + } + } + } + + .special-price, + .minimal-price { + .price { + .lib-font-size(14); + font-weight: bold; + } + .price-wrapper { + display: inline-block; + } + .price-including-tax + .price-excluding-tax { + display: block; + } + } + + .special-price { + display: inline-block; + } + + .old-price { + .price { + font-weight: @font-weight__regular; + } + } + + .minimal-price { + .price-container { + display: block; + } + } + + .minimal-price-link { + margin-top: 5px; + .price-label { + .lib-css(color, @link__color); + .lib-font-size(14); + } + .price { + font-weight: @font-weight__regular; + } + } + + .minimal-price-link, + .price-excluding-tax, + .price-including-tax { + white-space: nowrap; + display: block; + } + + .price-from, + .price-to { + margin: 0; + } + + .tocompare { + .lib-icon-font-symbol( + @icon-compare-empty + ); + } + + .tocart { + white-space: nowrap; + } + } +} + +.column.main { + .product { + &-items { + margin-left: -15px; + } + &-item { + padding-left: 15px; + } + } +} + +.price-container { + .price { + .lib-font-size(14); + } + + .price-including-tax + .price-excluding-tax, + .weee { + margin-top: 5px; + } + + .price-including-tax + .price-excluding-tax, + .weee, + .price-including-tax + .price-excluding-tax .price, + .weee .price, + .weee + .price-excluding-tax:before, + .weee + .price-excluding-tax .price { + .lib-font-size(11); + } + + .weee { + &:before { + content: "("attr(data-label) ": "; + } + &:after { + content: ")"; + } + + .price-excluding-tax { + &:before { + content: attr(data-label) ": "; + } + } + } +} + +.products-list { + .product { + &-item { + display: table; + width: 100%; + + &-info { + display: table-row; + } + &-photo { + width: 1%; + padding: 0 @indent__l @indent__l 0; + vertical-align: top; + display: table-cell; + } + &-details { + vertical-align: top; + display: table-cell; + } + } + } + .product-image-wrapper { + &:extend(.abs-reset-image-wrapper all); + } +} + +} + +// +// Mobile +// --------------------------------------------- +.media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__s) { + .products-list .product { + &-item { + table-layout: fixed; + &-photo { + padding: 0 @indent__s @indent__s 0; + width: 30%; + } + } + } +} + +.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__s) { + .product { + &-item { + .products-grid & { + margin-bottom: @indent__l; + } + &-info { + } + + &-actions { + display: block; + .products-grid & { + margin: @indent__s 0; + } + .actions-primary + .actions-secondary { + display: inline-block; + width: auto; + padding-left: 5px; + white-space: nowrap; + > * { + white-space: normal; + } + > .action { + } + } + .actions-primary { display:inline-block; } + } + } + } + + .products-grid .product-item , + .page-layout-1column .products-grid .product-item, + .page-layout-3columns .products-grid .product-item, + .page-products .products-grid .product-item, + .page-products.page-layout-1column .products-grid .product-item, + .page-products.page-layout-3columns .products-grid .product-item { width: auto} +} + +// +// Desktop +// --------------------------------------------- + +.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) { + .page-products .products-grid .product-item, + .page-products.page-layout-1column .products-grid .product-item, + .page-products.page-layout-3columns .products-grid .product-item { width: auto } +} + +.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__l) { + .products-grid .product-item, + .page-layout-1column .products-grid .product-item, + .page-layout-3columns .products-grid .product-item{ width: auto} + .page-products .products-grid .product-items { margin: 0; } + .page-products .products-grid .product-item { + width: auto; + margin-left: 0; + //padding: 0; + &:nth-child(3n+1) { + margin-left: 0; + } + } + .page-products.page-layout-1column .products-grid .product-item, + .page-products.page-layout-3columns .products-grid .product-item { width: auto } +} diff --git a/app/design/frontend/Venustheme/fasony/backup/Ves_Fasony_Sampledata_Full.json b/app/design/frontend/Venustheme/fasony/backup/Ves_Fasony_Sampledata_Full.json new file mode 100644 index 0000000..3174f93 --- /dev/null +++ b/app/design/frontend/Venustheme/fasony/backup/Ves_Fasony_Sampledata_Full.json @@ -0,0 +1 @@ +{"Magento_Cms_Page":{"tables":{"cms_page":[{"page_id":"1","title":"404 Not Found","page_layout":"2columns-right","meta_keywords":"Page keywords","meta_description":"Page description","identifier":"no-route","content_heading":"Whoops, our bad...","content":"
\r\n
The page you requested was not found, and we have a fine guess why.<\/dt>\r\n
\r\n