Return to previous page

Woocommerce Products Not Displaying Correctly on Home Page

This topic has 16 replies, 3 voices, and was last updated 9 years ago ago by Robert Hall

teamtiggio

Participant

March 19, 2015 at 19:47

Hello,

We recently purchased the Xmarket theme. We are able to add products succesfully, however when we attempt to use/add recent products on the homepage the products do not display correctly. They all display in one column and proceed to load vertically. See screenshot.

https://www.dropbox.com/s/ievkgxbjxz74y0k/Screenshot%202015-03-19%2014.35.40.png?dl=0

#50996 Copied Theme version: XMarket 1.9 WooCommerce version: 2.3.7

15 Answers

Eva Kemp

Support staff

March 19, 2015 at 19:57

Hello,

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

Thank you.
Regards,
Eva Kemp.

#50999 Copied

teamtiggio

Participant

March 19, 2015 at 20:07

Thank you for the quick reply. Information has been sent.

Please, contact administrator
for this information.

#51005 Copied

Eva Kemp

Support staff

March 19, 2015 at 21:36

Hello,

I’ve replaced the WooProducts element with the shortcode [etheme_recent_products per_page="9" columns="3"] in Text block. Please check now and clear browser cache before.

Thank you.
Regards,
Eva Kemp.

#51045 Copied

teamtiggio

Participant

March 20, 2015 at 19:14

Hello,

Thank you for assisting us. The products are displaying, but they are broken and we’d prefer 4 columns and a minimum of 20 products. Will the shortcode used be editable? Can we alter the numbers ourselves? or is it possible for you to assist us in setting up our own shortcodes.

I ask this because we will also need a featured shortcode and category shortcode for various pages.

#51341 Copied

Eva Kemp

Support staff

March 21, 2015 at 09:11

Hello,

Please read our documentation what shortcodes you can use:
https://www.8theme.com/demo/docs/xmarket/index.html#!/xmarket_shortcodes
Also here you can see how featured images are added on the home page:
https://www.8theme.com/demo/docs/xmarket/index.html#!/demo_data_installation > Home page.

Now we can’t log in to wp-admin panel getting an error:
“Bandwidth Limit Exceeded”
Please check it.

Regards,
Eva Kemp.

#51379 Copied

teamtiggio

Participant

March 23, 2015 at 21:20

The bandwith issue should be resolved now. We’ve tried to reorder the products and adjusting the column/total products numbers in the shortcode, but the products are still not showing correctly.

#51820 Copied

Eva Kemp

Support staff

March 23, 2015 at 21:48

Hello,

4 products per row can be shown only without sidebar, so I’ve removed it chosen the template “One column, without sidebar” in Page Attributes in the editor of “Essential Oils & Natural and 100% Pure Plant” page.
Please check your home page now and clear browser cache before.

Thank you.
Regards,
Eva Kemp.

#51827 Copied

teamtiggio

Participant

March 24, 2015 at 22:07

Hello,

We hate to be a pest, but is it possible to keep the sidebar on the homepage, with the corrected product layout. That was one of the main parts of the layout we need for the theme. Please let us know if this can work.

#52125 Copied
Eva Kemp

Support staff

March 25, 2015 at 09:12
Hello,

You can achieve it only reducing the width of products grid using this code in custom.css file:
```
#products-grid.products_grid .product-grid {
    width: 170px !important;
}
```
To create custom.css you need rename default.custom.css to custom.css in wp-content/themes/xmarket directory via FTP and enable it in Xmarket – Theme Settings, tick “Enable Custom CSS file”.

Thank you.
Regards,
Eva Kemp.
#52164 Copied
teamtiggio

Participant

April 15, 2015 at 16:29

Hello,

We’ve used the css code you supplied to fix our displaying issue:

#products-grid.products_grid .product-grid {
width: 170px !important;
}

However when we use a product category for a page in the navigation the products still display incorrectly. What could this be?

#57190 Copied
Robert Hall

Support staff

April 15, 2015 at 16:56
Hello,

Please try to replace your code for this in custom.css file.
```
#products-grid.products_grid .product-grid {
  width: 155px !important;
}
```
Regards,
Robert Hall.
#57197 Copied
teamtiggio

Participant

April 15, 2015 at 17:05

Hello,

Thanks for the quick response. We’ve changed the code, updated and cleared the cache and it’s still displaying incorrectly.

Please, contact administrator
for this information.

#57199 Copied
Eva Kemp

Support staff

April 15, 2015 at 17:20
Hello,

I’ve added this code in custom css block:
```
.with-sidebar #products-grid.products_grid.rows-count4 .product-grid {
    width: 155px !important;
}
```
Please check products category page now.

Regards,
Eva Kemp.
#57209 Copied
teamtiggio

Participant

April 15, 2015 at 17:25

Perfect! Thank you for helping us. Just to confirm, will this code work with all product category pages?

#57212 Copied

Robert Hall

Support staff

April 15, 2015 at 17:39

Hello,

Yes, with the same products per row. But if you encounter any problems please contact us again.

Regards,
Robert Hall.

#57216 Copied
Tagged: correctly, displaying, products, templates, woocommerce, wordpress
Viewing 16 results - 1 through 16 (of 16 total)