constrain(margin-bottom, -5vw)
z-index: 10
+.text-medium
+ font-weight: 500
+
// Image overlay: radial gradient to provide better readability for overlapping text
.image-overlay-radial
position: relative
height: 21px
overflow: hidden
+.product-description-container
+ h3
+ font-weight 500
.product-img-holder
@apply bg-white relative pb-100p
.no-objectfit & {
height auto
}
+
+.product-category
+ .product-highlights
+ font-size 15px
+ .product-description-container
+ *
+ font-family: 'Barlow', Sans-Serif
+ h3
+ font-weight: 700
+ .price
+ font-weight 600
<link href="{{ mix('css/app.css') }}" rel="stylesheet">
@endif
- <link href="https://fonts.googleapis.com/css?family=Barlow:400,500,600|Muli:400,700&display=swap" rel="stylesheet">
+ <link href="https://fonts.googleapis.com/css?family=Barlow:400,500,600,700|Muli:400,700&display=swap" rel="stylesheet">
@endprepend
@prepend('scripts')
<full-width class="bg-grey-100" padding="pt-1v pb-2v">
- <content>
+ <content class="product-category">
@if ($filters && $filter_results)
<products-filters v-cloak
<content class="pt-1v">
<text-block title-tag="h1" :title="$product->name">
<slot name="preTitle">
- <div class="text-navy text-bold font-display text-xl -mb-2">Ref: {{ $product->reference }}</div>
+ <div class="text-navy text-medium font-display text-xl mb-2">Ref: {{ $product->reference }}</div>
</slot>
</text-block>
@if (count($related) > 0)
<full-width class="bg-grey-100">
- <content>
-
+ <content class="product-associated">
<text-block :title="__('Produits associés')" title-class="h2"/>
{{-- Product Grid --}}
@if($product->basic_selling_price && $product->json)
@php($options = true)
<p class="no-m text-sm mt-5">{{ __('Produit configurable') }}</p>
- <p>{{ __('A partir de :').' '. $price }}€ HT</p>
+ <p class="price">{{ __('A partir de :').' '. $price }}€ HT</p>
@elseif($product->basic_selling_price && !$product->json)
<p class="no-m line-through text-sm mt-5">{{ __('Prix catalogue :').' '.$product->basic_selling_price }}€ HT</p>
- <p>{{ __('Votre prix :').' '. $price }}€ HT</p>
+ <p class="price">{{ __('Votre prix :').' '. $price }}€ HT</p>
@endif
</div>
</div>