Merge pull request #1252 from openclassify/metehancelik

sahibinden gallery update
This commit is contained in:
Muammer Top 2021-12-28 11:00:05 +03:00 committed by GitHub
commit abf8d42b9e
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
9 changed files with 91 additions and 147 deletions

View File

@ -10,35 +10,40 @@
{{ addBlock('ad-list/partials/gallery',{'featured_advs': featured_advs, 'vars': _context})|raw }}
{% for adv in advs %}
<div class="col-xl-4 col-lg-6">
<div class="d-flex flex-column product-hb gallery-card pb-3 px-1 border shadow-sm rounded">
{{ addBlock('list/extra-actions', {'ad': adv, 'vars': _context}, ['favs', 'comparisons'])|raw }}
<div class="product-image-hb">
<a href="{{ adv.detail_url }}">
<img class="product-image-in" src="{{ adv.cover_photo }}" alt="{{ adv.name }}">
</a>
</div>
<div class="product-info-hb d-flex flex-column px-lg-3 px-2 mt-3">
<a href="{{ adv.detail_url }}" class="product-name-hb px-lg-3 px-2 text-dark">
{{ adv.name }}
</a>
{% if not setting_value('visiosoft.module.advs::hide_ad_cat') %}
<a href="{{ adv.detail_url }}" class="product-name-hb px-lg-3 px-2 text-dark">{{ adv.cat1_name }} /{{ adv.cat2_name }}</a>
{% endif %}
{% if showPrice %}
<div class="product-price-hb font-weight-bold px-lg-3 px-2 mt-2 text-dark">
{{ adv.price != '0' ? currency_format(adv.price,adv.currency) : trans('visiosoft.module.advs::field.free') }}
</div>
{% endif %}
</div>
<div class="col-xl-4 col-6 p-sm-3 p-0">
<div class="d-flex flex-column product-hb gallery-card pb-3 px-1 pt-1 border shadow-sm rounded">
{{ addBlock('list/extra-actions', {'ad': adv, 'vars': _context}, ['favs', 'comparisons'])|raw }}
<div class="product-image-hb p-sm-3 p-1 mt-lg-2 mt-4">
<a href="{{ adv.detail_url }}">
<img class="product-image-in" src="{{ adv.cover_photo }}" alt="{{ adv.name }}">
</a>
</div>
<div class="product-info-hb d-flex flex-column px-lg-3 px-2 mt-3">
<a href="{{ adv.detail_url }}" class="product-name-hb text-decoration-none line-clamp text-dark">
<h3 class="fs-14 text-uppercase"> {{ adv.name }} </h3>
</a>
{% if not setting_value('visiosoft.module.advs::hide_ad_cat') %}
<a href="{{ adv.detail_url }}" class="product-name-hb text-truncate text-decoration-none text-dark">{{ adv.cat1_name }} /{{ adv.cat2_name }}</a>
{% endif %}
{% if showPrice %}
<div class="product-price-hb rounded d-flex align-items-center px-lg-3 px-2 mt-2 text-dark">
{{ adv.price != '0' ? currency_format(adv.price,adv.currency) : trans('visiosoft.module.advs::field.free') }}
</div>
{% endif %}
</div>
</div>
</div>
{% endfor %}
</div>
{% endblock %}
{% block styles %}
{{ asset_style('visiosoft.theme.base::css/gallery.css') }}
{{ asset_style('visiosoft.module.advs::css/list-new.scss') }}
{% endblock %}
{% block customjs %}
{{ asset_add("scripts.js", "visiosoft.module.advs::js/list-table.js") }}
{% include "theme::scroll-modal" %}

View File

