Return to previous page

Cosplay webshop - by irish - on WordPress WooCommerce support

This topic has 65 replies, 4 voices, and was last updated 7 years, 3 months ago ago by Rose Tyler

irish

Participant

January 9, 2017 at 13:37

Hi Eva,

Thanks :)!

1. See https://cosplayclues.nl/product/sarin-long-blue-ponytail-wig-cosplay/ . The number of the amount of product is not showing for the whole size.

2. When adding a product to cart, there is a green row showing with “product added to cart” with a button “view cart”. The button is black with black font. How can i change those colors?

#151254 Copied
Rose Tyler

Support staff

January 9, 2017 at 14:01
Hello,

Please add this code in Custom CSS:
```
.single-product .quantity input[type="number"] {
    width: 48px !important;
}
.single-product .woocommerce-message .button {
    background-color: blue;
    color: white;
}
```
Regards,
Rose Tyler.
#151256 Copied
irish

Participant

January 19, 2017 at 08:58

Good morning!

Some questions…

1. When hovering the cart icon in header, you’ll see a dropdown with 2 buttons. I want to change the color + hover color of those buttons. So the buttons “View cart” and “Checkout”. Is dat possible?

2. When you look at the checkout page: https://cosplayclues.nl/afrekenen/ you’ll see a light blue row for a coupon. When you click on that row, there is an field that you can fill in with the coupon code. Is it possible to show that field immediately, so you don’t have to click on that blue row first?
+ The coupon field is too little.

3. In the footer we have an Instagram feed. Is it possible to make the @cosplayclues name, white?

4. When you take a look in the shop page: https://cosplayclues.nl/product-categorie/pruiken/ you’ll see the sidebar with the categories. when clicking on a category so the subcategories are showing, you’ll see that the text of the subcategories are black. Can those be also white, like the head categories?

5. I see a lot of black on black buttons. Those have to be green with white text. On this page:
https://cosplayclues.nl/mijn-account/downloads/
https://cosplayclues.nl/mijn-account/edit-account/
https://cosplayclues.nl/mijn-account/orders/

6. See single product page; https://cosplayclues.nl/product/bleu-pink-wig-cosplay-kopie/ . The field for the amount of the products is too small.

7. See single product page; https://cosplayclues.nl/product/bleu-pink-wig-cosplay-kopie/. Why is the cart button here blue? on other pages this it green?

8. See single product page; https://cosplayclues.nl/product/bleu-pink-wig-cosplay-kopie/
The first tab “Beschrijving” had a text. But i think he’s automatically put the the title: “Productomschrijving” in the text. How can we remove this?

9. See single product page; https://cosplayclues.nl/product/bleu-pink-wig-cosplay-kopie/
How can i remove the zoom function? So the little icon on the left of the product image?

10. See shop page. Is it possible to have the color filter above the products? In the same row as the standard filters?

Super mega thanks :)!

#152382 Copied
Rose Tyler

Support staff

January 19, 2017 at 09:29
Hello,

1. Please add this code in Custom CSS:
```
.shopping-container .btn.border-grey {
    background-color: green;
    border-color: green;
}
.shopping-container .btn.border-grey:hover {
    background-color: green;
    border-color: green;
}
.widget_shopping_cart_content .big.filled {
    background-color: green;
}
.widget_shopping_cart_content .big.filled:hover {
    background-color: grey;
}
```
2.
```
.woocommerce-checkout .before-checkout-form .checkout_coupon {
    display: block !important;
}
.woocommerce-checkout #coupon_code {
    width: 100%;
}
```
3.
```
#sb_instagram .sb_instagram_header h3.sbi_no_bio {
    color: white;
}
```
4.
```
.product-categories > li:hover ul.children li a {
    color: white;
}
```
5.
```
.woocommerce-Button.button {
    background-color: green;
    color: white;
}
.woocommerce-account .button {
    background-color: green;
    color: white;
}
```
6.
```
.single-product .quantity input[type="number"] {
    width: 50px !important;
}
```
7.
```
.single-product .product-information .cart button[type="submit"] {
    background-color: #99bf0a;
}
```
8.
```
.single-product .tabs .tab-content h2{
    display: none;
}
```
9. Go to Theme options > Single product page > Zoom effect > Disable
10. Sorry, but there is no such possibility. Try to add your filter in in Appearance > Widgets > Additional Shop Widget area.

