Have your say in Community Polls: What was/is your greatest motivation to start your own business?

Re: Total product count in collection page

Solved

Total product count in collection page

Vodoom
Visitor
3 0 1

Need help to show total products in collection page, its showing on mobile but not on desktop.

https://hypeselection.com/collections/clothing-1

Accepted Solution (1)

BSS-TekLabs
Shopify Partner
2350 688 810

This is an accepted solution.

- Here is the solution for you @Vodoom 
- Please follow these steps:
1. Go to Online Store --> Theme --> Edit code.
2. Open your theme.liquid file
3. In theme.liquid, paste the below code before </head> and press 'Save' to save it

<style>
@media only screen and (min-width: 600px) {
.facets-container.scroll-trigger.animate--fade-in {
    position: relative !important;
}
.product-count.light.medium-hide.large-up-hide {
    position: absolute !important;
    display: block !important;
    top: -10px !important;
    left: 16px !important;
}
}
</style>

- Here is the result you will achieve:

BSSTekLabs_0-1728184492649.png

 

- Please press 'Like' and mark it as 'Solution' if you find it helpful. Thank you.

If our suggestions are useful, please let us know by giving it a like or marking it as a solution.


Salepify: Efficiently increase sales conversion with sale-driven features like auto add to cart, free gifts (free plan available)


Salemate: Boost your AVO with 2-layer offer, countdown upsell in your post purchase page


BSS Commerce - Full-service eCommerce Agency | Use Shopify for 1$ in the first month now

View solution in original post

Reply 1 (1)

BSS-TekLabs
Shopify Partner
2350 688 810

This is an accepted solution.

- Here is the solution for you @Vodoom 
- Please follow these steps:
1. Go to Online Store --> Theme --> Edit code.
2. Open your theme.liquid file
3. In theme.liquid, paste the below code before </head> and press 'Save' to save it

<style>
@media only screen and (min-width: 600px) {
.facets-container.scroll-trigger.animate--fade-in {
    position: relative !important;
}
.product-count.light.medium-hide.large-up-hide {
    position: absolute !important;
    display: block !important;
    top: -10px !important;
    left: 16px !important;
}
}
</style>

- Here is the result you will achieve:

BSSTekLabs_0-1728184492649.png

 

- Please press 'Like' and mark it as 'Solution' if you find it helpful. Thank you.

If our suggestions are useful, please let us know by giving it a like or marking it as a solution.


Salepify: Efficiently increase sales conversion with sale-driven features like auto add to cart, free gifts (free plan available)


Salemate: Boost your AVO with 2-layer offer, countdown upsell in your post purchase page


BSS Commerce - Full-service eCommerce Agency | Use Shopify for 1$ in the first month now