• Resolved edinbrankovic

    (@edinbrankovic)


    I want to have a list of as many products as possible on my mobile phone screen. Since pictures are not important, I want to eliminate those pictures because they take up space. I don’t want to have avatars if the product doesn’t have a picture. I want to have only “Product Name, Price, Order” all in one line. How to make?

Viewing 5 replies - 1 through 5 (of 5 total)
  • Stef

    (@serafinnyc)

    Send us a link of your actual store and we’ll tell you what you can do @edinbrankovic

    What you’re asking, if it involves the archive template and will involve a bit of coding. Having products all on one line doesn’t make sense either.

    Stacked like this does, but inline? I’m not sure. Anyway, this is stacked in mobile no images

    Thread Starter edinbrankovic

    (@edinbrankovic)

    Hi Stef, thanks for your answer. My wishes are a look like this:

    Album $19.00 ADD TO CART

    Album1 $15.00 ADD TO CART

    In this way, 15-20 products fit on one screen.

    I had a platform like this, a programmer programmed it for me once upon a time.

    But if I can’t find a solution for the look I want, your suggestion is satisfactory.

    As for the question to send the link, I don’t want it just for one platform, I want to know the solution. Let’s take for example that I would use the Storefront theme.

    Stef

    (@serafinnyc)

    Hello again @edinbrankovic well, if you don’t change anything or override the template then the CSS alone will remove the image

    /* Add this to your theme's stylesheet or custom CSS section */
    .archive .products .product img {
        display: none;
    }

    On any install no matter the theme as long as there’s no overriding. As for stacking them in mobile you’ll need a developer to help you again achieve all that because that will require some desktop and mobile CSS queries. For instance there are 3 columns let’s say, they’re set to 30% each they’d need to be changed to 100% and so on.

    Best of luck

    Thread Starter edinbrankovic

    (@edinbrankovic)

    Hi Stef, thanks a lot, this works, but the result is bad since the product name, price and button are in three lines and there is a very big space between them.

    The result is that more products are visible when there are images than like this.

    It may depend on the theme, but as you said, I need to find a developer to solve it.

    Regards

    Stef

    (@serafinnyc)

    @edinbrankovic correct, we do not support customization here in this forum per its guidelines, so finding a developer to add more CSS is advised.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Product list without images’ is closed to new replies.