@ -7,9 +7,7 @@
{% block content %}
{% include "visiosoft.module.advs::list/partials/mobile-list" %}
<div id="listingPage" class="d-none d-sm-block">
<div id="listingPage" class="">
{% include "visiosoft.module.advs::list/partials/breadcrumb" %}
@ -17,7 +15,7 @@
{% include "visiosoft.module.advs::list/partials/list-filter" %}
<div id="listingContainer" class="flex-fill ml-4">
<div id="listingContainer" class="flex-fill ml-s-4 ml-0">
<div id="pageTitle" class="d-flex justify-content-between border-bottom pb-2 px-3 mb-3">
<p>
{{ trans('visiosoft.module.advs::field.search_ad_result_text', {
@ -67,7 +65,7 @@
{{ addBlock('ads-list/row',{'topfields':topfields,'selectRange':selectRange,'advs':advs, 'mainCats':mainCats|length})|raw }}
<div id="listingWrapper" class="border rounded p-3">
<div id="listingWrapper" class="border rounded p-s-3 p-0">
{% block listContent %}
{% include "visiosoft.module.advs::list/partials/ads" %}
{% endblock %}

View File

@ -1,6 +1,6 @@
<div id="breadcrumb" class="border-bottom border-right border-left d-flex justify-content-between">
<div id="breadcrumb" class="border-bottom border-right border-left d-flex justify-content-between pl-s-3 p-0">
<div class="overflow-hidden d-flex align-items-center">
<span class="text-truncate">
<span class="text-truncate d-s-block d-none">
<a href="{{ url('/') }}" data-toggle="tooltip" data-placement="bottom"
title="{{ trans("visiosoft.module.advs::field.home") }}">
{{ trans("visiosoft.module.advs::field.home") }}

View File

@ -3,7 +3,7 @@
{% set citySlug = pathInfo|length is same as(4) ? pathInfo[3] : null %}
{% set formAction = catSlug ? url_route('adv_list_seo', [catSlug, citySlug]) : url_route('visiosoft.module.advs::list') %}
<form action="{{ formAction }}" method="get" id="{{ (filter_id) ? filter_id : "listFilterForm" }}" rel="nofollow"
class="flex-shrink-0">
class="flex-shrink-0 d-md-block d-none">
<input type="hidden" name="cat" value="{{ app.request.get('cat') }}">
<input type="hidden" name="user" value="{{ app.request.get('user') }}">

View File

@ -1,46 +0,0 @@
<div id="mobileListingPage" class="d-sm-none mb-5">
{% if setting_value('visiosoft.module.advs::show_subcats_mobile') %}
{% include "visiosoft.module.advs::list/partials/sub-categories-mobile" %}
{% endif %}
{% if not hideBreadcrump %}
{% include "visiosoft.module.advs::list/partials/mobile-breadcrumb" %}
{% endif %}
{% if not hideActions %}
<div id="mobileListNav" class="d-flex p-2 align-items-center mb-1">
<div id="filter_modal_btn" class="d-flex flex-column align-items-center mobile-list-nav-item">
{{ img('visiosoft.module.advs::images/listing/mobile-filter.svg').data|raw }}
<p class="mt-1">{{ trans('visiosoft.module.advs::field.filter') }}</p>
</div>
<div class="divider"></div>
<div id="sort_modal_btn" class="d-flex flex-column align-items-center mobile-list-nav-item">
{{ img('visiosoft.module.advs::images/listing/mobile-sort.svg').data|raw }}
<p class="mt-1">{{ trans('visiosoft.module.advs::field.sort') }}</p>
</div>
<div class="divider"></div>
{{ addBlock('ads-list/mobile/action-bar')|raw }}
</div>
{% endif %}
<div id="mobileListing">
{{ addBlock('ad-list/partials/mobile-list', {'featured_advs': featured_advs, 'vars': _context})|raw }}
{% for adv in advs %}
<a href="{{ adv.detail_url }}" class="listing-item d-flex p-2">
<img src="{{ adv.cover_photo }}" alt="{{ adv.name }}" class="rounded-sm">
<div class="ml-3 mt-1">
<h6 class="mb-1">{{ adv.name }}</h6>
{% if listLocation %}
<p class="mb-1">{{ adv.country_name }} / {{ adv.city_name }}</p>
{% endif %}
<p>{{ adv.price != '0' ? currency_format(adv.price,adv.currency) : trans('visiosoft.module.advs::field.free') }}</p>
</div>
</a>
{% endfor %}
</div>
{% include "visiosoft.module.advs::list/partials/pagination" %}
</div>

View File

@ -0,0 +1,55 @@
.product-hb {
height: 500px;
margin-bottom: 20px;
}
.heart-icon {
width: 36px;
height: 36px;
border-radius: 50%;
font-size: 18px;
color: rgb(109, 109, 109);
background-color: rgb(245, 245, 245);
position: absolute;
right: 25px;
top: 15px;
cursor: pointer;
}
.product-image-hb {
display: flex;
justify-content: center;
width:100%;
height: 500px;
padding: 10px;
}
.product-image-in {
width: 100%;
height: 100%;
object-fit:cover;
border-radius: 6px;
}
.product-name-hb {
font-size: 12px;
line-height: 18px;
margin-top: 0;
font-weight: normal;
}
.line-clamp {
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.product-price-hb {
font-size: 24px;
font-weight:bolder;
background-color: rgb(244,244,244);
height: 50px;
}
.fs-14{
font-size: 14px;
}

View File

@ -24,73 +24,4 @@
.register-section {
padding: 100px 50px;
}
}
.product-hb {
font-family: -apple-system,
BlinkMacSystemFont,
Arial,
Roboto,
Oxygen,
Ubuntu,
Cantarell,
Fira Sans,
Droid Sans,
Helvetica Neue,
sans-serif !important;
height: 500px;
margin-bottom: 20px;
}
.heart-icon {
width: 36px;
height: 36px;
border-radius: 50%;
font-size: 18px;
color: rgb(109, 109, 109);
background-color: rgb(245, 245, 245);
position: absolute;
right: 25px;
top: 15px;
cursor: pointer;
}
.product-image-hb {
display: flex;
justify-content: center;
width:100%;
height: 500px;
padding: 10px;
}
.product-image-in {
width: 100%;
height: 100%;
object-fit:cover;
border-radius: 6px;
}
.product-name-hb {
font-size: 12px;
line-height: 18px;
margin-top: 0;
font-weight: normal;
}
.line-clamp {
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.product-price-hb {
font-size: 24px;
font-weight:bolder;
background-color: rgb(244,244,244);
height: 50px;
}
.fs-14{
font-size: 14px;
}
}

View File

@ -22,7 +22,7 @@
{{ addBlock('layouts/default/section')|raw }}
<main id="main">
<div class="container">
<div class="container-md container-fluid">
{% include "visiosoft.theme.base::partials/messages" %}

View File

@ -19,6 +19,7 @@
{{ asset_add("theme.css", "visiosoft.theme.base::css/select2.css") }}
{{ asset_add("theme.css", "visiosoft.theme.base::css/font-awesome.min.css") }}
{{ asset_add("theme.css", "visiosoft.theme.base::css/intlTelInput.css") }}
{{ asset_add("theme.css", "visiosoft.theme.base::css/gallery.css") }}
<script src="{{ asset_path('visiosoft.theme.base::js/vendor/jquery.min.js') }}"></script>
{{ asset_script('visiosoft.theme.base::js/visiosoft.js') }}