Okay
  Public Ticket #811547
Build My Shop Layout
Closed

Comments

  •  1
    Christoph started the conversation

    Hi,

    I cannot find any instructions in your documentation sheet how I built up the shop layout I want. 

    I like this 2 Columns Layout; with the product pages (with recommendations)

    http://demo.kaliumtheme.com/shop/shop/?shop-columns=two

    I need help :)

    regards, Christoph

  • [deleted] replied

    Hi Christoph,

    To achieve the same look just go to Theme Options > Shop Settings > and on the Shop Catalog Layout choose Minimalthen on the Product Columns & Rowschoose 3 products per row.

  •  1
    Christoph replied

    hi Ylli,

    thanks for your feedback. I have adjusted a few things, but there are still some issues

    1) mouseover color http://d.pr/i/EPcL

    2) I want 3 related product, but only 1 row (with the 3 related products)

    3) all words inside the text fiels are not centered http://d.pr/i/1aVkW

    4) Header Problem:

    some of my friends have problems with the site. some sites are wrong. Its only visible in safari for mac I guess 

    http://d.pr/i/S4b1

    5) I have adjusted a shop sidebar (right), how could i fill it with widgets and information?


    thank you very much again,

    regards, Christoph

  • [deleted] replied

    Hi Christoph,

    1— Can you please add the code below to Custom CSS

    .woocommerce-message a.button.wc-forward {
        background: red !important;
        color: yellow !important;
    }
    
    .woocommerce-message a.button.wc-forward:hover {
        background: green !important;
        color: cyan !important;
    }
    

    2— This option is not possible for the moment.

    3— I don't see any problem there


    (view large version)

    4— I just tested your site with Safari 9.1.1 and i don't see any problem http://drops.laborator.co/1iyXl

    5— You can go to Widgets section on Wordpress and populate that sidebar.

  •  1
    Christoph replied

    Hi Ylli,

    1. worked

    2. http://demo.kaliumtheme.com/shop/product/boskke-cube/ 
    the thumbs of the recommended products are smaller than on my website. how could I adjust your size to mine?

    3. its seems thats a problem with my browser

    4. ok

    5. ok

    _______

    6.underline problems: 001,002 please make them on the same height as the light grey line

    7. more spacing between the number of items and "incl. 19% VAT" (003)

    thanks :)

  • [deleted] replied

    Hi Christoph,

    2— Are you talking about "You may also like…"? If yes then please send me a product page that "You may also like…" is appearing.

    6— That is happening because you have added this Custom CSS (http://drops.laborator.co/13JYd)


    .placeholder label {
    margin-bottom: 10px !important;
    }

    Please delete that code.

    7— I can't see this in any of your demos.

  •  1
    Christoph replied

    Hi Ylli,

    thanks for you quick reply:

    2) yes, sorry for the confusion. I have tried to delete the recommended products (set to 0), but nothing changed. anyway. please tell me how I recreate this page: http://stilform-design.de/product/kosmos-1/

    to

    this page: http://demo.kaliumtheme.com/shop/shop/?shop-columns=two

    6) if i delete the custom CSS this happens (005). All lines of the forms are incorrect. thats why you gave me this custom CSS a few months before. Maybe your team could fix this issue in a future update of Kalium. Please give me the code to adjust all lines into a correct position.

    7) ok thats not so important I will delete this. (this is from a woocommerce plugin called "germanized" - thats important to adjust woocommerce to our strict german laws... 

    8) please look at 004:

    the plugin germanized changed the look of the checkout a little bit. the title "kosmos..." looks strange - its also in a wrong position. could you please help me to adjust this?

  • [deleted] replied

    Hi Christoph,

    2— Your site is giving me 404 error, can you please send me the correct link.

    6— We don't have this problem on our live demos, can you please send me URL-s of corresponding pages 001.jpg and 002.jpg. Also please send me your WP credentials. 

    Make sure to choose Private Reply when you send us sensitive informations!

    8— Can you please add the code below to Custom CSS

    .wc-gzd-product-name-left {
        display: none !important;
    }
    

    this will remove product thumbnail from there.

  •   Christoph replied privately
  • [deleted] replied

    Hi Christoph,

    2—  I see that you have removed Related Products from that page now.

    6— As i can see the lines are appearing correct on my end, here is a video that i made for you 1. http://drops.laborator.co/b6yK 2. http://drops.laborator.co/eEgz

    I'm using Chrome version 51.

    P.S: Please don't use any Caching plugin when you work with the theme, because it will cache your changes and you need to hard refresh your page 3-4 times to see the changes.

  •  1
    Christoph replied

    hi Ylli,

    Thanks

    2) Yes, But I still want the same look as in your template.

    http://demo.kaliumtheme.com/shop/shop/?shop-columns=two (3 rows of related products)

    I have duplicated the product a few times for you again...

    6) But it seem that there are problems with your theme displayed in safari. 

    7) there are problems with the WooCommerce Quantity Increment. When the plugin is active the other bad looking arrows are over the new ones. Please delete the old ones.


    Thanks again,

    Christoph 


  • [deleted] replied

    2— That is happening because your settings are Show Sidebar on Right but your sidebar is empty because it needs to be populated from Widgets area.


    (view large version)

    I just clicked Hide Sidebar there, and now two products per row are appearing :)


    (view large version)


    6— Can you please add the code below to Custom CSS, this will change the lines for Safari only.

    @media screen and (min-color-index:0) 
    and(-webkit-min-device-pixel-ratio:0) { @media
    {
    
        .comment-form input, .comment-form textarea, .contact-form input, .contact-form textarea {
            padding-bottom: 2px;
            }
    
        .woocommerce .bordered-block .login .absolute input, .woocommerce .bordered-block .register .absolute input, .woocommerce .bordered-block.with-form-labels .absolute input {
            padding-bottom: 1px;
        }
    }}

    7— This plugin is deprecated by the WooCommerce team it's better if you delete it because it don't work well now.

    If you want to keep the plugin and remove those browser arrows then please add the code below to Custom CSS

    input[type=number]::-webkit-inner-spin-button, 
    input[type=number]::-webkit-outer-spin-button { 
     -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
    }
    
  •  1
    Christoph replied

    everything worked now :) thanks 

  • [deleted] replied

    Glad to hear that :)