Problem with product display.

This topic has 29 replies, 3 voices, and was last updated 6 years, 6 months ago by Elise Noromit.

Viewing 30 posts - 1 through 30 (of 30 total)

Author

Posts
June 18, 2018 at 5:37 pm #63598

lucassp
Participant

Hello,

I configured the products I want to appear on my site’s home page. But when one of them is sold out and left out of stock, the page becomes unconfigured with some “holes” that should not exist.

It does not stay the way it was before, with 4 products per row …

How can I solve it?

Tks,

Lucas.

June 18, 2018 at 6:45 pm #63606

Artem Temos
Keymaster

Hello,

Could you please check how it works with some default WordPress theme like twentysixteen to understand is it our theme issue or not?

Regards

June 18, 2018 at 7:18 pm #63616

lucassp
Participant

Yes,

I did the test with staging using another theme, and it looks be with Basel Theme.

At staging the product that do not have at stock do not sho, but it do not cause any kind of interference at others products display like with Basel theme …

Tks,

Lucas.

June 19, 2018 at 6:34 am #63659

Artem Temos
Keymaster

Please, send us some screenshots, links where we can see the problem and your admin access so we can compare how it should work with default WordPress theme.

Thank you

June 19, 2018 at 2:20 pm #63749

lucassp
Participant

Ok, here is the print explaining the problem …

I wait your reply …

Tks!

Attachments:
You must be logged in to view attached files.

June 19, 2018 at 2:32 pm #63752
Artem Temos
Keymaster
Try to edit the file basel/inc/shortcodes.php and customize the function basel_shortcode_products(); as shown on screenshot http://prntscr.com/jwress

Add the following code
```
if ( 'yes' === get_option( 'woocommerce_hide_out_of_stock_items' ) ) {
	$args['meta_query'][] = array( 'key' => '_stock_status', 'value' => 'outofstock', 'compare' => 'NOT IN' );
}
```
June 19, 2018 at 2:38 pm #63753

lucassp
Participant

Hi,

I don’t know how to do it … is possible you send me this php file? Is it a theme issue?

Tks,

Lucas.

June 19, 2018 at 4:01 pm #63759

Elise Noromit
Member

Hello,

Enter your theme folder via FTP www/wp-content/themes/basel/inc/shortcodes.php upload this file, add the code, save and upload in the same place.

Best Regards

June 19, 2018 at 4:17 pm #63762

lucassp
Participant

Is possible to do this at child theme? To do not have problem with nexts updates…

Tks

June 19, 2018 at 5:56 pm #63768

Artem Temos
Keymaster

Firstly, try to check this solution. If it will work, you will be able to copy the whole PHP function for products element to the child theme functions.php file.

August 1, 2018 at 8:38 pm #70517

lucassp
Participant

Hi,

I dint try to add the code you suggested because I’m not developer and I was fixing it adding new products when some one was sold.

But today I discovered that this problem happen at tablet to … even I have 8 products:

– At desk 4 products / line.
– At mobile 2 products / line.
– At tablet 3 products / line.

At tablet this brakes line happen, even I have all products …

How can I solve it? Will it be fixed at update?

Tks,

Lucas.

August 2, 2018 at 1:00 am #70537

lucassp
Participant

Only to complete the explication:

– This issue is not related with products that are out of stock like before.
– The visual “problem” is the same, but to tablet vertical display.

How can we solve both problems? Out of stock products display and tablet products display?

Will it be solved in a future update?

Tks,

Lucas.

August 2, 2018 at 6:48 am #70556

Artem Temos
Keymaster

But you just need to add a few lines of code to check if it can be fixed or not. We can’t include it in our theme update while we don’t know if it worked or not.

August 2, 2018 at 6:52 am #70560

lucassp
Participant

Hi,

And it’s not possible to do a test at your side?

I understand that it’s just a few lines, but I don’t know how to do it.

I’m not developer …

Did you understand that are 2 different situations that cause the same issue with layout?

