Docs

[contegi66]

Hi Support,

My config:
X theme 4.6.4
WooCommerce 2.6.8

I just start the client’ shop with 2-3 items and I have questions for you.

1) From WC official site I should have in Woo/settings/products/layout/ a settings part called “Product sizes” (see pic1) but I do not have on my side. How this can be possible? Have I missed something?

2) The basic layout of shop I got is really poor and does not reflect in any way the normal product grid view shown in your KB or even in WC documentation ie. my product titles are on the right side and not below it, titles are with huge font size, … (see pics 2&3). I do not understand why.

Thank you for any suggestion/help you would be able to give me on this.

Regards,
Gianni

[Nabeel A]

Hi there,

Thanks for writing in! To enable the WooCommerce Product image sizes section, add the following code in your Child Theme’s functions.php file:

function remove_product_settings_filter() {
   remove_filter( 'woocommerce_product_settings', 'x_woocommerce_remove_plugin_settings' );
}

add_filter('init', 'remove_product_settings_filter');

Please provide the URL of your site so we can take a look at your shop page.

Hope this helps!

[contegi66]

Hi Support,

Sorry for the delay. I successfully add the code in php file and now I see the settings.

For the other issues I’l send you a more detailed report and credentials in private.

Best,
Gianni

[contegi66]

This reply has been marked as private.

[contegi66]

This reply has been marked as private.

[Rue Nel]

Hello There,

Thanks for providing us the screenshot. All of these issues occurred because of the following custom css in your customizer.

.entry-featured {
    position: static;
    padding: 0;
    width: 200px;
    float: left;
    margin: 30px 30px 30px 30px;
}

.archive .entry-featured {
    width: 40%;
    margin: 0 auto;
}

You need to update this code so that it will not be applied to any of the WooCommerce pages. To do that, you can make sue of this code instead:

body:not(.woocommerce) .entry-featured,
body:not(.woocommerce-page) .entry-featured {
    position: static;
    padding: 0;
    width: 200px;
    float: left;
    margin: 30px 30px 30px 30px;
}

body:not(.woocommerce) .archive .entry-featured,
body:not(.woocommerce-page) .archive .entry-featured {
    width: 40%;
    margin: 0 auto;
}

After you have updated your custom css, please review your shop again. All the styling should be something like our Renew Shop demo which you can find it here:
http://demo.theme.co/shop-renew/

Bucky

Please let us know how it goes.

[contegi66]

Hi Support,

Thank you very much for this. It works pretty well but I still have huge thumbnails and titles (see screenshot #1) despite Woo product display settings (see screenshot #2) and having regenerate the related thumbnails

any clue?

Thank you in advance,
Gianni

[Friech]

Hi Gianni,

The product thumbnail looks pretty standard to me, keep in mind that the size of the product image will always respond to the size of its container (1/3 columns).

Add this on top of your custom CSS to resize the product title.

.woocommerce li.product .entry-header h3 {
	font-size: 100%;
}

Please check your entire custom CSS here: http://csslint.net/ and resolve all the errors.

Hope it helps, Cheers!

[contegi66]

Hi Support,

Thank you for the code and the explanation. It works now better. I was expecting to have a shop display like in Integrity stack, is there a way to have it in Renew?

Regarding CSS Lint and knowing that all custom CSS code is coming from you guys, I have no clue in what does mean -and how I could potentially fix- the 3 errors and 38 warnings I got….

line column title description
error 159 10 Parsing Errors Expected a FUNCTION or IDENT after colon at line 159, col 10.
font-size: 35px;

error 257 1 Parsing Errors Expected RBRACE at line 257, col 1.
@media(max-width: 768px) {
error 311 2 Parsing Errors Expected RBRACE at line 311, col 2.
}

any help?

Best regards,
Gianni

[Rad]

Hi there,

Mixing design and layout from different stacks are only possible through custom development, and that something we can’t cover.

Would you mind providing the entire CSS that you’re validating with that tool?

Thanks!

[Lely]

Hello Gianni,

Please make sure that for every media query there is a corresponding closing curly brace:

@media(max-width: 768px) {

}

See attached screenshot

[contegi66]

Hi Support,

Thank you very much ! I updated custom css accordingly.

Best,
Gianni

[contegi66]

This reply has been marked as private.

[Rue Nel]

Hello There,

Thanks for updating in! Only this error should be resolve.

Please remove the curly brace or review the block to determine which block this lines belong to;

font-size: 35px;
margin-top: 0px;

Please let us know how it goes.

[contegi66]

Hi Support,

Thank you for this (works well) BUT I have a problem when adding -following your instructions- the missing curly brace (see screenshot 1). All containers in the page are aligned to left (see screenshot 2) instead remaining centred (screenshot 3) as it should be.

Any clue why?

Gianni

[Author]

Posts