Regards,
Rose Tyler.
#152385 Copied
irish

Participant

January 23, 2017 at 08:54

Hello,

Thank you!
9. I already did that but i mean the small icon in the left corner. When you click on that the photo popped up.

Other question: See homepage: I have on the left of the page a categorie menu. How can i set the order of this menu?

#152741 Copied
Rose Tyler

Support staff

January 23, 2017 at 12:11
Hello,

Please add this code in Custom CSS:
```
.single-product .product-lightbox-btn {
    display: none;
}
```
Unfortunately, product category order can’t be changed for visual composer element.

Regards,
Rose Tyler.
#152789 Copied
irish

Participant

January 24, 2017 at 17:24

Hi!

1. hope you can help me with this:
See homepage: You’ll see 2 times the sidebar “Categories”. The 1st one, above the page, is correct BUT unfortunalty we can’t change the order of categories here. So we added a widget area (2nd sidebar) but now the styling is not good anymore. Can you help me to fix this, so the 2nd sidebar looks exactly as the 1st?

2. Other question: how can i change the color of all the links in the texts?

3. See a product like: https://cosplayclues.nl/product/alex-black/
I’ve used H2 for the titles but it;s not showing 🙁

Thank you so much!

#152938 Copied
Rose Tyler

Support staff

January 25, 2017 at 08:31
Hello,

Please add this code in Custom CSS:
```
.widget_product_categories .widget-title:after {
    display: none;
}
.widget_product_categories h3.widget-title {
    padding-left: 1vw;
    padding-top: 1vw;
    padding-bottom: 1vw;
    color: white;
    border-bottom: 2px solid #eeeeee;
    background-color: #3297ff;
    border-radius: 7px;
    font-size: 18px;
}
.widget_product_categories .widget-title span {
    background-color: #3297ff;
}
```
```
a {
    color: red;
}
```
Try to change previous code:
```
.single-product .tabs .tab-content h2{
    display: none;
}
```
to
```
.single-product .tabs .tab-content h2:first-child{
    display:none;
}
```
Regards,
Rose Tyler.
#152972 Copied
irish

Participant

January 30, 2017 at 12:35

Hello there!

1. See homepage: How can i set the translate flags next to each other? Already edit the settings with WMPL but the flags stays under each other 🙁

2. How can i color the background and hover of the Send button: https://cosplayclues.nl/contact/

3. I installed WPML but how can translate the homepage, cart, checkout pages?

4. I’ve installed WPML and now the backend is in English, but that’s okay for me but a little strange.
My default language has to be Netherlands, and second English. I uploaded the po. and mo. files for nl_NL but nothing changed in the website.

– Also the question if you have the en_EN files?

#153440 Copied

irish

Participant

January 31, 2017 at 12:44

Hi Agents,

Is it maybe possible to get some answers at my previous post? 🙂

#153548 Copied
Rose Tyler

Support staff

January 31, 2017 at 15:43
Hello,

1. Please add this code in Custom CSS:
```
.header-type-8 .menu-wrapper .languages-area li {
    display: inline-block;
    margin-right: 5px;
}
```
2. Add this code in page custom css http://prntscr.com/e2p08r
```
input[type=submit] {
    background-color: green;
}
input[type=submit]:hover {
    background-color: red;
}
```
3-4. Please read more in documentations:
https://www.8theme.com/demo/docs/royal/index.html#!/1_how_to_translate 21.2 Translation theme with WPML section.
https://wpml.org/documentation/

Regards,
Rose Tyler.
#153568 Copied
irish

Participant

February 1, 2017 at 10:39

Hello Rose,

Yes i know how to translate it but everytime i have problems with it with my webshops… 🙁
Okay, uploaden the MO. and PO. files and put the $locale=’de_DE’; in the wp.config. Nothing happend…

For example: the “Cart” have to be translated to “Winkelwagen” according to the PO files…

#153624 Copied

irish

Participant

February 2, 2017 at 13:54

Hey Rose or other agent,

1. Why do i have 2 files in theme file like: Royal and Royal_Theme_v2.8 ??
2. For free shipping i read on google that i have to put this code in functions.php in the theme folder. I did that to the royal folder but nothing happens 🙁

