Return to previous page

How to change number of product per row?

This topic has 25 replies, 4 voices, and was last updated 10 years, 6 months ago ago by Eva Kemp

  • Avatar: ecopark
    ecopark
    Participant
    May 26, 2015 at 16:22

    Dear support professional, please help me to change products per row.
    please help me to get 5 products per row.
    I am using Woopress theme.

    I followed directions and setup as follows, however I am not able to get 5 products per row in the product list page.

    <set up>
    Theme options > product page layout > only grid, 5 products per row

    thank you for your help in advance

    #66112 Copied Theme version: woopress 1.5 WooCommerce version: 2.3.9
    24 Answers
    Avatar: Eva
    Eva Kemp
    Participant
    May 26, 2015 at 16:37

    Hello,

    Please provide us with wp-admin panel credentials in Private Content.

    Thank you.
    Regards,
    Eva Kemp.

    #66118 Copied
    Avatar: ecopark
    ecopark
    Participant
    May 26, 2015 at 16:58

    thank you for your help

    Please, contact administrator
    for this information.
    #66121 Copied
    Avatar: Eva
    Eva Kemp
    Participant
    May 26, 2015 at 18:13

    Hello,

    Did you make any changes in the original theme files?
    Please provide us with FTP login details as well.

    Thank you.
    Regards,
    Eva Kemp.

    #66134 Copied
    Avatar: ecopark
    ecopark
    Participant
    May 26, 2015 at 18:19

    No, I haven’t
    actually, I do not have knowledge to change original theme.

    Please, contact administrator
    for this information.
    #66140 Copied
    Avatar: ecopark
    ecopark
    Participant
    May 26, 2015 at 18:27

    could you please also help to display 6 products per row in home page, using recent products widget. I am wasting whole day only to set up product view.

    I haven’t changed anything much.

    thank you for your help

    #66144 Copied
    Avatar: Chic2Chic
    Chic2Chic
    Participant
    May 26, 2015 at 20:33

    I need help with this as well. My pages are showing only 1 product per page and you have to click on all the other pages. I want to have a grid style display like before when I first downloaded the theme. Please help.

    #66165 Copied Theme version: IDSTORE WooCommerce version: IDSTORE
    Avatar: Eva
    Eva Kemp
    Participant
    May 27, 2015 at 13:10

    Hello @ecopark,

    We can’t log in to your FTP account getting this error:
    Response: 550 PWD: No such file or directory
    Error: Failed to retrieve directory listing

    Please check the credentials and permissions you set for FTP user.

    Thank you.
    Regards,
    Eva Kemp.

    #66287 Copied
    Avatar: Eva
    Eva Kemp
    Participant
    May 27, 2015 at 13:11

    Hello @Chic2Chic,

    Please provide us with FTP and wp-admin panel credentials in Private Content.

    Thank you.
    Regards,
    Eva Kemp.

    #66290 Copied
    Avatar: ecopark
    ecopark
    Participant
    May 27, 2015 at 13:59

    I attached my info below

    Please, contact administrator
    for this information.
    #66310 Copied
    Avatar: Robert Hall
    Robert Hall
    Participant
    May 27, 2015 at 14:15

    Hello @ecopark,

    Please add this code in custom.css file.

    @media (min-width: 768px){
.home .col-sm-4 {
  width: 16.333333%;
}}
.home .row-count-5 .product:nth-child(3n+1){
clear:none !important;
}
.home .row-count-5 .product:nth-child(6n+1){
clear:both !important;
}

    Here is a video tutorial how to create custom.css: https://www.youtube.com/watch?v=Qok2zRedRMY&feature=youtu.be.

    Regards,
    Robert Hall.

    #66321 Copied
    Avatar: ecopark
    ecopark
    Participant
    May 27, 2015 at 14:47

    Dear Mr Robert,

    this is very helpful.
    here is some additional question

    1. I changed default.custom.css. but nothing changed
    2. I added your code in style.css, it worked (but I do not want to change style.css)
    3. could you please guide me how to set up 4 products and 5 products per row?

    thank you for your help in advance.

    #66332 Copied
    Avatar: Robert Hall
    Robert Hall
    Participant
    May 27, 2015 at 14:57

    I’ve changed code. Please check it.
    As I see you moved my code into style.css of Legenda theme. I do not recommend to do this, because in the next theme update you’ll lost all your changes. That’s why it’ll be better do all changes in custom.css file or Child Theme.

    Regards,
    Robert Hall.

    #66334 Copied
    Avatar: ecopark
    ecopark
    Participant
    May 27, 2015 at 15:08

    dear Robert Hall,

    could you please check it again?
    thank you for information.

    However, currently my site is still showing 3 products per row.
    please help me to fix it.
    thanks.

    #66343 Copied
    Avatar: Robert Hall
    Robert Hall
    Participant
    May 27, 2015 at 15:14

    First you need rename defaul.custom.css file to custom.css via FTP.
    Please follow this video tutorial how to create custom.css file:
    https://www.youtube.com/watch?v=Qok2zRedRMY&feature=youtu.be.

    Regards,
    Robert Hall.

    #66350 Copied
    Avatar: ecopark
    ecopark
    Participant
    May 27, 2015 at 15:36

    Dear Mr Robert,

    thank you. it works fine.

    here are followings additional questions

    1. would you help me to display 4 products per row, rather than 6 products ?

    2. in the main page, 6 products per row are displayed, however, in category pages, still 3 products per row are displayed. could you please help me to fix this?

    again, thank you for your kind support.

    #66364 Copied
    Avatar: Robert Hall
    Robert Hall
    Participant
    May 27, 2015 at 16:03

    Please provide us with link to the page where must be 4 products per row.

    Regards,
    Robert Hall.

    #66372 Copied
    Avatar: ecopark
    ecopark
    Participant
    May 27, 2015 at 16:08

    here are links,
    http://redreview.cafe24.com/wordpress/
    http://redreview.cafe24.com/wordpress/%EC%83%81%ED%92%88-%EC%B9%B4%ED%85%8C%EA%B3%A0%EB%A6%AC/skin/
    http://redreview.cafe24.com/wordpress/%EC%83%81%ED%92%88-%EC%B9%B4%ED%85%8C%EA%B3%A0%EB%A6%AC/make_up/
    http://redreview.cafe24.com/wordpress/%EC%83%81%ED%92%88-%EC%B9%B4%ED%85%8C%EA%B3%A0%EB%A6%AC/body-and-hair/
    http://redreview.cafe24.com/wordpress/%EC%83%81%ED%92%88-%EC%B9%B4%ED%85%8C%EA%B3%A0%EB%A6%AC/mask/

    in fact, I would like to show 4 products per row in all pages.
    thanks

    #66379 Copied
    Avatar: Eva
    Eva Kemp
    Participant
    May 27, 2015 at 18:37

    Hello,

    I’ve enabled responsive design in Theme Options > Responsive and now 4 products in row are shown on your category pages.
    Please clear browser cache and check.

    Regards,
    Eva Kemp.

    #66430 Copied
    Avatar: ecopark
    ecopark
    Participant
    May 28, 2015 at 00:23

    Dear Eva Kemp.

    thank you for your support, this is very helpful.
    I have two followings questions.

    1. how can I put 5 products in a row instead of 4?
    http://redreview.cafe24.com/wordpress/
    ==> 5 products in a row was enabled in this page

    In those pages, I can not put more than 4 products in a row
    http://redreview.cafe24.com/wordpress/%EC%83%81%ED%92%88-%EC%B9%B4%ED%85%8C%EA%B3%A0%EB%A6%AC/skin/
    http://redreview.cafe24.com/wordpress/%EC%83%81%ED%92%88-%EC%B9%B4%ED%85%8C%EA%B3%A0%EB%A6%AC/make_up/
    http://redreview.cafe24.com/wordpress/%EC%83%81%ED%92%88-%EC%B9%B4%ED%85%8C%EA%B3%A0%EB%A6%AC/body-and-hair/
    http://redreview.cafe24.com/wordpress/%EC%83%81%ED%92%88-%EC%B9%B4%ED%85%8C%EA%B3%A0%EB%A6%AC/mask/

    2. also, please let me know, how can I disable responsiveness and keep 4 products in a row ( some customers respond that they dislike responsiveness)

    again, thank you for your support in advance.
    I am deeply appreciate your help

    sangsoo

    #66480 Copied
    Avatar: Eva
    Eva Kemp
    Participant
    May 28, 2015 at 09:23

    Hello,

    1. Please try to use this Products element http://storage2.static.itmages.com/i/15/0528/h_1432801120_2372260_d8034382d8.png instead of the one you’re using now.

    2. Did you make any changes in original theme files?
    May I reupload the theme?

    Thank you.
    Regards,
    Eva Kemp.

    #66565 Copied
    Avatar: ecopark
    ecopark
    Participant
    May 28, 2015 at 09:32

    1. Please try to use this Products element http://storage2.static.itmages.com/i/15/0528/h_1432801120_2372260_d8034382d8.png instead of the one you’re using now.
    ==> yes, I will try

    2. Did you make any changes in original theme files?
    May I reupload the theme?
    ==> sure, excepts top-bar.php in header. currently i am trying to use this file to work with KR, EN, CN setting

    Thank you for your on-going support, despite of my basic and numerous requests.

    Sangsoo

    #66569 Copied
    Avatar: Eva
    Eva Kemp
    Participant
    May 28, 2015 at 18:41

    Hello,

    I’ve reuploaded the theme and now you can change products number per row in Theme Options > Products Page Layout > Products per row. Please clear browser cache and check.
    Unfortunately products layout doesn’t work correctly if responsiveness is off.
    Please take our apologies.

    Regards,
    Eva Kemp.

    #66799 Copied
    Avatar: Chic2Chic
    Chic2Chic
    Participant
    May 29, 2015 at 02:01

    This did not help.

    Please, contact administrator
    for this information.
    #66856 Copied Theme version: IDSTORE WooCommerce version: latest
    Avatar: Eva
    Eva Kemp
    Participant
    May 29, 2015 at 08:45

    Hello @Chic2Chic,

    Please provide us with FTP credentials.

    Thank you.
    Regards,
    Eva Kemp.

    #66897 Copied
  • Viewing 25 results - 1 through 25 (of 25 total)

You must be logged in to reply to this topic.Log in/Sign up

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder
Kidsstore – WooCommerce Theme
lazy-placeholder
Handmade artisans – WordPress WooCommerce Theme
lazy-placeholder
Minimal Store – WordPress WooCommerce Theme
lazy-placeholder
Tea Store – WordPress WooCommerce Theme
lazy-placeholder
Sneakers Store – WordPress WooCommerce Theme
lazy-placeholder
Luxury Jewelry Store – WordPress WooCommerce Theme
lazy-placeholder
Grocery Market – Multivendor WP WooCommerce Theme
lazy-placeholder
Hipster Store – WordPress WooCommerce Theme
lazy-placeholder
Pub – WordPress Theme
lazy-placeholder
Business – WordPress WooCommerce Theme

See All Templates

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.