Updated Anthology templates. Walmart and Datasnipper notes. Todos.

This commit is contained in:
Norm Rasmussen
2024-08-07 19:37:41 +02:00
parent 1eb1fce129
commit c8adb91545
19 changed files with 782 additions and 139 deletions

View File

@ -52,6 +52,14 @@
</div>
</div>
</div>
{% if current_person.email contains '+preview' or current_person.email == 'kfelton@anthology.com'%}
{% assign sub_levels_length = current_person.properties.subscription_levels | size %}
{% if sub_levels_length > 0 %}
{% include "product_bar" %}
{% endif %}
{% endif %}
<main class="np-main np-catalog np-subpage-container np-max-width">
{% comment %} {% include "browse_by_product" %} {% endcomment %}
@ -81,8 +89,8 @@
{% comment %} ----------------------------------------------------------------- {% endcomment %}
{% comment %} FOR NORM: {% endcomment %}
{% comment %} Ln 67-80 >> new search {% endcomment %}
{% comment %} Ln 83-92 >> old search {% endcomment %}
{% comment %} Ln 70-80 >> new search {% endcomment %}
{% comment %} Ln 89-99 >> old search {% endcomment %}
{% comment %} ----------------------------------------------------------------- {% endcomment %}
@ -315,18 +323,6 @@
margin-bottom: 12px
}
@media screen and (min-width: 1651px){
.np-main{
margin-top: 400px;
}
}
@media screen and (min-width: 1440px){
.np-main{
margin-top: 350px;
}
}
@media screen and (min-width: 768px){
.np-main{
margin-top: none;
@ -342,12 +338,6 @@
max-width: 100%;
}
{% comment %}
/*.np-subpage-container{
padding: 50px 50px 184px;
}*/
{% endcomment %}
.dropdown-menu{
left: 0;
right: unset;
@ -355,23 +345,38 @@
.catalog-search-component{
margin-bottom: 0;
/* margin-right: 50px; */
}
}
@media screen and (min-width: 1440px){
/* .np-main{
margin-top: 350px;
} */
.product-bar{
margin-top: 25.5%;
}
.np-homepage-hero{
width: calc(100vw + 1.75em);
position: absolute;
left: 0;
}
/* .catalog-header-wrapper{
margin-top: 300px;
} */
}
@media screen and (min-width: 2200px){
@media screen and (min-width: 1651px){
.np-main{
margin-top: 400px;
}
}
@media screen and (min-width: 1900px){
.np-main{
margin-top: 425px;
}
}
/* @media screen and (min-width: 2200px){
.catalog-header-wrapper{
margin-top: 350px;
}
@ -381,5 +386,5 @@
.catalog-header-wrapper{
margin-top: 400px;
}
}
} */
</style>