This topic has 23 replies, 2 voices, and was last updated 10 months, 2 weeks ago ago by hafunerix
Hello
First of all, I would like to congratulate you on a great Woocommerce theme!
I started configuring the settings for the home page and product page. Everything is so logically designed that I can quickly solve most of the settings myself.
However, the website is having some technical problem. Slow image loading is really slow. Products take half a minute to load on the home page. Banner animation at the top of the page is not working properly. Practically every 3 clicks, a black (or white) browser screen appears and the page does not load. The problem disappears after reloading the page.
The side cart widget does not display correctly.
In the site status I found information about missing imagick module which may be causing these page loading problems.
Hello, Hafunerix,
Thank you for contacting us and for using XStore.
To assist you further, we kindly request that you provide us with temporary wp-admin access. This will enable us to thoroughly investigate your situation and offer the necessary support.
Best Regards,
8Theme’s Team
Of course
Hello, Hafunerix,
We appreciate your prompt response.
We are writing to express our gratitude for your swift response to our previous communication. Upon further review, we have identified a critical memory error that requires immediate attention. For your convenience, we have provided a screenshot of the error at the following link: https://prnt.sc/zD9Y-GK3BAXH
We kindly request that you reach out to your hosting provider at your earliest convenience to address and rectify this issue. Prompt resolution is essential to ensure continued service quality and performance.
Should you require any further assistance or have any questions, please do not hesitate to contact us.
Best Regards,
8Theme’s Team
Thank you for the quick reply. The php memory on my VPS server was increased and the image animation problem partially disappeared.
Partially because the cart side widget is still not displaying correctly.
Hello, Hafunerix,
Kindly review the following link at your earliest convenience: https://prnt.sc/ElhuG7FmVdge.
Best regards,
The 8Theme Team
Done! Thank you!
Since we’re talking about the shopping cart side widget, I wanted to ask:
1. How to increase the height of the “Buy now” and “Add to cart” buttons in the sidebar?
https://postimg.cc/GBbk7Dvt
2. How to increase the font size of these buttons?
https://postimg.cc/GBbk7Dvt
3. How to change the font of the side widget (product name)?
https://postimg.cc/GBbk7Dvt
4. How to change the checkout font?
https://postimg.cc/PLK1BqM4
https://postimg.cc/hzjVgqyq
Hello, Hafunerix,
Thank you for contacting us and for using XStore.
1, 2/ Custom CSS code can be used to change the height and font-size of mentioned buttons, for example, add the next code in Theme Options > Theme Custom CSS:
.et_element .mini-cart-buttons .button {
padding: 30px;
font-size:30px !important;
}
3/
.et_element .product_list_widget li .product-title a {
font-family: 'Poppins';
}
4/ For further customization, we recommend reviewing the settings available under ‘Theme Options’ > ‘Typography’, ‘Theme Options’ > ‘Style’ > ‘Buttons’, and ‘Theme Options’ > ‘Breadcrumbs’. Should you encounter any difficulties in achieving the desired appearance through these settings, we are more than willing to assist you with additional custom CSS code.
Best regards,
The 8Theme Team
Thank you, the codes work great.
To be congruent, there are still other buttons left in the shopping checkout to change the font.
1. Button in the shopping cart.
https://postimg.cc/FdspBhww
2. The first button in the checkout:
https://postimg.cc/gwK4sxtv
3. The second button in the checkout:
https://postimg.cc/4KGBp6Pf
4. Buy and pay button:
https://postimg.cc/4KGBp6Pf
Hello, Hafunerix,
We kindly request that you utilize the available settings to avoid the implementation of custom CSS code, where possible – https://prnt.sc/QQ4iysZcfpYr https://prnt.sc/2e2D0D9XWA7p https://prnt.sc/RDLTY9VkN37-
Best regards,
The 8Theme Team
Thank you. The buttons have been optimized. I now have 2 more questions:
1. How to translate the text “Remove” in the cart.
https://postimg.cc/kBFLHSNB
2. How can I remove borders for the main product photo on the product page?
https://postimg.cc/w3NChZ75
Hello, Hafunerix,
Thank you for getting in touch with us.
1/ https://prnt.sc/y6UWJVDLaL2L
2/ You can edit the next custom CSS code: https://prnt.sc/9qlX1-ZMtEeB
Best regards,
The 8Theme Team
Awesome! Thank you.
One more thing for today. How to change font for the price on the product page? The are settings for size and color but not for the style. I would like to change it for poppins semi bold.
Hello, Hafunerix,
You’re welcome!
Custom CSS code can be used:
.single-product .et_product-block>.price {
font-family: 'Poppins';
font-weight: 500;
}
If you have any additional questions or concerns, please do not hesitate to reach out to us. Our support team is always available to assist you.
Best regards,
The 8Theme Team
Awesome. It works like a charm ❤️
Three more adjustment for price and cart buttons please.
1. I would like the price of the product variant to also be in the poppins font.
https://postimg.cc/LqF2TQKF
2. Is it possible to prevent the “Add to cart” and “Buy now” buttons from being faded out before selecting a variant? The message “you must select a variant” may appear, of course, but I don’t like these faded buttons.
https://postimg.cc/k2b7W3Hy
3. I made the “Add to cart” and “Buy now” buttons smaller by adding margins to them. It looks good on desktop but not on mobile. So can you give me the CSS code to add to buttons section margins (or padding) – on desktop only?
https://postimg.cc/yJhBrhsg
Hello, Hafunerix,
Thank you for contacting us and for using XStore.
1/ This is Poppins already – https://prnt.sc/rlMHX6gw-umL
If you want to change the font-weight, the next custom CSS code can be used:
.single-product .woocommerce-variation-price {font-weight: 700;}
2/
.single-product .button.disabled {
opacity: 1;
}
3/ Please try to add the next code in Theme Options > Theme custom CSS > Desktop:
.single-product-builder form.cart {
margin: 0px;
}
Best regards,
The 8Theme Team
Done! Thank you!
How can I get rid of margins in the product description. On a desktop these margins are not a problem, but on a mobile it is an unnecessary waste of screen space. Especially since ELEMENTOR later adds further margins to each container and each block. As a result, the text has 3 margins…
Hello, Hafunerix,
You’re welcome!
.woocommerce-tabs.type-accordion .wc-tabs .wc-tab {
padding-left: 0px;
padding-right: 0px;
}
Best regards,
The 8Theme Team
Thank you. This code works great,
Why is my site running so slowly? This is not the server’s fault, because the website is installed on a fast dual core VPS server.
For example, products on the home page take about 7-8 seconds to load.
How to optimize the website (apart from installing the W3 Total Cache plugin)?
On your demo site, everything works quickly.
Hello, Hafunerix,
Website speed depends on various factors that we do not control. What we can do is share the links that can help you with speed optimization: https://www.8theme.com/documentation/xstore/troubleshooting/how-to-speed-up-my-website/
Every additional plugin slows down the site a bit, so we would recommend you disable unrequired plugins.
Our demos use CDN and cache plugin (WP-Rocket).
The main reason for your problem is a memory error – https://prnt.sc/D_4BKzS3dhQA Contact your hosting provider to solve this.
Best regards,
The 8Theme Team
Thank you for the information. I will increase the server memory for this website. CDN is not needed because the website does not have global reach and all users are within 500km of the server.
How can I create text with a photo for an additional tab?
https://postimg.cc/v1pppmYc
Hello, Hafunerix,
For future inquiries, we kindly ask that you initiate new topics for each question you may have by visiting our support forum: https://www.8theme.com/forums/xstore-wordpress-support-forum/.
Regarding the question you have posed, Dashboard > XStore > Static Blocks > Create a static block with the desired content, then go to Single Product Builder > Tabs > Use Static Block for the custom tab.
We hope this information is helpful.
Warm regards,
The 8Theme Team
Thank you.
Ok – I will open a new thread for my next qiestions
The issue related to '‘White screen every few clicks. The optional imagick module is not installed or has been disabled.’' has been successfully resolved, and the topic is now closed for further responses