Header, Language Switcher, Thumbnail, Tag

Forums    Joomla Templates Club    JA Fixel    Header, Language Switcher, Thumbnail, Tag
Viewing 15 posts - 1 through 15 (of 20 total)
1 2
  • Author
    Posts
  • rclpris Friend
    March 17, 2014 at 7:04 pm #195872

    Hi, I need assistance on below issues:
    1. How to adjust the margin/height of showing the Full Content? Currently the Facebook icon and part of the Content is blocked as the header (mainmenu+banner) height has been increased
    2. How to correct the background color of the SocialLink? Color is correct in mobile view but not in PC view
    3. How to move languageswitcherload position next to mainmenu?

    4. How to bring back video thumbnail in Product page? Same as what is in Home page.

    5. When using Tag, there is no matched content found if “Load Next Set” was not clicked. Any way to show the result automatically without clicking “Load Next Set”?

    Thanks!

    1. tagresult
    2. headercontent
    3. videothumbnail
    Nazario A Friend
    March 18, 2014 at 5:12 am #527095

    @rclpris,

    <blockquote>1. How to adjust the margin/height of showing the Full Content? Currently the Facebook icon and part of the Content is blocked as the header (mainmenu+banner) height has been increased
    2. How to correct the background color of the SocialLink? Color is correct in mobile view but not in PC view
    3. How to move languageswitcherload position next to mainmenu?</blockquote>
    Please create new file called “custom.css” in /templates/your_template_name/css/ path, then add this rule:

    /* Content */
    .t3-mainbody {
    margin-top: 190px;
    }

    /* Social Link */
    .social-link {
    background-color: #F2F2F2
    border-color: #E7E7E7 !important;
    }
    .social-link:after {
    color: #FC615D !important;
    }

    /* Language Switcher */
    .languageswitcherload {
    float: right;
    margin-top: 10px;
    width: auto;
    }

    <blockquote>4. How to bring back video thumbnail in Product page? Same as what is in Home page.</blockquote>
    When you use the tag, you should add the intro image for the video in the configuration of the article.

    <blockquote>5. When using Tag, there is no matched content found if “Load Next Set” was not clicked. Any way to show the result automatically without clicking “Load Next Set”?</blockquote>
    If you want to show the result automatically without clicking “Load Next Set”, you must to custom it by yourself.

    Hope this helps

    1. fixel1

    1 user says Thank You to Nazario A for this useful post

    1. rclpris
    rclpris Friend
    March 20, 2014 at 3:51 am #527409

    Thanks for the quick response. It helps a lot.

    6. About Articles Related Items module, how to show Title in popup version? Title did show in non-popup version.
    How to algin the margin on both popup and non-popup view?

    1. relatedarticle
    2. relatedarticlepopup
    Nazario A Friend
    March 20, 2014 at 11:52 am #527483

    @rclpris,
    <blockquote>About Articles Related Items module, how to show Title in popup version? Title did show in non-popup version.</blockquote>
    Ít seems you created new position “relatedarticle” in the article. Could you please tell me how you did add this position, I will check further. It would be best if you PM me the FTP account.

    <blockquote>How to algin the margin on both popup and non-popup view?</blockquote>
    Please open the file /templates/your_template_name/css/custom.css, then add this rule:

    .jmoddiv .module-inner {
    margin-left: 165px;
    }

    Hope this helps.

    rclpris Friend
    March 21, 2014 at 8:06 am #527594

    I have added “relatedarticle” after “component” in /templates/your_template_name/tpls/component.php

    [PHP]<body>
    <section id=”t3-mainbody” class=”t3-mainbody”>
    <div id=”t3-content” class=”t3-content”>
    <jdoc:include type=”message” />
    <jdoc:include type=”component” /> –>
    </div>

    <div id=”t3-mainbody” class=”t3-mainbody” <?php $this->_c(‘relatedarticle’)?>>

    <jdoc:include type=”modules” name=”<?php $this->_p(‘relatedarticle’) ?>” style=”raw” />

    </div>

    </section>
    </body>[/PHP]

    Nazario A Friend
    March 25, 2014 at 7:09 am #528003

    @ rclpris, please PM me the FTP account so that I can check and help you out.

    rclpris Friend
    March 26, 2014 at 6:10 am #528181

    7. In demo site, when clicking “ALL CATEGORIES” from J! PAGES (main menu), the page shows all categories (in image style). By clicking any of them, the page shows all articles (in image style).

    I failed to setup these image style (clicking PRODUCT from my main menu), please help.
    I have tried Menu Manager=>Menu Item Type=>List All Categories but when I click the category, a list is shown instead of image style. If I set Global Configuration=>Articles=>Category=>Choose a layout=>Blog, this is also not the style I need.

    8. sidebar-1 or sidebar-2 has display error. Position content switch to the left so it covers home content in sidebar-1 or flow out of screen in sidebar-2. How to correct this?

    1. imagestyle
    2. sidebar1
    Nazario A Friend
    March 27, 2014 at 10:23 am #528336

    @ rclpris,

    7. You must select the Fixel Category Blog type for the menu item of each category. For example, with ‘Fashion Design’ category in our demo site: http://prntscr.com/34kkky and http://prntscr.com/34kl2r

    8. Please open the file: /templates/your_template_name/css/custom.css then add this rule:

    .jmoddiv .module-inner {
    margin-left: 0;
    }

    Hope this helps.

    rclpris Friend
    March 27, 2014 at 4:53 pm #528374

    Thanks a lot!

    <blockquote>7. You must select the Fixel Category Blog type for the menu item of each category. For example, with ‘Fashion Design’ category in our demo site: http://prntscr.com/34kkky and http://prntscr.com/34kl2r</blockquote>

    How about the ALL CATEGORIES page setting?

    Same code is used in Question 6 and Question 8 for alignment. Any codes to fix both questions?

    .jmoddiv .module-inner {
    margin-left: 165px;
    }

    .jmoddiv .module-inner {
    margin-left: 0;
    }

    Also, any update on Question 6 Related Article Title?

    1. allcategories
    Nazario A Friend
    March 28, 2014 at 9:37 am #528453

    @ rclpris,

    Currently, I can not access your FTP with info you sent me.

    <blockquote>How about the ALL CATEGORIES page setting?</blockquote>

    I checked your site. The configuration of this page is correct. What’s does this mean ?

    <blockquote>Same code is used in Question 6 and Question 8 for alignment. Any codes to fix both questions?
    Also, any update on Question 6 Related Article Title? </blockquote>
    It seems you changed something in your site. Now, please open file: /templates/your_template_name/css/custom.css, then add this rule:

    /* Question 6 */
    .span12 .t3-module.module.jmoddiv {
    margin-left: 100px;
    }
    /* Question 8 */
    .t3-sidebar-2 .t3-module.module.jmoddiv {
    padding: 20px;
    }

    Here is result:
    ,

    Hope this helps

    1. 1
    2. 2
    rclpris Friend
    April 2, 2014 at 10:21 am #529172

    Question 7: No, this is not right.

    In Demo, select J! PAGES, click ALL CATEGORIES

    click FASHION DESIGN

    In my site, click PRODUCT

    click Burmester

    The layout in Fashion Design is what I need but Burmester only display a plain text list….

    While this is correct when directly click from MAIN MENU
    select J! PAGES, click Fashion Design

    select PRODUCT, click Burmester

    Both display images with hover effect

    Also, any update on Question 6 Related Article Title?

    1. 1
    2. 2
    3. 3
    4. 4
    5. 5
    rclpris Friend
    April 4, 2014 at 10:17 am #529509

    Question 9:
    Main Menu -> Select SHOP -> Click All Categories
    In Demo, the text show next to the image

    In my site, the text show underneath the image

    How to move the text to the right of the image?

    Question 10:
    My Main Menu start with HOME, NEWS, PRODUCTS, etc….

    Somehow when viewing in mobile, HOME & NEWS have disappeared

    Please help

    Thanks

    1. right
    2. under
    3. menupc
    4. menumobile
    Nazario A Friend
    April 7, 2014 at 3:45 am #529693

    @ rclpris,

    Question 6
    I just fixed in your site. You can see in this file: /templates/ja_fixel/css/themes/light/template.css I replaced this code:

    ul, ol {
    padding: 0;
    margin: 0 0 10px 25px;
    }
    .t3-module .module-inner {
    padding: 0;
    }

    With:

    ul, ol {
    padding: 0;
    margin: 0 0 10px 285px;
    }
    .t3-module .module-inner {
    padding-left: 50px;
    }

    Question 7
    As in our demo, the “Fashion Design” menu item uses “Fixel Category Blog” type. But in your site, the “Burmester” menu item uses “Tagged Items” type. In this case, to have the layout as the “Fashion Design” page, you should select “Cateogories” type for “Product” menu item and “Fixel Category Blog” type for “Burmester” menu items. Then select the “Burmester” category.

    Also, you should install the JA Fixel template quickstart package in localhost for reference on the configuration of each menu item.

    Question 9
    Please open file: /templates/your_template_name/css/custom.css then add this rule:

    .jshop_list_category .jshop_categ .cat-info {
    width: 294px;
    }

    Question 10
    Currently, I checked your site on my mobile. But I saw it’s OK.

    Have you sorted it our at your end ?

    1. IMG_0551

    1 user says Thank You to Nazario A for this useful post

    1. rclpris
    rclpris Friend
    April 8, 2014 at 8:56 am #529946

    Hi

    After adjusting all above, Facebook and Google Module and Side-bar-2 display have error again…

    For Question 9, I have added the codes but nothing changed.

    For Question 6, the actual issue is the words “Article Related Item” are missing from popup view.

    1. home
    2. sidebar
    3. popup
    4. non-popup
    rclpris Friend
    April 9, 2014 at 9:55 pm #530215

    Hi

    Somehow I have set a background color, but there is a grey layer cover it and the background color cannot be displayed.
    By pressing ctrl-Reload(ctrl-F5), the blue background can be viewed in only 1 second, then, in 1 second, the grey layer load and cover the blue background.
    How to remove the grey layer/set background color?

    In MOBILE view, how to make the Menu button background white?
    Also, the social link background turn grey instead of white while scrolling down. Color is correct at the top. How to make it white?

    1. bgcolor
    2. bgcolormobile
  • Author
    Posts
Viewing 15 posts - 1 through 15 (of 20 total)
1 2

This topic contains 20 replies, has 2 voices, and was last updated by  rclpris 10 years, 6 months ago.

We moved to new unified forum. Please post all new support queries in our New Forum

Important Notice :

New Unified Portal is live

Must Read

Jump to forum

Categories