hotstovejer/openclassify
0
0
Fork 0
mirror of https://github.com/openclassify/openclassify.git synced 2026-02-09 14:56:13 -06:00
Code Issues Actions Packages Projects Releases Wiki Activity

mobile view changed

Browse Source
This commit is contained in:
Metehan Celik 2021-12-29 17:44:03 +03:00
parent 741203d1da
commit c0618e0afe
3 changed files with 54 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
addons/default/visiosoft/advs-module/resources/views/list/gallery.twig
View File

@ -11,7 +11,7 @@
{% for adv in advs %} {% for adv in advs %}
<div class="col-xl-4 col-6 p-sm-3 p-0"> <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"> <div class="d-flex flex-column product-hb gallery-card border border-top-0 pb-3 px-md-1 px-0 pt-1 shadow-sm rounded">
{{ addBlock('list/extra-actions', {'ad': adv, 'vars': _context}, ['favs', 'comparisons'])|raw }} {{ 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"> <div class="product-image-hb p-sm-3 p-1 mt-lg-2 mt-4">
<a href="{{ adv.detail_url }}"> <a href="{{ adv.detail_url }}">
@ -24,13 +24,22 @@
</a> </a>
{% if not setting_value('visiosoft.module.advs::hide_ad_cat') %} {% 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> <a href="{{ adv.detail_url }}" class="product-name-hb text-truncate text-decoration-none text-dark">{{ adv.cat1_name }} /{{ adv.cat2_name }}</a>
<p class="d-md-none d-block"><strong>66</strong> Değerlendirme
</p>
{% endif %} {% endif %}
{% if showPrice %} {% if showPrice %}
<div class="product-price-hb rounded d-flex align-items-center px-lg-3 px-2 mt-2 text-dark"> <div class="product-price-hb rounded d-flex align-items-center mt-2 bg-secondary-md bg-none text-dark">
{{ adv.price != '0' ? currency_format(adv.price,adv.currency) : trans('visiosoft.module.advs::field.free') }} {{ adv.price != '0' ? currency_format(adv.price,adv.currency) : trans('visiosoft.module.advs::field.free') }}
</div> </div>
{% endif %} <p class="pb-1">Bu ürünün farklı seçenekleri vardır.</p>
<div class="review">
<p>
<strong>66</strong> Değerlendirme
</p>
<button class="m-0 btn btn-sm btn-outline-dark d-md-none d-block w-100">Sepete Ekle</button>
</div>
{% endif %}
</div> </div>
</div> </div>
</div> </div>

2
addons/default/visiosoft/advs-module/resources/views/list/list.twig
View File

@ -65,7 +65,7 @@
{{ addBlock('ads-list/row',{'topfields':topfields,'selectRange':selectRange,'advs':advs, 'mainCats':mainCats|length})|raw }} {{ addBlock('ads-list/row',{'topfields':topfields,'selectRange':selectRange,'advs':advs, 'mainCats':mainCats|length})|raw }}
<div id="listingWrapper" class="border rounded p-s-3 p-0"> <div id="listingWrapper" class="rounded p-s-3 p-0">
{% block listContent %} {% block listContent %}
{% include "visiosoft.module.advs::list/partials/ads" %} {% include "visiosoft.module.advs::list/partials/ads" %}
{% endblock %} {% endblock %}

42
addons/default/visiosoft/base-theme/resources/css/gallery.css
View File

@ -47,9 +47,49 @@
.product-price-hb { .product-price-hb {
font-size: 24px; font-size: 24px;
font-weight:bolder; font-weight:bolder;
background-color: rgb(244,244,244);
height: 50px; height: 50px;
}
@media screen and (max-width: 766px) {
.product-price-hb {
font-size: 24px;
font-weight:bolder;
height: 50px;
}
.product-info-hb>button{
position: inherit !important;
width: 100%;
}
#listingWrapper{
border:none !important;
}
.product-hb{
border:none !important;
box-shadow: none !important;
}
.review{
height: auto;
}
.review>p{
display: none;
}
} }
.fs-14{ .fs-14{
font-size: 14px; font-size: 14px;
} }
.product-price-hb~p{
font-size:.7em;
}
.review{
height: 32px;
}
.gallery-card:hover>.product-info-hb>.review>button{
display:block !important;
}
.gallery-card:hover>.product-info-hb>.review>p{
display: none;
}