WC layout issues

[OM26R]

Hi.

1. I've tried to find out how to add Size information (or other, for example, the country or something like that) like here https://yadi.sk/i/WvUVcFuq3QQuf9 and made it with making my own product layout https://yadi.sk/i/WvUVcFuq3QQuf9 and adding the attribution on product's setting page. But I've got this https://yadi.sk/i/foJZSrs33QQv6y - there are the border around the attribution and extra "Additional information" title. How can I delete border (like on your demo) and that extra title?  Also, the same extra title duplicates in the menu below https://yadi.sk/i/2hgrd0ub3QQvLH I'd like to make it for the single product, not variable.

2. Is it possible to set auto-cropping to cube for product image like it makes in preview thumbnail bellow for narrow images? https://yadi.sk/i/tAW4qnZN3QQvYm and https://yadi.sk/i/SgMuo5lP3QQveF and https://yadi.sk/i/1RYyNFte3QQvix . Also, there is the problem with narrow images on product list shortcode when you hover the mouse on product with 2 images (1st is narrow, second is cubic) https://yadi.sk/i/q1TYLC3o3QQvwq

3. Also, I have some problems with kind of cropped beginnings of description, titles like this https://yadi.sk/i/UdEsTjdJ3QQwFp what is it?

Add New Note to this Reply

[OM26R]

4. And how can I fill this gap? https://yadi.sk/i/K3Cvmevz3QUjqQ

Add New Note to this Reply

[tinhbeng]

Hi,

1. This style (https://yadi.sk/i/WvUVcFuq3QQuf9) only display for the Variable Product. With Simple Product will display as https://yadi.sk/i/foJZSrs33QQv6y.

- Remove the title "Additional Information": you can add these lines to Custom CSS or the "style.css" of Child Theme:

.single-product-inner .vc_tta-panel-body h2{

display: none;

}

.custom-page-layout h2{

display: none;

}

2. Under the Product Images section, you will find the Catalog Images, Single Product Images, and Product Thumbnails dimensions which is calculated as Width X Height in pixels

* Catalog Image is for your images on the shop page and for shortcodes. Single Product Image is for your images on the single product pages. Product Thumbnail is for your smaller product thumbnails for widgets.

** The images you upload to products will be resized to match the values you have input here. If your settings are 100×100 and you upload a 300×600 image it will be resized to 100×200. You can also choose to "hard crop" your images which will force them to be the size specified in these settings, regardless of the raw image you upload, but your image will the loss of the image content.

You should put pictures of the same size or Same ratio.

3. You go Product Block -> Single Product layout (you are using) -> Remove padding.

http://prntscr.com/hlupc4

4. You go to Woocommerce and set "Shop Page". http://prntscr.com/hluqc8

 

Best regards,

 

Add New Note to this Reply

[OM26R]

thanks for the reply, but I have some questions:

2. As I understand that way you described here affects on the source image, if the image was 1000x1500, but if I set the resolution for Single Product image 800x800, so my image 1000x1500 will be gone, and there will be the new image 400x800? But is it possible to make like thumbnail, I see cropped image 800x800 (maybe will background color on that side where it has the narrow resolution), and if the image has 1000x1500 resolution it will not ruin the layout, it will seem like "cubic", but when I click on it, it will open the gallery window where I can see the source image? the main reason I want to make the strong resolution (just visual) for Single Product layout image is the narrow images like to destroy all layout like here https://yadi.sk/i/tAW4qnZN3QQvYm and https://yadi.sk/i/SgMuo5lP3QQveF and https://yadi.sk/i/1RYyNFte3QQvix . in this way the thumbnail will go far away bellow. And now I have to make all images in Photoshop like 800x800 with white background color on narrow side

5. Is it possible to add the possibility to open the Product by clicking on Image on Product List shortcode, or Catalog? not it's possible only by clicking on the title or Quick View button. That can be confusing for visitors.

6. You have the nice design, also I like showing the next image on hovering on product image in Product list or Catalog, but my client does not want to see the image changing on hovering, is it possible?

Add New Note to this Reply

[tinhbeng]

Hi,

2, You can view this link to clarify: http://prntscr.com/hmti46

5, You go to Theme Options -> Shop -> Add Link for Product Image -> Turn "On" this option.

https://prnt.sc/hmtjff

6. You can add this line to Custom CSS or the "style.css" of Child Theme

.product-thumb-secondary {

display: none;

}

Hope it helps!.

Thanks.

 

 

Add New Note to this Reply

[OM26R]

thank for the reply, but

5. it works, but only in shop catalog. Is it possible to add the same action to Product Tab shortcode? For example, here http://demo.yolotheme.com/rubino/ in Rubino's Shop block (as I understand it's the Product Tab shortcode too) we can click also on the image and it will open the product's page. But on my site, I can't do this http://decore.pro/

Add New Note to this Reply

[tinhbeng]

Hi,

Are you using the plugin "YL WooCommerce Products Layouts Rubino" last new version? (Version 1.2.1.1)

You can go to  the "style_1.php" (/wp_content/plugins/yl_product_layouts_rubino/includes/addon/yl-product-tab/templates/style_1.php) and check the line have exists in this link: http://prntscr.com/hn8txu

If not exsits, please replace the content by attachement file.

Best regards,

Add New Note to this Reply

[OM26R]

5. I had 2 such plugins: YL WooCommerce Products Layouts Rubino and YL WooCommerce Products Layouts

I've disabled 2nd one and it works fine now. Thanks

Add New Note to this Reply

[tinhbeng]

Hi,

You should remove the "YL WooCommerce Products Layouts" plugin.

Thanks.

Add New Note to this Reply

[Author]

Posts