Shopify themes, liquid, logos, and UX
Hello,
The fourth product is hidden on Mobile and i need to show it :
Website is : https://www.boutique-militaire.fr/
I hope you can help me ! Thanks you.
Hi there @Re4lityShaper,
Add the following code to your theme.scss.liquid file (You'll find it in Assets folder).
#shopify-section-1561624391297 .small--hide, #shopify-section-162688328038682df3 .small--hide {
display: block !important;
}
Hope it solves your issue.
Not working, it shows 5 products now. Its maybe because i have this in collection-list-item.liquid :
<div class="grid grid--no-gutters grid--uniform collection">
<div class="grid__item small--one-half medium-up--one-fifth collection__cover">
{% if featured_collection.image %}
{% assign collection_image = featured_collection | img_url: '235x235', scale:2 %}
{% else %}
{% assign collection_image = featured_collection.products.first | img_url: '235x235', scale:2 %}
{% endif %}
<a href="{{ featured_collection.url }}" class="collection-card lazyload" data-bgset="{{ collection_image }}">
<div class="collection-card__meta">
<p class="h1 collection-card__title">{{ featured_collection.title }}</p>
<p class="collection-card__subtext">{{ 'collections.general.view_all' | t }}</p>
</div>
</a>
</div>
{% for product in featured_collection.products limit: 4 %}
{% comment %}
Hide the last product for a better mobile view
{% endcomment %}
<div class="grid__item small--one-half medium-up--one-fifth{% if forloop.index == 4 %} small--hide{% endif %} si-hover-product">
{% include 'product-card', product: product, divh3tag: 'h3', product_card_info_height: '1' %}
</div>
{% endfor %}
</div>
Hi there @Re4lityShaper ,
If you want to display 4th product but not the 5th one, you can contact me and I'll do it for you with some coding customizations.
I've linked the website above can you check and send the code here ? So people with my problem get help too with the problem solved ?
Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024Digital marketers and app developers have tracked activity in apps and websites for yea...
By Ollie Mar 13, 2024February was an exciting month with Shopify Editions, informative webinars, and more! F...
By JasonH Mar 7, 2024