Tks!

August 2, 2018 at 6:53 am #70561

Artem Temos
Keymaster

We don’t have this problem on our side so we can’t test this solution.

August 2, 2018 at 6:55 am #70563

lucassp
Participant

Did you simulate the problem at your side?

I can send you the staging access for you test it.

Could be?

Tks

August 2, 2018 at 8:23 am #70608

Artem Temos
Keymaster

We don’t have this problem and can’t check it on our side. Send us your FTP access and we will try to add the code for you.

August 2, 2018 at 2:04 pm #70700

lucassp
Participant

Hi, tks for your reply…

Ok, I will send the URL.

Are 2 deferents problems that cause the same visual issue:

1- If a product from fist block “QUERIDINHOS” is out of stock, its changes the new products block “NOVIDADES”.

2- The same thing happens at tablet, because its 3 products line, and this broke at first block “QUERIDINHOS”changes the other products block “NOVIDADES”, even there is no product out os stock at fist block.

Tks!

Lucas.

August 2, 2018 at 2:59 pm #70723

Artem Temos
Keymaster

You need to use our theme’s Products element instead of default WooCommerce one.

August 2, 2018 at 3:00 pm #70727

lucassp
Participant

Hi,

How can I do this?

Tks

August 2, 2018 at 4:59 pm #70761

Artem Temos
Keymaster

Just use our Products (carousel or grid) WPBakery element for products instead of your current one.

August 2, 2018 at 11:03 pm #70802

lucassp
Participant

How can I select each product I want to display at this?

August 3, 2018 at 6:27 am #70828

Artem Temos
Keymaster

You can set “List of IDs” and write down your products by name https://gyazo.com/cebb347ed16de44f4de0a1d409190106

August 3, 2018 at 6:01 pm #70985

lucassp
Participant

How can I keep the price layout like before?

Attachments:
You must be logged in to view attached files.

August 3, 2018 at 6:17 pm #70988

lucassp
Participant

When I chose this theme options the price stays different at home and on the rest of site …

If be possible, I would like to show it like before and like the rest of site …

Tks

August 3, 2018 at 8:18 pm #71032
Elise Noromit
Member
Hello,

Please add this code to Theme settings > Custom CSS:
```
.basel-hover-standard .amount {
    font-weight: 800 !important;
    font-size: 22px !important;
    color: #53c57f !important;
}
.woocommerce .wc-simulador-parcelas-parcelamento-info.no-fee, .woocommerce .wc-simulador-parcelas-parcelamento-info.fee-included {
    display: block;
    font-weight: normal;
    font-style: italic;
    font-size: 16px;
    color: #828282;
    margin-top: 5px !important;
    margin-bottom: 20px !important;
}

.woocommerce .wc-simulador-parcelas-parcelamento-info .woocommerce-Price-amount.amount {
    color: #38383e !important;
}
```
Best Regards
August 7, 2018 at 1:24 pm #71527

lucassp
Participant

Hi,

I have added it but still with the same layout …

August 8, 2018 at 7:32 am #71669
Elise Noromit
Member
Hello,

Please try this code:
```
.basel-hover-standard .amount {
  font-weight: 800 !important;
  font-size: 22px !important;
  color: #53c57f !important;
}
.wc-simulador-parcelas-parcelamento-info.no-fee, .wc-simulador-parcelas-parcelamento-info.fee-included {
  display: block;
  font-weight: normal;
  font-style: italic;
  font-size: 16px;
  color: #828282;
  margin-top: 5px !important;
  margin-bottom: 20px !important;
}
.wc-simulador-parcelas-parcelamento-info .woocommerce-Price-amount.amount {
  color: #38383e !important;
}
```
Best Regards
August 8, 2018 at 12:21 pm #71733

lucassp
Participant

Perfect!

August 8, 2018 at 1:05 pm #71744

Elise Noromit
Member

If you have any questions please feel free to contact us.

Best Regards
Author

Posts