WordPress.org

Ready to get started?Download WordPress

Forums

CataBlog
[resolved] Problem: Realize product page with 2 or 3 horizontal products (24 posts)

  1. checevo
    Member
    Posted 1 year ago #

    I need a product page with 2 or 3 horizontal products (2 or 3 columns)

    I'm no expert of code, I followed the guide on the blog.

    I added this code to the end of the file catolog.css (plugin file):

    }*/Catalogo */
    html body. catablog-catalog. catablog-fila {
    float: left;
    display: 47%;
    }
    html body. catablog-catalog. catablog-fila {
    float: right;
    display: 47%;
    }

    But not work.

    Thank for your support.

    http://wordpress.org/extend/plugins/catablog/

  2. mbrsolution
    Member
    Posted 1 year ago #

    Hi, have a look at this tutorial.

    http://mbrsolution.com/tutorial/catablog-add-columns-tutorial-part-6.php

    This will put you on the right track.

    Kind regards

  3. checevo
    Member
    Posted 1 year ago #

    Thanks MbrSolution,

    I followed the guide but what I write in the style.css file before the upload?

  4. mbrsolution
    Member
    Posted 1 year ago #

    Hello, if you follow the instructions you will now have created a child theme to work from. You should always work with a child theme or else any extra formatting that you create will be deleted every time you upgrade your theme.

    In this child theme you will add the extra CataBlog code to create columns for your CataBlog display, which will create something like a table format.

    Kind regards

  5. checevo
    Member
    Posted 1 year ago #

    Thanks MbrSolution,

    Yes, I understand but my style.css file is empty.

    I have uploaded to the folder in my site, the folder with empty style.css empty and wordpress tells me that "the theme is broken"

    What do I write in the style.css file before uploading?

    Thanks for the support

  6. mbrsolution
    Member
    Posted 1 year ago #

    Hi, did you follow the instructions above in the tutorial? Have a look at the tutorial again and you will see that you need to add some code in your style.css found in your child theme. This code calls the style from the parent theme or else it will not work. I have edited the tutorial to make it more clear. I think you will find it easier to understand now.

    Also make sure that you have selected the child theme in WordPress once you add the @import .....into your style.css.

    Kind regards

  7. checevo
    Member
    Posted 1 year ago #

    Hi MbrSolution,

    I followed the guide but not work.

    WordPress tells me: "The following themes are installed but incomplete. Themes must have a stylesheet and a template. Theme The father is missing."

    /**
    * Theme Name: Name Template-child
    * Theme URI: http://www.xxxxxx.it/
    * Description: xxxx
    * Version: 1.0
    * Author: xxxx
    * Author URI: xxxx
    * Template: Name Template
    License: GNU General Public License version 3.0
    License URI: http://www.gnu.....
    Version: 6.8
    */
    /* import layout */
    import url “http://www.xxxxxx.it/Name Template-child/style.css”;

    What am I wrong?

    Thanks

  8. mbrsolution
    Member
    Posted 1 year ago #

    Hi you have to add the @ symbol and ( ) in the following path..

    /* import layout */
    @import url(“http://www.xxxxxx.it/Name Template-child/style.css”);

    Try and see if it works. Make sure the path and the name of the template-child is correct.

    Kind regards

  9. checevo
    Member
    Posted 1 year ago #

    No, sorry not work :(

  10. mbrsolution
    Member
    Posted 1 year ago #

    Hi, can you type the exact path you entered in the code above?

    Kind regards

  11. checevo
    Member
    Posted 1 year ago #

    Code in the file style.css:

    /**
    * Theme Name: Name Template-child
    * Theme URI: http://www.xxxxxx.it/
    * Description: xxxx
    * Version: 1.0
    * Author: xxxx
    * Author URI: xxxx
    * Template: Name Template
    License: GNU General Public License version 3.0
    License URI: http://www.gnu.....
    Version: 6.8
    */
    /* import layout */
    @import url(“http://www.xxxxxx.it/Name Template-child/style.css”);

    Thanks for the support!

  12. mbrsolution
    Member
    Posted 1 year ago #

    Hi I can see the issue straight away.

    What is your websites url?

    At the present you have http://www.xxxxxx.it. Is this your URL?

    Then you have Name Template-child......Is this the name of the folder you created on your server?

    Remember the path has to be exact or else it will not work. In my example above I was using the following code as an example `/* import layout */
    @import url(“http://www.xxxxxx.it/Name Template-child/style.css”);`

    Why don't you simple create a folder with the name template-child and then add the following code:

    /* import layout */
    @import url("../template-child/style.css");

    Kind regards

  13. checevo
    Member
    Posted 1 year ago #

    Hi,

    I send you email with details. I write on the form of the blog.

    Thanks

  14. mbrsolution
    Member
    Posted 1 year ago #

    Ok, I look forward to the e-mail.

    Kind regards

  15. mbrsolution
    Member
    Posted 1 year ago #

    Hello checevo, have you resolved this issue? If you have would you close this thread as resolved.

    Kind regards

  16. checevo
    Member
    Posted 1 year ago #

    Hello Mbrsolution, my provider does not have a solution for the problem

    :(

  17. mbrsolution
    Member
    Posted 1 year ago #

    Hi, so what are you going to do? Try and give the custom template another go and see if you can create one.

    Kind regards

  18. macguru2000
    Member
    Plugin Author

    Posted 1 year ago #

    I would like to mention that there are numerous errors in your CSS code from your original question. If you want to do a 3 column layout you should use css code like this...please pay specific attention to all the syntactical formatting:

    I do not know what .catablog-fila is, is that a custom css class you added in your catablog template?

    /* Catalogo */
    html body .catablog-catalog .catablog-fila {
    float: left;
    width: 50%;
    margin: 0;
    padding: 0;
    }
    html body .catablog-catalog .catablog-fila {
    width: 50%;
    margin: 0 0 0 50%;
    padding: 0;
    }
  19. checevo
    Member
    Posted 1 year ago #

    Hi macguru2000,

    Thanks for your reply.

    The code .catablog-fila is an error.

    The right one is: .catablog-row

    I pasted the code in the template file "style.css" but does not work.

    The page have one column.

    Do I have to paste in the style.css file of the plugin?

    In the file: catablog.css ???

    Thanks

  20. macguru2000
    Member
    Plugin Author

    Posted 1 year ago #

    So you should paste this into either your theme's style.css file or create a catablog.css file inside your theme's directory and paste this code in there. You should never edit the plugins css files, as your changes will be overwritten when you update. The same can apply to your theme's style.css file, depending on wether you or someone else is the theme author.

    Keep in mind that it is important that you not translate or change the css class names, as those should always be in english. I also want to apologize for not reading your original code closely enough, you should never define the same class twice in CSS, it just doesn't work that way.

    Two Columns:

    html body .catablog-catalog .catablog-row {
      float: left;
      width: 50%;
      margin: 0;
      padding: 0;
      border: 0 none;
    }

    For three columns, try this code instead of the above one

    html body .catablog-catalog .catablog-row {
      float: left;
      width: 33%;
      margin: 0;
      padding: 0;
      border: 0 none;
    }

    Good luck

  21. checevo
    Member
    Posted 1 year ago #

    Hi macguru2000,

    thanks for your support, but the code for two columns in the file style.css of the theme does not work.

    Now I have all the products to the right and only vertically.

    how I solve the problem?

    Thanks

  22. mbrsolution
    Member
    Posted 1 year ago #

    Hi @checevo, can you post your URL that points to your products so that we can check.

    Kind regards

  23. checevo
    Member
    Posted 1 year ago #

    Hi mbrsolution,

    I solved the problem.

    Too much text for product descriptions.

    I reduced the text and the problem is solved.

    Thanks for the support mbrsolution ;o)

  24. mbrsolution
    Member
    Posted 1 year ago #

    Hi checevo, that is good news. I am happy for you :)

    If you are happy with your results could you please close this thread as resolved.

    Kind regards

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic