Candy webshop - by irish - on WordPress WooCommerce support

This topic has 35 replies, 3 voices, and was last updated 8 years, 1 months ago ago by Eva Kemp

  • Avatar: irish
    irish
    Participant
    August 2, 2016 at 14:02

    Hello!

    I’ve some question for a new shop we’re building. Please look in private content for acces 🙂

    See single product page: http://snoepkado.com/product/snoepdoosje-blauw/

    1. Is it possible to make the photo 500×500 pixels?
    2. Is it possible to have the custom tabs in the right column (description/returns etc.) , UNDER all the product information? So that all the information is in full width grid?
    3. I used the tool; 1,2,3.. in the product description, but it’s not showing
    4. See option 1 : “kies jouw snoep”. This font is very little and there is no space between the text and images. Is it possible to make this the same font as the other titles, and add some space?
    5. See option 4: “kies jouw frame”: Is it possible to have the checkboxes with less space between them?

    Thank you so much!

    Please, contact administrator
    for this information.
    34 Answers
    Avatar: irish
    irish
    Participant
    August 3, 2016 at 12:18

    Can somebody please help us?

    Avatar: Robert Hall
    Robert Hall
    Support staff
    August 3, 2016 at 14:47

    Hello,

    1) Try to change image size in WooCommerce->Settings->Products->Display->Single image then regenerate your thumbnails https://wordpress.org/plugins/regenerate-thumbnails/

    2) Sorry, but your query is unclear.
    Maybe provide screenshot for our better understanding and highlight what exactly you want.

    3) Please use this code in Global Custom CSS

    .short-description li{
        list-style: inherit;
    }
    

    4) Please use this code in Global Custom CSS

    .swatchtitlelabel {
        font-size: 24px;
    } 
    table.variations td.value {
        margin-top: 20px;
    }

    5) Please use this code in Global Custom CSS

    .required-product-addon .form-row{
        margin-bottom: 0px !important;
    }

    Regards,
    Robert Hall

    Avatar: irish
    irish
    Participant
    August 3, 2016 at 15:15

    Hi Robert,

    Perfect!

    4) How can i make the title more thin, so it is the same as the other titles?

    Other question:

    1) When you click on the product, http://snoepkado.com/product/snoepdoosje-blauw/, you are seeing the featured image in a flash en than you see the candy. How can the featured image stay, and when clicking on the candy, only than show the picture?

    2) Is it possible to have a background image in the header? Or if not possible a other color than white?

    Avatar: Robert Hall
    Robert Hall
    Support staff
    August 3, 2016 at 15:38

    Try this code

    .swatchtitlelabel {
        text-transform: uppercase;
        font-weight: 400;
    }

    1) When you click on the product, http://snoepkado.com/product/snoepdoosje-blauw/, you are seeing the featured image in a flash en than you see the candy. How can the featured image stay, and when clicking on the candy, only than show the picture?

    There is no such option. If you want this image to stay there you can add it as new variotion as other.

    Regards,
    Robert Hall

    Avatar: irish
    irish
    Participant
    August 4, 2016 at 10:55

    Hi Robert,

    Thank you! All worked fine!

    1) How can i add a background image to the full page like the homepage? I added a image but it’s not showing. Now i add a image in a row, but then you see a little white stripe between the rows.
    But the theme has this function so how can i do this?

    Avatar: Robert Hall
    Robert Hall
    Support staff
    August 4, 2016 at 11:01

    Hello,

    Try to set the Strech row and content (no paddings) option in Row Settings – http://prntscr.com/c1gzx3

    Regards,
    Robert Hall

    Avatar: irish
    irish
    Participant
    August 8, 2016 at 15:11

    Hi Robert,

    1. On single product page : How can i remove the Tab “Extra information”?
    2. In shop page; i see all variations under the product image, How can i remove this?
    3. How can i color the background of all pages? I already set in the theme options at Color Scheme a color, but it don’t work.
    4. I don’t see the Quick View option when hovering a product image?
    5. How so i change the “add to cart” button in Shop page?
    6. See shop page; How do i color the background of the “filter” button and the background of the page numbers 1,2,3 ?
    7. How do i change the color of the background of the cart-amount? + I see a stripe under the cart-icon i made. Where can i remove this?
    8. On the shop page, you see at all buttons the text “Opties selecteren” (select options). But how can i change this text? Can’t find it in the PO. files
    9. How do i change the black header row in other color? + the color of those fonts and icons?
    10. Can you remove the empty space above and under the logo?

    Avatar: Robert Hall
    Robert Hall
    Support staff
    August 9, 2016 at 08:35

    Hello,

    1) Use this code in Global Custom CSS.

    #tab_additional_information{
        display: none;
    }

    2)

    .shopswatchinput {
        display: none;
    }

    3)

    .page-wrapper {
        background: red;
    }

    4) Try to narrow the word “Toevoegen aan wenslijst” (so mush symbols)
    5) Read more here:
    https://docs.woocommerce.com/document/change-add-to-cart-button-text/
    6) Use this code in Global Custom CSS.

    .filter-wrap .btn.filled {
        background-color: #8c4949;
    }
    .pagination-cubic li span.page-numbers.current {
        background-color: #9a8787;
    }

    7) Use this code in Global Custom CSS.

    .badge-number {
        background: #b99c9c;
    }
    .ico-sum:after{
    display:none;
    }

    8) You can find this in \wp-content\plugins\woocommerce\i18n\languages folder (woocommerce.pot file).
    9) Use this code in Global Custom CSS.

    .header-type-17 .header-top {
        background-color: #1a1a1a;
    }
    .header-type-17 .header-top .header-custom-block a:not(.active) {
        color: #dec1c1;
    }

    10)

    .navbar {
        padding: 0px 0;
    }

    Regards,
    Robert Hall

    Avatar: irish
    irish
    Participant
    August 9, 2016 at 12:02

    Hi!

    Thank you!

    1. You give me this link: https://docs.woocommerce.com/document/change-add-to-cart-button-text/ but where can i find the functions.php?
    2. How can i change the color of the buttons in related products at the bottom of single product like: http://snoepkado.com/product/snoep-kado-doosje-aap/
    3. In header, not everything is white: Search icon + text Search , Text Winkelwagen
    4. How to have a different color for Cart-icon?
    5. On shop page: http://snoepkado.com/snoepwinkel/: How to remove the navigation buttons? How to remove the empty space above the slider?
    6. See footer. Why are there 2 titles? I only want to keep the above titles
    7. How can i color all text in footer black. Now the informations links are grey
    8. How can i color the bottom footer in green and the text in white?
    9. In the footer, when clicking on a link, there is a white background. How can i remove this?
    10. On the homepage at the bottom between content and footer, there is a white space. How can i remove this?

    Avatar: Robert Hall
    Robert Hall
    Support staff
    August 9, 2016 at 14:25

    Hello,

    1) In this case we recommend use the Child Theme.
    We have already created and included child theme in theme package. You just need to find royal-child folder in theme package and upload it to /wp-content/themes/ folder and you’ll see there the function.php file.

    2) Use this code in Global Custom CSS

    .btn {
        border-color: red;
        background-color: red;
        color: red;
    }

    3) Use this code in Global Custom CSS

    .header-type-17 .header-top .header-search span,
    .header-type-17 .header-top .header-search .et-search-trigger .fa-search,
    .header-type-17 .header-top .shopping-cart-widget .shop-text {
        color: white;
    }

    4) Use this code in Global Custom CSS

    .cart-bag .ico-sum,
    .ico-sum:before,
    .ico-sum:after{
        background-color: #274847;
    }

    5) Please clarify which exactly buttons you mean.

    .category-description {
        margin-bottom: 0;
    }

    6) Navigate to Footer statick block and remove this title in Widgetised Sidebar settings.
    7) Use this code in Global Custom CSS

    .footer-top .widget_nav_menu li a{
        color: #000 !important;
    } 

    8) Use this code in Global Custom CSS

    .copyright-3, .copyright {
        background: green;
    }
    .copyright.text-color-dark .textwidget{
    color:white;
    }
    .copyright-3 .container .row-copyrights, .copyright .container .row-copyrights {
      border-top: 1px solid #fff;
    }

    9) Use this code in Global Custom CSS

    .widget_nav_menu li.current-menu-item a {
        background-color: transparent;
    }

    10) Use this code in Global Custom CSS

    .home .page-content {
        margin-bottom: 0;
    }
    .home .vc_row-has-fill+.vc_row-full-width+.vc_row>.vc_column_container>.vc_column-inner{
    padding-top: 0px;
    }

    Regards,
    Robert Hall

    Avatar: irish
    irish
    Participant
    August 10, 2016 at 13:10

    Hi Robert,

    Thank you for all those answers!!

    1. I tried this in Chil Themes functions.php, but when i added the code i’m getting this error: Parse error: syntax error, unexpected ‘winkelmand’’ (T_STRING) in /home/snoepkado/public_html/wp-content/themes/royal-child/functions.php on line 11
    What goes wrong?

    2) See footer. The information title is not the same as the other title? How can i get this fixed?
    3) See Footer. The title “Snoep quad’s” have a white background? Is it possible to make this transparent and with a black border?
    4) See shoppage: https://snoepkado.com/snoepwinkel/ . How can i color the background and text of the price filter button?

    Avatar: Robert Hall
    Robert Hall
    Support staff
    August 10, 2016 at 16:00

    Hello,

    1) Please provide us with FTP credentials in Private Content.
    2) Use this code in Global Custom CSS.

    #nav_menu-3 .widget-title:after {
        content: '';
        display: block;
        width: 100%;
        height: 1px;
        top: 8px;
        left: 0;
        position: absolute;
        background: #000;
        z-index: 1;
    }
    #nav_menu-3 .widget-title span {
        background: #F7F1CA;
        border: 1px solid black;
        position: relative;
        z-index: 2;
        padding: 0 18px;
        text-transform: uppercase;
    }

    3) Use this code in Global Custom CSS.

    .footer-top .widget-title span {
        background: #F7F1CA;
        border: 1px solid black;
    }

    4)

    .price_slider_wrapper .price_slider_amount button {
        color: red;
    }

    Regards,
    Robert Hall

    Avatar: irish
    irish
    Participant
    August 11, 2016 at 09:35

    Hi Robert,

    Se FTP credentials in Private content.

    Thanks!

    Please, contact administrator
    for this information.
    Avatar: Robert Hall
    Robert Hall
    Support staff
    August 11, 2016 at 10:40

    Hello,

    I’ve added this code in child theme. Please check.

    add_filter( 'woocommerce_product_add_to_cart_text', 'woo_archive_custom_cart_button_text' );    // 2.1 +
     
    function woo_archive_custom_cart_button_text() {
     
            return __( 'My Button Text', 'woocommerce' );
     
    }

    Change ‘My Button Text’ text to yours.

    Regards,
    Robert Hall

    Avatar: irish
    irish
    Participant
    August 17, 2016 at 11:33

    Hi Robert,

    Thank you!

    1) On the shop page https://snoepkado.com/snoepwinkel/ : The numbers of pages, can this font be white? + the background be black?
    2) On the shop page https://snoepkado.com/snoepwinkel/ : Can the categorie names under the product images, be black?
    3) I set the quick view en add wishlist OFF, but now when hovering a product image still showing a black row. How can i remove this?
    4) IN a single product page:
    – Can the text “Email to friens” be black?
    – Can all the links like “SKU” “Tags” etc. be black?

    5) Is it possible on a single product page, to remove the “Extra Information” tab?
    6) Where can i color the background of the menu row with “Share” and cart in it? Now it’s a different color than the topbar…

    7) See blog page: https://snoepkado.com/blog/ I udes the same dimensions as your blog preview, but why are my images so big and square??

    8) At blog page: https://snoepkado.com/blog/ : How can i color the “Read more” buttons in background and font?

    9) At shop page: Is it possible to have a black border around the product images?

    10) see page: https://snoepkado.com/afrekenen/ + https://snoepkado.com/afrekenen/shipping-addresses/ : Above the button is black, with a black font. How can i make this font black?

    11) on this page: https://snoepkado.com/afrekenen/ , How can i color the blue backgrounds?

    12) In this page: https://snoepkado.com/afrekenen/, there is a white transparent block that goes over the payment methods? So i can not order…

    13) Why is the footer background color not full width anymore?

    Avatar: Robert Hall
    Robert Hall
    Support staff
    August 17, 2016 at 17:42

    Hello,

    Use the following code in Global Custom CSS.
    1)

    .pagination-cubic li span.page-numbers.current,
    .pagination-cubic li span.page-numbers{
    color:#fff;
    }
    .pagination-cubic li span.page-numbers{
    background-color:#000;
    }

    2)

    .products-page-cats a{
    color:#000;
    }

    3)

    .footer-product{
    display:none !important;
    } 

    4)

    .product-information .email-link,
    .product_meta >span span {
        color: #000 !important;
    }

    5) As I see you’re already added this code

    #tab_additional_information {
        display: none;
    }

    6)

    .header-type-17 .header-top {
        background-color: #7eafae;
    }

    7) Try to create new blog page and set that page as blog in Dashboard->Settings->Reading. See screenshot: http://prntscr.com/c6xhcp

    8)

    .vc_btn3.vc_btn3-color-juicy-pink, .vc_btn3.vc_btn3-color-juicy-pink.vc_btn3-style-flat {
        color: #fff;
        background-color: #F4524D;
    }

    9)

    .product-content-image img {
        border: 1px solid black;
    }

    10)

    .woocommerce-info .button{
    color:#fff;
    } 

    11)

    .woocommerce-info{
        background-color: #d9edf7;
        border-color: #bce8f1;
    }

    12) Please show us with screenshot what exactly you mean.
    13)

    .footer-top{
        background: #e9e9e3;
    }

    Regards,
    Robert Hall

    Avatar: irish
    irish
    Participant
    September 20, 2016 at 09:10

    Good morning!

    1) See homepage http://www.snoepkado.com. In the header+topbar you see 2 different colors green. How can i make this 1 color?
    2) See My account: https://snoepkado.com/mijn-account/ . Why is the footer here in grid? I want a full width footer with the grey background

    Avatar: Robert Hall
    Robert Hall
    Support staff
    September 20, 2016 at 09:21

    Hello,

    Try to add this code in Global Custom CSS
    1)

    .top-bar {
        background-color: #7eaeae;
    }

    2)

    .footer-top {
        background: #e9e9e3;
    }

    Regards,
    Robert Hall

    Avatar: irish
    irish
    Participant
    September 20, 2016 at 09:41

    Hi Robert,

    1. I’m sorry but the top header css won’t work :(.
    2. See checkout-> I can’t click any of the payments. Looks like there is a white filter over it or something?

    Avatar: Robert Hall
    Robert Hall
    Support staff
    September 20, 2016 at 10:19

    1) Please check it now.
    2) Its works fine for me. See screenshot: http://prntscr.com/ck539o
    You need just wait a few seconds when loading will finished.

    Regards,
    Robert Hall

    Avatar: irish
    irish
    Participant
    September 20, 2016 at 11:18

    Hi Robert!

    Thanks voor the topbar :).

    Unfortunately my checkout doesn’t work. I already updated everything but i still see a white screen over the payments area… Can you please have a look again?

    Avatar: Robert Hall
    Robert Hall
    Support staff
    September 20, 2016 at 11:50

    Hello,

    Please specify what browser you’re using.

    Also try to disable third-party plugins one by one and check issue.

    Regards,
    Robert Hall

    Avatar: irish
    irish
    Participant
    September 20, 2016 at 12:01

    Hi Robert,

    I tried it all, and for Woocommerce i only use premium Wootheme plugins.
    I’m using Safari.

    2) Also a really strange thing is the category banner in the shop. For example:
    https://snoepkado.com/product-categorie/snoepkado-doosje/

    When i put the image banner in it, it shows. But seconds after when i reload the page, i only see the code.
    I have the same issue at an other webshop 🙁

    Avatar: Robert Hall
    Robert Hall
    Support staff
    September 20, 2016 at 13:06

    1) We’ve checked it in Safari browser and didn’t see the issue – http://prnt.sc/ck6pjh
    2) In this case you need add the code in Text editor, not a Visual – http://prntscr.com/ck6wpp

    Regards,
    Robert Hall

    Avatar: irish
    irish
    Participant
    September 28, 2016 at 11:47

    Hi Robert,

    1) I wanted to update everything but i have some error with the plugins. When i click on “Plugins” in the admin i see this error:

    Warning: require_once(auto-update/admin-functions.php): failed to open stream: No such file or directory in /home/snoepkado/public_html/wp-content/plugins/Ultimate_VC_Addons/admin/bsf-core/index.php on line 19

    Fatal error: require_once(): Failed opening required ‘auto-update/admin-functions.php’ (include_path=’/home/snoepkado/public_html/wp-content/plugins/wordpress-seo/vendor/yoast/api-libs/google:.:/usr/lib/php:/usr/local/lib/php’) in /home/snoepkado/public_html/wp-content/plugins/Ultimate_VC_Addons/admin/bsf-core/index.php on line 19

    Tried via FTP to remove the plugin en upload it again but nothing worked..

    2) On this page: https://snoepkado.com/afrekenen/shipping-addresses/?address-form=1 the buttons are Black background with black text. How can i give those buttons other colors?

    Avatar: Robert Hall
    Robert Hall
    Support staff
    September 28, 2016 at 14:21

    Hello,

    1) I’ve just checked it and the Plugins section working perfect – http://prntscr.com/cnczs3
    2) Use this code in Global Custom CSS.

    .btn-import-billing,
    .btn-import-shipping{
    color: #fff;
    background-color: red;
    }

    Regards,
    Robert Hall

    Avatar: irish
    irish
    Participant
    September 30, 2016 at 12:42

    Hi Robert,

    1. On this page: https://snoepkado.com/mijn-account/orders/ all the buttons are black with a black font. So not readable ;). How can i make those fonts white?

    Avatar: Robert Hall
    Robert Hall
    Support staff
    September 30, 2016 at 12:50

    Hello,

    Please use this code in Global Custom CSS

    .order-actions .button{
        color: #fff;
    }

    Regards,
    Robert Hall

    Avatar: irish
    irish
    Participant
    October 4, 2016 at 09:28

    Good morning!

    We have an issue with the webshop. We are using the Woothemes plugin “Product add ons”. This is working fine in the single products. We use it so the user can fill in a custom text and upload their own photo.
    But, after checkout, we can’t find the information the user filled in (text+photo) in the backend.

    This is a screen cast from Woothemes, of how it must look like: http://recordit.co/JWPUhkfwNg
    When i click on an order number, i don’t have those fields where i can download the image and see the texts that the user filled in.

    We already had ticket support from Woothemes, and they say that it looks like the theme blocked this data. So can you help me?

    Thank you!

  • 1 2
    Viewing 30 results - 1 through 30 (of 35 total)

The issue related to '‘Candy webshop’' has been successfully resolved, and the topic is now closed for further responses

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