-
-
Good day!
Before I bought theme I asked in comments if theme is compatible with woocommerce and you said that it’s fully compatible.
Ok, I installed woocommerce and have some questions.
– how can I set up /shop page? Sidebar and widgets for example?
– how can I set up single product page? it looks not good, for example tabs with description, quantity
-
Hello,
Please make sure to have selected the shop page in WooCommerce > Settings > Checkout > Checkout Pages (screenshot).
Do you have any third party plugin installed?
Please fill in the necessary information on your extra information fields of your profile data. So we can give a closer look to the single product layout.Read this article for more information.
Best regards!
-
-
Hello,
You have outdated versions of WordPress, theme and Woocommerce. There has been important changes since then. Please deactivate all third party plugins and then update theme to it’s latest version. Read theme’s online documentation for more information.
After this, proceed in updating Woocommerce.
Let us know.Best regards!
-
Hi!
I’ve updated all, product page looks good. But shop page still is without sidebar, how can I add this? https://prnt.sc/d8vlro
Some more questions:
In product page how can I remove picture zoom on hover? I don’t need it at all, picture is already big. https://prnt.sc/d8vmbd
In shop page how can I remove this blue overlay on hover from product? I don’t need it. https://prnt.sc/d8vnx9
Facebook like plugin stopped working correct after I updated template. Where can be a problem? https://prnt.sc/d8vpjy
Thanks!
-
Hello,
The shop page is indeed a page. It will take the layout you have set up in General Options > Layout > Pages Default Layout. I edited it and set a sidebar to page’s (see screenshot).
Second step is to add the woocommerce widgets to “Sidebar Woocommerce” in Appearance > Widgets.
Lastly, i added this code into your custom css box:.woocommerce .with_sidebar ul.products li.product, .woocommerce-page .with_sidebar ul.products li.product { width: 41% !important; }
Please check your site and let us know.
Best regards!
-
Hi!
Thanks! That is what I need but how I can change in shop page product grid? Now there is 2 columns but I need 3 columns. https://stronghold.md/shop/
Thanks!
-
Hello,
In file woocommerce/content-product.php i edited this line:
if ( 0 === ($woocommerce_loop['loop'] + 1) % $woocommerce_loop['columns'] ) { $classes[] = 'last'; }
To this:
if ( 0 === ($woocommerce_loop['loop'] - 1) % $woocommerce_loop['columns'] ) { $classes[] = 'last'; }
And i removed the custom css added in the last reply.
The products show in 3 columns now. Please check your site.Best regards!
-
Thanks a lot! But there are some mistakes.
For example: https://prnt.sc/daetx5
https://stronghold.md/product-category/pro-press/
https://stronghold.md/product-category/мфу/
Also please look at space between columns in shop and all categories: https://prnt.sc/daeyh1
Thanks!
-
Hello,
Please go to file css/woocommerce.css and find this line:
.woocommerce .with_sidebar ul.products li.product, .woocommerce-page .with_sidebar ul.products li.product { width: 30.8011350%; }
Replace with this:
.woocommerce .with_sidebar ul.products li.product, .woocommerce-page .with_sidebar ul.products li.product { /* width: 30.8011350%;*/ }
Only for the categories, it will show the products in 4 column. Sorry but this is a restriction of the plugin and for now this is all we can support.
Our developers team is looking into it and will include a fix in the next theme update.Best regards!
-
Thanks! Did you know when will be next update? I can’t show this site to my client :(
Also I want to move sidebar from right side to left side, how can I do this? (single product page and categories)
https://stronghold.md/product-category/pro-press/
and
https://stronghold.md/product/konica-minolta-bizhub-press-c1070/
- This reply was modified 7 years, 4 months ago by spe6.
-
-
Hello,
I can’t tell a certain date just yet, but the update is in process and will be released soon. You will be notified via email.
The sidebar position is predefined from woocommerce product category templates. You can create specific template for specific category using taxonomy-product_cat.php template.For more information visit this page.
Best regards!
-
Ok, I’m waiting. Some more questions that I asked earlier:
In product page how can I remove picture zoom on hover? I don’t need it at all, picture is already big. https://prnt.sc/d8vmbd
In shop page how can I remove this blue overlay on hover from product? I don’t need it. https://prnt.sc/d8vnx9
Facebook like plugin stopped working correct after I updated template. Where can be a problem? https://prnt.sc/d8vpjy
Thanks!
-
Hello,
1-To remove the zoom please add this code into your custom css box:
.woocommerce #content div.product div.images { pointer-events: none; }
2-To remove the overlay please add this code:
.woocommerce ul.products li.product:hover .overlay, .woocommerce-page ul.products li.product:hover .overlay { /* background: rgba(16, 184, 199, 0.02);*/ display: none; }
This line:
/* background: rgba(16, 184, 199, 0.02);*/
is the color of overlay background. If you decide to keep it, just remove thedisplay:none;
and the comment brackets/*..*/
. Change the color to your wish and save changes.3-I don’t see any facebook plugin installed in your site. Only a text widget with a link to a facebook page. The link is functional. What plugin did you use before?
Best regards!
-
1-Thanks!
2-This code removes overlay (changes color), but I need to remove button “read more” too. How can I do this? https://prnt.sc/dcqck6
3-Thanks! -
Hello,
You can add this code to CSS box to remove the button too:
.woocommerce-page ul a.button.product_type_simple.ajax_add_to_cart.btn-bt.default { display: none; }
Let us know.
Best regards!
-
Super! Thanks!
May I ask some more questions?
1 – In shop page how can I remove sort selecting? I don’t need it
2 – How can I change height of this element? Now it is about 40px, I need for example 30px
3 – In shop page there is 3 columns of products https://stronghold.md/shop/, but in products category page there is 4 columns https://stronghold.md/product-category/pro-press/
How can I change grid in categories? I need 3 columns?
4 – In product page there are 4 related products. How can I change this grid to 3?
5 – In products category page and single product page there is basic header style (left with breadcrumbs). How Can I change it to Centered header style?
Like in shop page https://stronghold.md/shop/
Thanks!
-
Hello,
1-Remove the sort selecting drop-down by adding this custom css:
.select2-container.orderby { display: none; }
2-That is the top header area. To change it’s height, please go to General Options > Header Options > Top Widgetized Area > Top Nav Height, edit the height here.
3-This is not possible for now using theme options. That’s because this is a woocommerce feature. Our developers are reviewing it and will include a change in the next theme update.
4-To change the related product number, i opened file functions-woocommerce.php and find these lines:
function woo_related_products_limit() { global $product; $limit = 4;
I edited limit value to 3 and saved changes. Please check your product page.
5-The product category page and single product are part of the included woocommerce plugin. They use the plugins templates. While the centered page header is a theme specific feature. To add this feature in products, requires coding that is not included in this support service.
You could do it your self or hire a developer to do it for you.Please read more regarding our support policy here.
Best regards!
-
Hi!
1 – Thanks!
2 – Thanks!
3 – I’m waiting, thanks :)
4 – After you changed value to 3 it just removed 4th product and leaved free space (https://prnt.sc/dd54ks)
But will be right if this space disappear and thumbnail will be bigger (https://prnt.sc/dd56yq)
Is it possible?
5 – I understand, thanks. But may be you can tell me where I can remove just breadcrumbs in product category and product page (https://prnt.sc/dd58ch)?
-
Hello,
4-I added this code into your custom css box:
.single-product .with_sidebar ul.products li.product { width: 30% !important; margin-bottom: -35px !important; }
This is the closest you can get. Please check your product page. If you increase the width more, it will put the last product in new row.
5-To remove just the breadcrumbs for these two pages, i added this code:
.single-product .breadcrumbss { display: none;} .tax-product_cat .breadcrumbss { display: none;}
Please check your site and let us know.
Best regards!
-
-
Hello,
I am glad to know that we were able to help. If you are happy with our support, please
rate the product with 5 stars under the Downloads tab of your Envato
profile.
This is very important for us to be able to keep working hard and provide more
awesome work.Thank you for being an awesome customer!
-
-
-
-
Hello,
1-Sorry for the inconvenience. I fixed it.
2-I added this code into your custom css box:
.woocommerce-page div.product div.images { padding-left: 15px; }
edit the padding to your wish.
3-You can use shortcodes. Go to the ‘View’ tab in your post text editor and click on the Codesless shortcodes. See screenshot: https://pho.to/AYNj1
Let us know.
Best regards!
-
Thanks a lot! Perfect!
And last some questions:
- how can I rename related products in this section? I don’t know why this is in English, I have wp and woocommerce in Russian – https://prnt.sc/dguon8
- in blog page (https://stronghold.md/news/) how can I remove «on» in the date? https://prnt.sc/dguqmo
- also I want to remove «read more» button from blog page https://prnt.sc/dgut5r
- in archive page (https://stronghold.md/2014/12/) I want to remove «read more» button and this blue overlay on hover https://prnt.sc/dguygl
-
-
Hello,
Sorry for the late reply.
1-Translate the “RELATED PRODUCTS” from the .PO/.MO files located in the ‘lang’ folder. Or change it directly in file specular\woocommerce\single-product\related.php
2-Go to file \includes\view\blog\loop-second-style.php and find this line:
<li><i class="linecon-icon-calendar"></i><?php _e('On', 'codeless') ?> <?php echo get_the_date() ?></li>
Remove the<?php _e('On', 'codeless') ?>
and save changes.3-Add this code into your custom css box:
.page-id-771 .btn-bt.default { display: none !important; }
4-Add this code into your custom css box:
.blog-article.standard-style .media .overlay { opacity: 0 !important; } .blog-article .btn-bt.default { display: none !important; }
PS: Please open a new ticket for other requests. This is already overloaded and has lost it’s initial purpose. Keeping one ticket per issue, makes the support more clear and the browsing effective.
Thank you for understanding!Best regards!
-
-
You must be logged in to reply to this topic.