This topic has 18 replies, 2 voices, and was last updated 6 years, 7 months ago ago by Rose Tyler
Hi There,
I recently updating my theme to the latest version as it was quite outdated and it has thrown my site look completely.
Can you advise on the following:
1. How to align all product images, titles and prices on the new theme, I had this before but they are all over the place now:
2. Change price variations from £#### – £#### to – “From £####”
3. Make all images a specific size
Update:
4. I have just noticed product brands no longer work, they show up as a 404 page. How do I fix this?
5. How do I get a load more button instead of the number pagination in woocommerce shop / category page?
I tried using ‘Load More Products for WooCommerce’ but it doesn’t do anything, are these default details (from the plugin) correct for your theme:
Products Container Selector: ul.products
Product Item Selector: li.product
Pagination Selector: .woocommerce-pagination
Next Page Selector: .woocommerce-pagination a.next
Hello,
1. Please provide us with your website URL so we can take a closer look.
2. I would recommend you to contact woocommerce support.
3. Customize > Wocommerce > Product Images
Before 3.3 version WooCommerce had options for every type of image – single product, catalog and gallery image. In version 3.3 WC developers changed options and moved them to the Customizer. In version 3.3.3 they removed image settings at all even from customizer. We keep the previous version of their settings http://prntscr.com/ik093w But 8theme product widgets and gallery images use WP thumbnails size (Settings > Media) because WC customizer does not have the individual settings for this because of 3.3 update. So, if you don’t want to crop thumbnails images disable crop in WP settings and regenerate thumbnails. You may also try to change image settings using WC hooks that WC developers offer https://github.com/woocommerce/woocommerce/wiki/Customizing-image-sizes-in-3.3-
4. Try to resave settings in wp-admin panel > Settings > Permalinks.
5. Please provide temporary wp-admin access in Private Content.
Regards
Thanks for that Rose.
I have added login details to the private content for you to take a look.
I have saved the permalinks again and the brands pages still don’t work – if you could take a look when you are logged in also.
Hello,
Unfortunately, the wp-admin credentials are incorrect. Please check them.
Regards
Try the new one in hidden details
Hi Rose,
Whilst your on, could you also have a look at the single product tabs – I have been trying to change the order of them for the last hour and can’t work out why it won’t work.
I would like them in this order:
Description
Technical Data
Additional Information
5. We’ve set correct classes http://prntscr.com/iy0v7n
Regards
Please read this article https://docs.woocommerce.com/document/editing-product-data-tabs/ (add code in functions.php file of child theme).
Regards
Thanks for the fixes so far Rose! You’re a star!
Like many others I am having this problem with WooCommerce Uncategorized category appearing, the category has no products in but continues to appear.
I tried adding the code in to hide this but it comes up saying it’s invalid.
Any suggestions on fixing this?
You’re welcome!
Please read this article – https://wordpress.org/support/topic/woocommerce-category-issue-uncategorized/
Regards
I actually read through that but completely missed the part about making another category the default then deleting it! Woops!
I’ve added another problem with details in private content.
Hello,
Please use this custom css code:
.single-product .product-information .price {
font-size: 30px;
}
Regards
Hi Rose,
Since I change the location of the product code, it’s not changing the SKU for the variant products.
Can you tell me how to switch the location of the SKU to the product short description box.
Ideally where the text version of the SKU is I created in the product page listed in the private info.
Is there a shortcode for this or something I can include here because this is where I want it to appear on the page, or is there something that can be added into the functions.php file to make it appear here with “Product Code: ” in front of it.
Thanks
Also, one of my previous questions:
How do I make the tabs go in order to work with the custom tab that’s built into royal?
They currently appear as:
Description
Additional Information
Technical Data (this is the custom tab from your theme options)
I want them to appear as:
Description
Technical Data (this is the custom tab from your theme options)
Additional information
I meant to say, I tried to re-arrange the custom tab using the method of arranging tabs that WooCommerce offer but I can’t find out what the ID is your using for the tab.
I also tried creating a custom tab from the WooCommerce instructions, but I need different information to appear for each product as the specs are all different.
Can you advise on how to either re-order your custom tab OR how to add a custom tab that appears on the product page back end, so I can put in the technical information of the product.
Hello,
Please create new topics for different questions to prevent misunderstanding.
1. Please provide some screenshots for better understanding the desired result. You can use such screenshot maker as Lightshot and provide links of screenshots in Private Content.
2. Please try to use this custom css code:
.product-information .tabs.accordion .tabs-nav {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.product-information .tabs.accordion .tabs-nav li:last-of-type,
.product-information .tabs.accordion .tabs-nav li.first-item,
.product-information .tabs.accordion div:last-of-type {
-webkit-box-ordinal-group: -1;
-webkit-order: -2;
-ms-flex-order: -2;
order: -2;
}
.product-information .tabs.accordion .tabs-nav .firstItem,
.product-information .tabs.accordion .tabs-nav .tab-description {
-webkit-box-ordinal-group: 0;
-webkit-order: -1;
-ms-flex-order: -1;
order: -1;
}
Regards
You must be logged in to reply to this topic.Log in/Sign up