-
AuthorPosts
-
October 6, 2013 at 6:39 am #171052
Can’t seem to find anyway to remove these items from the pages:
On product details – get rid of the addition information box
On product details – get rid of related products (I did not associate anything in product details to link them together)
On product details – Here is the problem – I started setting up the website in Flashlight and when the images displayed in product details, both horizontal and vertical images showed up fully and correct. In Enfold, all my images are getting cropped into a square. I have adjusted size in settings>catalog>image option and removed hard crop, and added size amount. Added rregenerate thumbnails. But images are cropped and squared. I don’t get why it happens and how to change it.
On Shop page: I want to remove the sort by and display by dropdowns from showing. How do I do that?Sorry, I would search the forum but it does not allow you to search for instance by i.e. “product detail images” for enfold only – it shows ALL theme answers. There can be way too many answers that don;t apply since they are from other themes.
October 6, 2013 at 5:28 pm #171222Hey lpfa!
Please add following code Quick CSS to remove the sections you mentioned
.product-sorting, .product .woocommerce-tabs, .related.products { display: none; }
And can you post the link to your website?
Cheers!
YigitOctober 6, 2013 at 9:45 pm #171328This reply has been marked as private.October 7, 2013 at 12:28 pm #171565Hey!
You should add these css codes into Quick CSS that is in Enfold theme options under Styling tab, or into Custom.css file which is inside Enfold CSS folder.
We are going to need to see your website live. But in the meantime you can check your thumbnail and featured image sizes, and change values in Functions.php file http://i.imgur.com/LFdXdPD.jpg
Please note that you need to remove all images then upload them again or changes will not be effectiveCheers!
YigitOctober 7, 2013 at 7:54 pm #171805This reply has been marked as private.October 7, 2013 at 7:58 pm #171809Hi!
If you would like to share screenshots, please upload them on http://imgur.com/ and share links here
You can try adding !important to the same code to force it.product-sorting, .product .woocommerce-tabs, .related.products { display: none!important; }
Then flush your browsers cache and refresh your page a few times. It worked well on my end
Regards,
YigitOctober 7, 2013 at 8:08 pm #171822That worked thanks. If I still want description to show up?
October 7, 2013 at 8:12 pm #171825Hello!
You are welcome. If you would like to partially display, you can add following codes to Quick CSS. I commented them
.woocommerce-tabs { display: block!important; } /* Description Tabs */ .product-sorting { display: block!important; } /* Product Sorting */ .related.products { display: block!important; } /* Related Products */
Cheers!
YigitOctober 7, 2013 at 8:30 pm #171841Ok – here is a link to the page as it now looks: http://imgur.com/oNK0cQz
So I added this as suggested: .woocommerce-tabs { display: block!important; } /* Description Tabs */
Nothing changed although i had refreshed the browser. What I want to do is just put info in edit product and have it show below the image, Also, is there a way to make the box for the buying options smaller? Sorry I am not a coder but follow directions pretty good. Lastly, as mentioned earlier, you can see the image is boxed even though it is a horizontal image. I am still not clear on how to make it scale correctly ass a horizontal image so it is not cropped.Thanks for all your help – I hope to get through this and a couple other issues and get finished – love the theme!!
October 7, 2013 at 9:40 pm #171881But in the meantime you can check your thumbnail and featured image sizes, and change values in Functions.php file http://i.imgur.com/LFdXdPD.jpg”
Which of these lines in the php file is the featured image on product detail page in commerce?
October 8, 2013 at 12:08 am #171964October 8, 2013 at 12:11 am #171966This reply has been marked as private.October 8, 2013 at 12:14 am #171972October 8, 2013 at 1:19 am #172008This reply has been marked as private.October 8, 2013 at 1:35 am #172012Hello!
Please add following code to Quick CSS as well
#top .variations td.label { width: auto; }
Best regards,
YigitOctober 8, 2013 at 10:08 pm #172734This reply has been marked as private.October 9, 2013 at 4:14 am #172847Hi!
Try to upload a large image as product thumbnail. You’re uploading an image with 350x350px in size. WP doesn’t have the chance to crop it. You can edit the single product thumbnail size on config-woocommerce > config.php, find this code:
$avia_config['imgSize']['shop_single'] = array('width'=>450, 'height'=>999, 'crop' => false);
Regenerate the thumbnail using this plugin: http://wordpress.org/plugins/regenerate-thumbnails/
Regards,
IsmaelOctober 9, 2013 at 4:29 am #172852This reply has been marked as private.October 9, 2013 at 4:29 am #172853This reply has been marked as private.October 10, 2013 at 8:42 pm #173802This reply has been marked as private.October 11, 2013 at 4:45 am #173957Hey!
Edit config-woocommerce > config.php, find this code starting on line 888:
# # wrap single product image in an extra div # add_action( 'woocommerce_before_single_product_summary', 'avia_add_image_div', 2); add_action( 'woocommerce_before_single_product_summary', 'avia_close_image_div', 20); function avia_add_image_div() { echo "<div class='four units single-product-main-image alpha'>"; } function avia_close_image_div() { global $avia_config; $avia_config['currently_viewing'] = "shop_single"; get_sidebar(); echo "</div>"; } # # wrap single product summary in an extra div # add_action( 'woocommerce_before_single_product_summary', 'avia_add_summary_div', 25); add_action( 'woocommerce_after_single_product_summary', 'avia_close_div', 3); function avia_add_summary_div() { echo "<div class='eight units single-product-summary'>"; }
Replace it with:
# # wrap single product image in an extra div # add_action( 'woocommerce_before_single_product_summary', 'avia_add_image_div', 2); add_action( 'woocommerce_before_single_product_summary', 'avia_close_image_div', 20); function avia_add_image_div() { echo "<div class='five units single-product-main-image alpha'>"; } function avia_close_image_div() { global $avia_config; $avia_config['currently_viewing'] = "shop_single"; get_sidebar(); echo "</div>"; } # # wrap single product summary in an extra div # add_action( 'woocommerce_before_single_product_summary', 'avia_add_summary_div', 25); add_action( 'woocommerce_after_single_product_summary', 'avia_close_div', 3); function avia_add_summary_div() { echo "<div class='seven units single-product-summary'>"; }
This will make the product image container bigger.
Best regards,
IsmaelOctober 11, 2013 at 4:46 am #173958Hey!
Edit the single product thumbnail size on config-woocommerce > config.php, find this code:
$avia_config[‘imgSize’][‘shop_single’] = array(‘width’=>450, ‘height’=>999, ‘crop’ => false);
Replace it with:
$avia_config[‘imgSize’][‘shop_single’] = array(‘width’=>650, ‘height’=>900, ‘crop’ => false);
Regenerate the thumbnail using this plugin: http://wordpress.org/plugins/regenerate-thumbnails/
Best regards,
IsmaelOctober 12, 2013 at 3:36 am #174458This reply has been marked as private.October 14, 2013 at 5:44 am #174953Hey!
The product images will inherit the size of the container. Even if you upload a large image, the css will resize it to fit the container.
Regards,
IsmaelOctober 14, 2013 at 9:04 pm #175253This reply has been marked as private.October 16, 2013 at 4:43 pm #176503Hello!
Not crop, just re-size. So if you set it to 900 by 900 then the longest edge on either side will be 900px and the other edge will be proportional to that.
Best regards,
DevinOctober 21, 2013 at 9:14 pm #178641Ok – finally getting to this! I looked thru files in FTP and cannot find config-woocommerce>config.php. The only file I find is wp-config.php. Can you direct me to the proper directory where the file is located – thanks!
October 22, 2013 at 1:09 am #178775Hey!
In your WordPress theme directory you should go to wp-content\themes\enfold\config-woocommerce folder and config.php is inside that folder
Regards,
YigitOctober 23, 2013 at 8:54 pm #179923Edited config.php at line 898 – got this error:
Parse error: syntax error, unexpected ‘function’ (T_FUNCTION) in /home/lindapir/public_html/grossdyg52/wp-content/themes/enfold/config-woocommerce/config.php on line 903Also, I did not do this edit yet: do I need to edit the single product thumbnail size in config.php if I have not imported all my images yet?
Thanks – by the way, check out my opening sliders at http://75.103.91.29/grossdyg52/ – I love this theme!!
-
AuthorPosts
- The topic ‘How to get rid of some things’ is closed to new replies.