Commit d9d4d0cf authored by Chi Bui's avatar Chi Bui 👀

edit index

parent 31a0d9c7
......@@ -174,8 +174,62 @@ article.commerce-product.teaser .product-image img {
*/;
}
.middle-header-wrapper {
/* background-color: #f7df24 !important; */
/* Page not found */
#not-found-section {
padding: 50px 0px 100px;
}
.not-found-body {
max-width: 70%;
margin: auto;
}
.not-found-body h2 {
font-size: 25px;
font-weight: 600;
}
.not-title {
border: 2px solid #ea442c;
padding: 10px 50px 30px 50px;
width: 50%;
margin: auto;
margin-bottom: 40px;
border-radius: 10px;
}
.not-title h1 {
font-size: 125px;
margin: 0px;
color: #ea442c;
}
.not-title h2 {
font-size: 25px;
margin: 0px;
color: #ea442c;
}
#not-found-section a.btn.btn-custom {
text-align: center;
display: inline-block;
padding: 8px 20px;
margin: 10px 0 0 0;
color: #fff;
font-size: 14px;
font-weight: 600;
line-height: 1.42857143;
background-color: #ea442c;
border-color: #ea442c !important;
color: #fff !important;
transition: 0.7s;
}
#not-found-section a.btn.btn-custom:hover {
background-color: #f9b01a;
border-color: #f9b01a !important;
color: #fff !important;
transition: 0.7s;
}
header .link_content .field--type-text-with-summary p {
......@@ -779,7 +833,7 @@ header.navbar .category-menu ul.menu.litte-menu {
}
.slider-carousel img.img-responsive {
height: 450px;
height: 458px;
width: 100%;
object-fit: cover;
}
......@@ -11327,7 +11381,7 @@ header.navbar .category-menu ul.menu li {
position: initial;
/* padding: 0 20px; */
border-bottom: 1px solid rgba(0, 0, 0, 0.06);
line-height: 40px;
line-height: 37px;
text-transform: none;
font-weight: 600;
margin: 0 0px;
......
......@@ -17,32 +17,37 @@ for (i = 0; i < acc.length; i++) {
});
}
(function($, Drupal) {
var rightMenu = $(".menu.menu--category-menu.nav");
lengthMenu = rightMenu.children('li').length;
if (lengthMenu > 10) {
rightMenu.addClass("litte-menu");
rightMenu.children('li').eq(lengthMenu - 1).after('<li class="less-category">Ẩn bớt </li>');
rightMenu.children('li').eq(9).after('<li class="more-category">Xem Thêm</li>');
for (let i = 11; i < lengthMenu + 2; i++) {
rightMenu.children('li').eq(i).hide();
}
}
$(".more-category").click(function() {
rightMenu.removeClass("litte-menu");
// rightMenu.append('<li class="less-category">Ẩn bớt </li>');
rightMenu.children('li').eq(10).hide();
for (let i = 11; i < lengthMenu + 2; i++) {
rightMenu.children('li').eq(i).show();
}
})
$(".less-category").click(function() {
rightMenu.addClass("litte-menu");
rightMenu.children('li').eq(10).show();
for (let i = 11; i < lengthMenu + 2; i++) {
rightMenu.children('li').eq(i).hide();
}
})
// Xem thêm, ẩn bớt , menu
// var rightMenu = $(".menu.menu--category-menu.nav");
// lengthMenu = rightMenu.children('li').length;
// if (lengthMenu > 10) {
// rightMenu.addClass("litte-menu");
// rightMenu.children('li').eq(lengthMenu - 1).after('<li class="less-category">Ẩn bớt </li>');
// rightMenu.children('li').eq(9).after('<li class="more-category">Xem Thêm</li>');
// for (let i = 11; i < lengthMenu + 2; i++) {
// rightMenu.children('li').eq(i).hide();
// }
// }
//
// $(".more-category").click(function() {
// rightMenu.removeClass("litte-menu");
// // rightMenu.append('<li class="less-category">Ẩn bớt </li>');
// rightMenu.children('li').eq(10).hide();
// for (let i = 11; i < lengthMenu + 2; i++) {
// rightMenu.children('li').eq(i).show();
// }
// })
// $(".less-category").click(function() {
// rightMenu.addClass("litte-menu");
// rightMenu.children('li').eq(10).show();
// for (let i = 11; i < lengthMenu + 2; i++) {
// rightMenu.children('li').eq(i).hide();
// }
// })
var checkHome = $(".estore-homepage-first");
if ($(".toolbar-bar").length == 0) {
$(".middle-header-wrapper").children(".container-fluid").addClass("no-toolbar");
......
......@@ -23,7 +23,6 @@
<article{{ attributes.addClass('commerce-product', 'teaser') }}>
<div class="product-image">
{{ product.field_images[0] }}
<div class="products-hover-wrapper"></div>
</div>
<h3 class="product-title">
<a href="{{ product_url }}">{{ product.title }}</a>
......
{% extends 'page.html.twig' %}
{#
/**
* @file
* Default theme implementation to display a single page.
*
* The doctype, html, head and body tags are not in this template. Instead they
* can be found in the html.html.twig template in this directory.
*
* Available variables:
*
* General utility variables:
* - base_path: The base URL path of the Drupal installation. Will usually be
* "/" unless you have installed Drupal in a sub-directory.
* - is_front: A flag indicating if the current page is the front page.
* - logged_in: A flag indicating if the user is registered and signed in.
* - is_admin: A flag indicating if the user has permission to access
* administration pages.
*
* Site identity:
* - front_page: The URL of the front page. Use this instead of base_path when
* linking to the front page. This includes the language domain or prefix.
*
* Page content (in order of occurrence in the default page.html.twig):
* - title_prefix: Additional output populated by modules, intended to be
* displayed in front of the main title tag that appears in the template.
* - title: The page title, for use in the actual content.
* - title_suffix: Additional output populated by modules, intended to be
* displayed after the main title tag that appears in the template.
* - messages: Status and error messages. Should be displayed prominently.
* - tabs: Tabs linking to any sub-pages beneath the current page (e.g., the
* view and edit tabs when displaying a node).
* - node: Fully loaded node, if there is an automatically-loaded node
* associated with the page and the node ID is the second argument in the
* page's path (e.g. node/12345 and node/12345/revisions, but not
* comment/reply/12345).
*
* Regions:
* - page.header: Items for the header region.
* - page.navigation: Items for the navigation region.
* - page.navigation_collapsible: Items for the navigation (collapsible) region.
* - page.highlighted: Items for the highlighted content region.
* - page.help: Dynamic help text, mostly for admin pages.
* - page.content: The main content of the current page.
* - page.sidebar_first: Items for the first sidebar.
* - page.sidebar_second: Items for the second sidebar.
* - page.footer: Items for the footer region.
*
* @ingroup templates
*
* @see template_preprocess_page()
* @see html.html.twig
*/
#}
{% block main %}
{% set base_url = url('<front>') %}
<section id="not-found-section" class="text-center">
<div class="container">
<div class="row">
<div class="not-found-body" >
<div class="not-title" >
<h1>403</h1>
<h2>Truy cập bị từ chối</h2>
</div>
<h2>Truy cập vào trang web đã bị từ chối.</h2>
<p>TBạn không có quyền truy cập trang này. Bạn phải đăng nhập để xem trang này.</p>
<a href="{{ base_url }}" class="btn btn-custom"> Quay lại trang chủ </a>
</div>
</div>
</div>
</section>
{% endblock %}
{% extends 'page.html.twig' %}
{#
/**
* @file
* Default theme implementation to display a single page.
*
* The doctype, html, head and body tags are not in this template. Instead they
* can be found in the html.html.twig template in this directory.
*
* Available variables:
*
* General utility variables:
* - base_path: The base URL path of the Drupal installation. Will usually be
* "/" unless you have installed Drupal in a sub-directory.
* - is_front: A flag indicating if the current page is the front page.
* - logged_in: A flag indicating if the user is registered and signed in.
* - is_admin: A flag indicating if the user has permission to access
* administration pages.
*
* Site identity:
* - front_page: The URL of the front page. Use this instead of base_path when
* linking to the front page. This includes the language domain or prefix.
*
* Page content (in order of occurrence in the default page.html.twig):
* - title_prefix: Additional output populated by modules, intended to be
* displayed in front of the main title tag that appears in the template.
* - title: The page title, for use in the actual content.
* - title_suffix: Additional output populated by modules, intended to be
* displayed after the main title tag that appears in the template.
* - messages: Status and error messages. Should be displayed prominently.
* - tabs: Tabs linking to any sub-pages beneath the current page (e.g., the
* view and edit tabs when displaying a node).
* - node: Fully loaded node, if there is an automatically-loaded node
* associated with the page and the node ID is the second argument in the
* page's path (e.g. node/12345 and node/12345/revisions, but not
* comment/reply/12345).
*
* Regions:
* - page.header: Items for the header region.
* - page.navigation: Items for the navigation region.
* - page.navigation_collapsible: Items for the navigation (collapsible) region.
* - page.highlighted: Items for the highlighted content region.
* - page.help: Dynamic help text, mostly for admin pages.
* - page.content: The main content of the current page.
* - page.sidebar_first: Items for the first sidebar.
* - page.sidebar_second: Items for the second sidebar.
* - page.footer: Items for the footer region.
*
* @ingroup templates
*
* @see template_preprocess_page()
* @see html.html.twig
*/
#}
{% block main %}
{% set base_url = url('<front>') %}
<section id="not-found-section" class="text-center">
<div class="container">
<div class="row">
<div class="not-found-body" >
<div class="not-title" >
<h1>404</h1>
<h2>Không tìm thấy trang </h2>
</div>
<h2>Chúng tôi không thể tìm thấy một trang.</h2>
<p>Trang bạn đang tìm kiếm có thể đã bị xóa, đã đổi tên hoặc tạm thời không có.</p>
<a href="{{ base_url }}" class="btn btn-custom"> Quay lại trang chủ </a>
</div>
</div>
</div>
</section>
{% endblock %}
{#
/*
* @file
* Theme override to display all the fields in a row.
*
* Available variables:
* - view: The view in use.
* - fields: A list of fields, each one contains:
* - content: The output of the field.
* - raw: The raw data for the field, if it exists. This is NOT output safe.
* - class: The safe class ID to use.
* - handler: The Views field handler controlling this field.
* - inline: Whether or not the field should be inline.
* - wrapper_element: An HTML element for a wrapper.
* - wrapper_attributes: List of attributes for wrapper element.
* - separator: An optional separator that may appear before a field.
* - label: The field's label text.
* - label_element: An HTML element for a label wrapper.
* - label_attributes: List of attributes for label wrapper.
* - label_suffix: Colon after the label.
* - element_type: An HTML element for the field content.
* - element_attributes: List of attributes for HTML element for field content.
* - has_label_colon: A boolean indicating whether to display a colon after
* the label.
* - element_type: An HTML element for the field content.
* - element_attributes: List of attributes for HTML element for field content.
* - row: The raw result from the query, with all data it fetched.
*
* @see template_preprocess_views_view_fields()
*/
#}
<a href="{{view.field.field_url.value(view.result[0])}}">
<img src="{{ file_url(view.field.uri.value(view.result[0])) }}" alt="img">
</a>
<a href="{{view.field.field_url.value(view.result[1])}}">
<img src="{{ file_url(view.field.uri.value(view.result[1])) }}" alt="2">
</a>
<a href="{{view.field.field_url.value(view.result[2])}}">
<img src="{{ file_url(view.field.uri.value(view.result[2])) }}" alt="2">
</a>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment