Cosplay webshop - by irish - on WordPress WooCommerce support

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

  • Avatar: irish
    irish
    Participant
    January 3, 2017 at 13:59

    Hi Jack,

    2. Sorry it does not work and i don’t understand. But maybe we can do it different. I just want to have the title on the left of the screen. When i do that in Theme Options, the layout changes, and i don’t want it to change.
    So can you maybe give me a CSS for the text to the left?

    3. I bought and installed this plugin: https://woocommerce.com/products/variation-swatches-and-photos/
    But when adding a custom color or image to the variations, it’s not showing in the shop sidebar + the product page. How can i fix this?

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    January 3, 2017 at 14:15

    Hello,

    Try to add this code in Custom CSS:

    .bc-type-1 {
        text-align: left;
    }
    .page-heading .title {
        text-align: left;
        margin-left: 0;
    }

    Please read this topic https://www.8theme.com/topic/woocommerce-variation-swatches-and-photos/

    Regards,
    Rose Tyler.

    Avatar: irish
    irish
    Participant
    January 3, 2017 at 14:22

    Hi Rose,

    Yes read it but it does not work for me. Actually, also on this page: http://cosplayclues.nl/product/bleu-pink-wig-cosplay-kopie/ when using the variations, the cart-button changed in colours….

    Avatar: Eva
    Eva Kemp
    Support staff
    January 4, 2017 at 17:28

    Hello,

    Have you tried to disable Ajax “Add to Cart” in Theme Options > Single Product Page > Ajax “Add to Cart” > Off?

    Looking forward to your reply.

    Regards,
    Eva Kemp.

    Avatar: irish
    irish
    Participant
    January 4, 2017 at 17:44

    Hi Eva,

    Yes i did… it’s stil off…

    Avatar: Eva
    Eva Kemp
    Support staff
    January 5, 2017 at 17:29

    Hello,

    Could you please show a page where variations aren’t shown?

    Thank you.
    Regards,
    Eva Kemp.

    Avatar: irish
    irish
    Participant
    January 6, 2017 at 09:24
    Avatar: Eva
    Eva Kemp
    Support staff
    January 6, 2017 at 09:52

    Hello,

    I’ve added custom colors to that product http://storage9.static.itmages.com/i/17/0106/h_1483692715_3652725_93fb209b2e.jpeg .
    Please check it now.

    Regards,
    Eva Kemp.

    Avatar: irish
    irish
    Participant
    January 6, 2017 at 12:32

    Hi Eva,

    Ah! Didn’t saw that option, sorry!

    1. But than an other thing. I used CSS for customising the colors for the “Add to cart” button at a single product page, but now the buttons are black/grey again…
    https://cosplayclues.nl/product/bleu-pink-wig-cosplay-kopie/ : here grey
    https://cosplayclues.nl/product/sarin-long-blue-ponytail-wig-cosplay/ : Here totally black

    How can i fix this?

    Avatar: Eva
    Eva Kemp
    Support staff
    January 6, 2017 at 17:16

    Hello,

    Please add this code in Custom CSS:

    .product-information .cart button[type="submit"] {
        color: white;
        background-color: black;
    }

    Set your color values.

    Regards,
    Eva Kemp.

    Avatar: irish
    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?

    Avatar: Rose Tyler
    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.

    Avatar: irish
    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 :)!

    Avatar: Rose Tyler
    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.

    Avatar: irish
    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?

    Avatar: Rose Tyler
    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.

    Avatar: irish
    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!

    Avatar: Rose Tyler
    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.

    Avatar: irish
    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?

    Avatar: irish
    irish
    Participant
    January 31, 2017 at 12:44

    Hi Agents,

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

  • 1 2 3 4
    Viewing 40 results - 21 through 40 (of 65 total)

You must be logged in to reply to this topic.Log in/Sign up

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.