function my_hide_shipping_when_free_is_available( $rates ) {
$free = array();
foreach ( $rates as $rate_id => $rate ) {
if ( ‘free_shipping’ === $rate->method_id ) {
$free[ $rate_id ] = $rate;
break;
}
}
return ! empty( $free ) ? $free : $rates;
}
add_filter( ‘woocommerce_package_rates’, ‘my_hide_shipping_when_free_is_available’, 100 );

#153755 Copied

Rose Tyler

Support staff

February 3, 2017 at 08:17

Hello,

Sorry for a delay.
Please provide FTP credentials in Private Content, also, specify the path to your wp installation where this theme is installed.
2. It requires additional customization in php files which is beyond our basic support scope.
If you have the required skills you may try to change it yourself.

Regards,
Rose Tyler.

#153857 Copied

irish

Participant

February 8, 2017 at 07:58

Hi Rose,

1. About point 2; i get that but it’s about the function.php file of YOUR theme. And also really strange but we have 2 theme files in our Wp-content file; Royal and Royal_Theme_v2.8. What about that? Is that the reason we cannot add a file at the function.php? The code we want to add is to have free delivery first at the checkout page.

2. See cart page (www.studio-xpoos.nl); When clicking on “calculable sending costs”, there is showing a total black button. How can i change the background color and font color?

#154272 Copied

irish

Participant

February 8, 2017 at 15:43

Hi!

Hope you can help me because tomorrow we are going live, oehoe 🙂

See shop page-> In Dutch are all the products gone. Also a shortcode from Woocommerce does not help… Any idea?

#154316 Copied

Eva Kemp

Support staff

February 9, 2017 at 16:19

Hello,

1. We can’t know why you have 2 folders for royal theme. As I told you in the other topic “Royal” folder is the old version of the theme. Now you have Royal_v2.8 version activated. So you can remove “royal” folder and keep “Royal_v2.8”.

2. I don’t see the text “calculable sending costs” on Cart page http://storage4.static.itmages.com/i/17/0209/h_1486653478_8536311_3119069691.jpeg .
Please clarify how to replicate it.

3. As I see products are shown http://storage2.static.itmages.com/i/17/0209/h_1486653557_8220071_292e7bdd20.jpeg .

Regards,
Eva Kemp.

#154399 Copied

irish

Participant

February 9, 2017 at 16:28

Hi Eva,

1. Okay understand! But i have a question then for both webshops; Above € 50,- the shipping is free. You’ll see the options in checkout page BUT we want to ONLY have the “free shipping” option. Now you have to have to add this, but that’s not really client friendly ;). Hopefully you have the solution.
Before the new version of Royal we added the code in previous post at functions.php but now it does not works at the new Royal file.

2. I think that’s because you’r working from Ukraine. Can you select maybe Netherlands or Belgium or something. there we added shipping costs. You get then a link with “calculate shipping cost”. When clicking on that you’ll see the black button :).

3. Yes, i see it too. Uhm magic webshop 😉

4. Do you maybe have any idea why Google Maps is not showing at this: https://cosplayclues.nl/event-location/icoontheather/ ?

5. See footer: How can i make all text from the Mailchimp Widget: White?
Do you now why the last 2 columns not have a white stripe anymore?

6. See footer on mobile: How can i get all social icons next to eachtother??

Thanks!!

#154402 Copied
Eva Kemp

Support staff

February 9, 2017 at 17:21
Hello,

1. I’ve added the code in functions.php file for this site cosplayclues.nl and only free shipping method is available:
http://storage2.static.itmages.com/i/17/0209/h_1486657234_6511711_2b27be4383.jpeg
Clear browser cache and check.

2. Add this code in Global Custom CSS:
```
.woocommerce-shipping-calculator button {
 color: white !important;
 background-color: grey !important;
}
```
4. You need add API key in Ultimate > Google Maps. Read more information here https://docs.brainstormforce.com/how-to-create-google-api-key-in-order-to-make-the-google-map-element-work/ .

Regards,
Eva Kemp.
#154414 Copied
irish

Participant

February 9, 2017 at 17:26

Eva, did i ever say that your support is great :D.
As you know i/we build a lot of shops with your theme and i also recommend it to our colleagues. They are also very very happy with it!
After al this thousand questions we have a great CSS style sheet we can use it for the next shops :D.

