This topic has 4 replies, 2 voices, and was last updated 9 months, 2 weeks ago ago by Tony Rodriguez
Hello 8Theme’s Support Team,
I hope you are doing well.
I’m reaching out with several queries regarding customizations on my WordPress website running the XStore theme. To provide clarity and context, I have attached a screenshot illustrating the areas I’d like to address.
Here are the customization queries:
1. Changing the Order of Categories on the Shop Page:
I would like to rearrange the order of categories displayed on the shop page. Could you please provide instructions on how to do this within the XStore theme settings or through custom code?
2. Changing Text Color of “Categories”:
I would like to adjust the text color of the “Categories” label on the shop page. Can you please advise on how to change the text color effectively?
3. Ensuring Consistent Photo Sizes for Products:
I aim to ensure that all product photos are displayed in the same size to achieve perfect alignment on the shop page. What steps should I take to standardize the photo sizes for all products?
4. Changing the Text of the Quick Search Button:
I would like to modify the text of the quick search button from “Aperçu rapide” to another phrase. How can I accomplish this customization?
5. Removing the “Pay with Google” Button from Product Pages:
I intend to remove the “Pay with Google” button from the product pages and retain it only on the payment page. Could you please provide instructions on how to achieve this?
I appreciate your assistance and expertise in addressing these customization queries. Thank you for your ongoing support.
Best Regards,
Hello, @Azeddine,
Thank you for contacting us and for using XStore.
1/ The categories on the Shop Page are sourced from the product > categories section. You can reorder the categories there and the changes will be reflected in both the mobile and desktop versions. Please follow the steps below.
A/ You can rearrange the product categories in the sidebar by going to Appearance > Widgets in your WordPress dashboard. Please refer to the screenshots provided for further assistance.
http://prntscr.com/tpy9a7
http://prntscr.com/tpy9ux
B/ You can edit product categories under Dashboard > Product > Categories, where you can set the category order according to your needs. For a better reference, please watch this video: https://www.veed.io/view/d521d66c-81ea-433b-99cd-73f2040c618d?sharingWidget=true&panel=share
We hope this information is useful.
2/ We would like to guide you through the process of altering the text color for the “Categories” label on your shop page. Kindly follow the instructions below:
1. Navigate to the “XStore” section in your website’s dashboard.
2. Proceed to “Theme Options.”
3. Locate the “Theme Custom CSS” area.
4. Select the “Global CSS” tab.
Please copy the following CSS code and paste it into the designated area within the Global CSS tab:
.woocommerce-shop .sidebar-widget .widget-title {
color: #4feadf !important;
}
This will change the color of the “Categories” label to the specified hex color code (#4feadf). You may change color code as per your requirement.
3/ We kindly request that you upload an image of consistent size and configure the product image settings by navigating to Appearance > Customize > WooCommerce > Product Images within your website’s dashboard.
For detailed instructions, please refer to the documentation provided for our theme, which can be found at the following link: https://www.8theme.com/documentation/xstore/woocommerce/product-images/ -We strongly recommend reading and adhering to the guidelines outlined in the documentation to ensure the best results.
We hope you find this information useful.
4/ Quick View, You have to translate it into the Theme language files, please refer to these screenshots: https://imgur.com/STnGpkp https://imgur.com/Wz6jG0o
Please read our theme documentation here: https://www.8theme.com/documentation/xstore/theme-translation/base-theme-translation/
5/ We kindly request that you provide us with the URLs of the specific product pages from which you would like to remove the “Pay with Google” button. We understand that you wish to retain this payment option exclusively on the checkout page. Upon receipt of the necessary information, we will promptly review your request and furnish you with the appropriate CSS code to address your issue.
Best Regards,
8Theme’s Team
Hello 8Theme’s Team,
Thank you for your detailed response and instructions provided for each query. I appreciate your efforts in assisting me with these customizations.
However, I encountered some difficulties while attempting to implement the suggested solutions:
Regarding the rearrangement of categories on the Shop Page, I’ve already arranged the categories as desired in the product > categories section. Despite this, they still appear in alphabetical order on the shop page. Is there a way to ensure that the categories are displayed in the same order as configured in the backend?
As for ensuring consistent photo sizes for products, I understand that I need to upload images of the same size. However, I would like to edit the existing images on my website to make them uniform in terms of dimensions. Is there a method or tool you could recommend to achieve this?
Regarding the removal of the “Pay with Google” button from product pages, I noticed that this button appears on all products in the shop, without exception. Could you please provide guidance on how to remove this button from all product pages while retaining it exclusively on the checkout page?
Additionally, I wanted to mention that the screenshots provided were not understandable to me as they seemed to be for another website. If possible, could you please provide screenshots or instructions specific to my website’s dashboard?
I apologize for any inconvenience, and I appreciate your continued support in addressing these issues.
Thank you for your assistance.
Best Regards,
Hello, @Azeddine,
Thank you for your prompt response.
1/ We are writing to address your concerns about the rearrangement of categories on the Shop Page. To assist you effectively, we kindly request that you provide us with screenshots illustrating the issue at hand, as well as the URL of the page where the problem is occurring.
Your cooperation in this matter will enable us to diagnose the issue promptly and offer the appropriate assistance.
2/ Yes, you can configure the product image settings by navigating to Appearance > Customize > WooCommerce > Product Images within your website’s dashboard. To address this issue, we kindly ask you to review the following article, which provides detailed guidance on managing product images: https://www.8theme.com/documentation/xstore/woocommerce/product-images/
Based on the screenshots you have provided, it appears that you need to configure the thumbnail width to 380px. This setting can be adjusted by navigating to Appearance > Customize > WooCommerce > Product Images in your website’s dashboard. Once you have made this change, please proceed to regenerate the thumbnails using the appropriate plugin.
3/ We have not encountered an issue where the “Pay with Google” button is visible on our shop page and single product pages. For your reference, we have attached an image illustrating the problem.
To assist us in resolving this matter, could you kindly provide screenshots of the “Pay with Google” button along with the URLs of the pages where you are experiencing this issue? This information will enable us to conduct a thorough review and facilitate the removal of the button from all product pages, ensuring that it remains exclusively available on the checkout page.
We appreciate your cooperation and look forward to your prompt response.
Best Regards,
The 8Theme Team
You must be logged in to reply to this topic.Log in/Sign up