A number of questions - by adierel - on WordPress WooCommerce support

This topic has 15 replies, 4 voices, and was last updated 10 years, 8 months ago ago by Brian Johnson

  • Avatar: adierel
    adierel
    Participant
    April 2, 2015 at 09:54

    Hey
    I have a number of questions and hope you can help me
    1. in the top bar there is the cart symbol – is it possible that every time a product gets added, the cart widget will open automatically? is there a plugin maybe that does this? (I don’t want the popup to appear) http://screencast.com/t/3Z79CCRe1f
    2. in your demo there is the submenu: shop>shop by category
    how can i achieve this?
    and I would also like that for some categories will be in the menu itself and not in a sub menu, is this possible?
    3. issues in the single product page (ex: https://www.chuchick.com/shop/shliekes-dress/)
    a. under the product’s name: i don’t want the code and the categories to appear
    b. i want the price to appear smaller
    c. the description needs to be aligned to the right
    d. under the price there is a link (add to favorites)- I don’t want this to appear
    e. then after the variations i want the add to cart button to always appear (not just after choosing the variation) i want the color of the button #fe5060 and on hover to be red like it is now. also the text should be smaller and also the button should be smaller
    f. if a product is out of stock then there will be a notice out of stock on the button
    g. I would like the tabs to be under the button
    basically the right side if the screen should look like this http://screencast.com/t/tD2CBnDk
    4. in the cart widgets i want to add another button: continue shopping (so each button has to smaller size)
    5.the cart page: http://screencast.com/t/tVx9RFr8
    a.the red boxes are supposed to be aligned to the right
    the green boxes aligned to the left
    and the blue box is supposed to higher (under the cart subtotal)
    b. instead of one big pay button in the cart page – i’d like 2 buttons: one which color will be #fe5060 and will lead to checkout, and the second will be black which will say continue shopping.
    6. checkout page: http://screencast.com/t/rBtgUHmZ
    a.the red boxes are supposed to be aligned to the right
    the green boxes aligned to the left
    b. the place order – i’d like the text to be white and the color of the box to be #fe5060
    C. the agree to terms and conditions should also be aligned to the right. I also tried to translate what is left in English in this page but cant- do you have any idea why?

    that’s all for now- I really hope you can help me with these issues
    thanks in advance
    Adi e

    Please, contact administrator
    for this information.
    14 Answers
    Avatar: Brian Johnson
    Brian Johnson
    Member
    April 2, 2015 at 13:30

    1.Sorry there is no such functionality in our theme and this can be achieved with additional customization. This is paid service and our developers are currently unable to provide it because of theme update operations.
    2. Please use categories option in appearance->menu(you are available to set them as top level items or create a custom link which will lead to the categories page.
    3. a,d Please provide us with screenshot where necessary elements are highlightened . You may use this service for that.This elements can be removed via custom.css.
    c.Please add this code into the custom.css:.single-product-page .product-info .short-description{float:right!important;};
    d.Please navigate to the plugins menu and disable wishlist plugin. You may also markup this word on screenshot in case you would like to remove only it on this page.
    g.You may add this code into the custom.css:
    .tabs.accordion {width:50%}
    e. , 4. This is an additional customization which lays beyound the scope of our support. You may also customize content-single-product.php and files which lay within wp-content\themes\legenda\woocommerce\single-product.You may add this code into the custom.css to change color of button:
    wp-content\themes\legenda\woocommerce\single-product.
    5. This is an additional customization and lays beyond the scope of our support. You may adjust part of the elements layout order in wp-content\themes\legenda\woocommerce\cart\cart.php. Part of the elements outsde the order box can be adjusted with this code:

    .woocommerce td.product-name dl.variation dt, .woocommerce-page td.product-name dl.variation dt{float:right!important;}
    .coupon label{float:right;}

    6.a-b.Please add this code into the custom.css:

    .shop_table .product-name dl dt{float:right!important;}
    .woocommerce-checkout-payment .place-order .button{background:#fe5060!important;}
    .woocommerce-checkout-review-order-table .shipping th{float:left!important}
    .woocommerce-checkout-review-order-table .shipping tr td {float:right!important}
    .woocommerce td.product-name dl.variation dd {float:left!important;}
    .woocommerce-checkout-review-order-table .shipping span {float:left!important;padding-right:5px}

    c.This text can be translated in wp-content\themes\legenda\woocommerce\checkout\rewiev-order.php on line 142.

    With best regards
    Brian Johnson

    Avatar: adierel
    adierel
    Participant
    April 2, 2015 at 17:58

    hey!
    thanks for the quick replay
    1. do you know of a plugin that does this?
    2. I tried using the appearance> category but all that appears are categories from the posts
    and I want the categories from the shop. how can I add the shop categories to the top menu?
    3.a. i want to delete the 2 lines that are above the price (the product code+category)
    b. reduce the size of the price
    c+d. ok
    e. how can I just change the color of the button http://screencast.com/t/M7zQbzd1xG to #fe5060
    wp-content\themes\legenda\woocommerce\single-product this code that you gave me doesn’t work
    g. how can I reduce the space between the add to cart buttonqvariation and the tabs: http://screencast.com/t/b2wZpQNlmyR

    5.there are the shop category page under the order box in the cart page- how can I delete this sidebar? http://screencast.com/t/RiVbAqJVk
    a/ what about the colors of the buttons: the add to cart and the proceed to chackout can they be this color? #fe5060 and the text white?

    thanks!

    Avatar: Eva
    Eva Kemp
    Participant
    April 2, 2015 at 19:11

    Hello,

    1. Sorry, but you should look for a plugin yourself. We can’t guarantee full compatibility of 3rd-party plugins with our theme.

    2. Add Product Categories option from Screen Options at the top of the page in Appearance > Menus and you’ll have possibility to add products categories to the menu.

    3. a. Please provide us with a link of a page where you want to remove some lines.
    e. Please provide us with a link of a page where you want to change button color.
    g., 5. We need to see your site to give you the correct code.

    Thank you for understanding.

    Regards,
    Eva Kemp.

    Avatar: adierel
    adierel
    Participant
    April 2, 2015 at 20:18

    Hey Eva,
    3a. https://www.chuchick.com/shop/boys-set-cotton/
    this is a single product page (but i need the color button change on every product
    https://www.chuchick.com/cart/

    here the color is ok but the text has to be white also when you hover over it: https://www.chuchick.com/checkout/
    g,5. see private content
    6.in the shop page under every product there is a choose option button http://screencast.com/t/90PIWATQgF
    can I remove it?

    Please, contact administrator
    for this information.
    Avatar: Eva
    Eva Kemp
    Participant
    April 2, 2015 at 20:50

    Hello,

    3. Please add this code in custom.css file:

    .quick-view-popup .product-info .button, .single-product-page .product-info .button {
        background-color: black !important;
        border: black;
    }

    To change color for “Place Order” button:

    .woocommerce-checkout-payment .place-order .button {
        background-color: black !important;
        color: white !important;
    }

    5. I’ve removed “Woocommerce Product Categories” widget from the “Shopping Cart Sidebar” area in Appearance > Widgets.

    6. Add this code in custom.css:

    a.button.product_type_variable {
      display: none;
    }

    Regards,
    Eva Kemp.

    Avatar: adierel
    adierel
    Participant
    April 3, 2015 at 08:47

    hey eva
    5 more issues:
    1. on the single product page – https://www.chuchick.com/shop/boys-set-cotton/
    delete the product code+category (2 lines above the price http://screencast.com/t/PvKVtk57
    2. how can I reduce the space between the add to cart button/variation and the tabs: http://screencast.com/t/b2wZpQNlmyR on a single product page
    3. a. on the checkout page https://www.chuchick.com/checkout/ the agree to terms and conditions should also be aligned to the right. I also tried to translate what is left in English in this page but cant- Brian answered this: This text can be translated in wp-content\themes\legenda\woocommerce\checkout\rewiev-order.php on line 142. but there is no such line there. so how do I translate?
    b. and the check box for this line should be bigger and darker and on the right of the text how can I do this?
    4. on the checkout page https://www.chuchick.com/checkout/ i want to translate “place order” button
    how do I do this?
    5. on the homepage there are supposed to be 4 products (i have only choosen products that are in stock’ and it displays only 3)http://screencast.com/t/jhDYnBpJ2gOP
    thanks!

    Avatar: Eva
    Eva Kemp
    Participant
    April 3, 2015 at 09:52

    Hello,

    1. Please add this code in custom.css:

    .single-product-page .product-info .sku_wrapper, .single-product-page .product-info .posted_in {
        display: none !important;
    }

    2. Use this code:

    .tabs.accordion {
        margin-top: -80px;
    }

    3. a. Use this code:

    .form-row.terms {
        float: right !important;
    }

    That text can be translated in .po file in wp-content/themes/legenda/languages directory.

    b. Add the code:

    .woocommerce form .form-row .input-checkbox, .woocommerce-page form .form-row .input-checkbox {
       float: right !important;
    }

    To make the checkbox bigger you need use some image editor as the icon is loaded from the image wp-content/themes/legenda/images/tick-icon.png.

    4. That text can also be translated in .po file in wp-content/themes/legenda/languages directory.

    Thank you.
    Regards,
    Eva Kemp.

    Avatar: adierel
    adierel
    Participant
    April 3, 2015 at 10:49

    eva you guys are great!
    2. didn’t work
    4. tried editing the po file but that doesn’t work either- I have a child theme so I even added this new po +mo to the parent +the child theme but that didn’t work
    5. I want the cart icon to be in the sticky menu when you scroll down – because now it just disappears. possible?

    Avatar: Brian Johnson
    Brian Johnson
    Member
    April 3, 2015 at 11:32

    Hello

    2. It seems that it works or you found the solution to make it.
    4/5 Please provide us with ftp credentials to your site.

    With best regards
    Brian Johnson

    Avatar: adierel
    adierel
    Participant
    April 3, 2015 at 12:22

    hey Brian
    2. http://screencast.com/t/vRqNjw8N there is still a big gap http://www.chuchick.com/shop/boys-set-cotton/ this has to change on every product page
    5.4 https://gator4002.hostgator.com:2083
    user: adierel
    pass: ,KT;m,T$LWEt
    (for #5 i want the cart to move to the sticky menu line only on scroll (with the small icon)

    thanks!

    Avatar: Robert Hall
    Robert Hall
    Participant
    April 3, 2015 at 14:08

    Hello,

    2) See screenshot: http://prntscr.com/6p04bq
    Please update your browsers to the latest version and clean cache.
    4) You can change “Place Order” in \wp-content\plugins\woocommerce\includes\wc-template-functions.php file on line 1251
    5) Sorry, but we don’t have such feature in our theme.

    Regards,
    Robert Hall.

    Avatar: adierel
    adierel
    Participant
    April 3, 2015 at 15:16

    hey Robert

    thanks you guys soooo much:))

    Avatar: Robert Hall
    Robert Hall
    Participant
    April 3, 2015 at 15:17

    Hello,

    You’re welcome!

    Regards,
    Robert Hall.

    Avatar: Brian Johnson
    Brian Johnson
    Member
    April 3, 2015 at 15:19

    I have added cart icon to header.php in child theme and some css code into the custom.css to hide text and adjust width of the cart within fixed header. Please check your site now.

    With best regards
    Brian Johnson

  • Viewing 15 results - 1 through 15 (of 15 total)

The issue related to '‘a number of questions’' has been successfully resolved, and the topic is now closed for further responses

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