Okay, hopefully last questions about this one:

1. See footer: How can i make all text from the Mailchimp Widget: White?
Do you now why the last 2 columns not have a white stripe anymore?

2. See footer on mobile: How can i get all social icons next to eachtother??

#154416 Copied
Eva Kemp

Support staff

February 9, 2017 at 17:41
Hello,

1. Please add this css code:
```
.main-footer .widget-title span, .main-footer .mc4wp-form-fields label {
   color: white !important;
}
```
Add two last columns as custom sidebars in Appearance > Widgets and then add them to your footer via Widgetised Sidebar element in VC editor.

2. Do the same actions as I described in this post https://www.8theme.com/topic/question-webshop-furniture/page/3/#post-154342

I’ve added custom classes to your icon columns in static block http://storage8.static.itmages.com/i/17/0208/h_1486570532_1949177_2a50d48e12.jpeg and added this css code in Custom CSS for mobile:

.custom_icon {
width: 32% !important;
float: left;
}

Thank you for your feedback!
Much appreciated.

Regards,
Eva Kemp.
#154420 Copied
irish

Participant

February 10, 2017 at 16:03

Hi Eva,

1. yes i did, only the text are black in the footer. Can this be white?
2. How can i change the background and font color of the mobile menu?

#154482 Copied
Eva Kemp

Support staff

February 10, 2017 at 17:54
Hello,

1. Use this css code:
```
.main-footer-1.text-color-default .wpb_heading {
   color: white !important;
}
```
2. Add this css code in Global Custom CSS:
```
.et-mobile-menu li a, .mobile-nav-heading.close-mobile-nav {
  color: white !important;
}
.st-menu, .mobile-nav-heading.close-mobile-nav {
  background-color: red !important;
}
```
Regards,
Eva Kemp.
#154497 Copied
irish

Participant

February 10, 2017 at 19:09

Yeah great!

Only the lines under the titles of the widgets of the footer are still black :(… sorry!

2. Seems the code you gave me for the social icons in the mobile footer does not work. They are stil above each other in stead of next to each other

#154505 Copied
Rose Tyler

Support staff

February 13, 2017 at 11:32
Hello,

Please, add this code in Custom CSS:
```
.main-footer-1.text-color-default .wpb_heading {
    border-bottom: 1px solid white;
}
```
I’ve re-added “custom_icon” classes, please, check your footer icon now.

Regards,
Rose Tyler.
#154626 Copied
irish

Participant

February 22, 2017 at 09:20

Hello,

We have issues with the webshop, error 503. Hosting is good en checked everything. Now we added WP3 Caching plugin but we get a lot of error; website breaks and cart does not working well. I see this issues a lot in the forum with this theme.

What can we do to speed up our website? Which caching plugin do you recommend for this theme with woo commerce?

#155438 Copied

Eva Kemp

Support staff

February 22, 2017 at 17:51

Hello,

Our theme supports all the plugin option, but if you use Minify mode it should be Manual. Minify settings http://prntscr.com/cq3b7v

To optimize CSS, JS, HTML use also Autoptimize plugin
http://prntscr.com/cq37am

To pass the “Eliminate render-blocking JavaScript and CSS in above-the-fold content”-rule use Above The Fold Optimization plugin
http://prntscr.com/cq39gp

Regards,
Eva Kemp.

#155510 Copied

irish

Participant

August 20, 2017 at 11:30

Hello,

I have 1 question about my webshop.
When clicking on “password lost” and filling in my mailadressen, i get a redirect to a 404 page.
After that i get an email for reset the password, but the link isn’t working. I can not click on it.

Can you help us with this? I couldn’t find the problem

#170435 Copied

Rose Tyler

Support staff

August 21, 2017 at 08:35

Hello, @irish,

You may check this problem with Storefront theme (official WC theme) to be sure that problem relates to our theme or to default WordPress functionality.

Regards

#170449 Copied

irish

Participant

August 21, 2017 at 08:41

Hello!

Yes, it’s in the theme. Before updating we didn’t have this issue. And i can’t find the problem where it is. Can you help me with this?

#170450 Copied
1 2 3

Viewing 60 results - 31 through 60 (of 65 total)