Viewing 15 posts - 1 through 15 (of 18 total)
  • Author
    Posts
  • netzdesign24 Friend
    #969746

    Hi there,

    I installed the quick startup pack of JA Decor but I’m missing the "latest products" at pos 5 to 8. I do not want to install a shop system, but I want to use this positions with the ssame look as in the live demo for some articles (see attached file).

    can someone give me a hint how to do that???


    1. 2016-09-21_09h05_05
    netzdesign24 Friend
    #969793

    If I’m adding just a 300x300px picture at pos 5, 6, 7, and 8 with:

    <img src="images/joomlart/demo/300×300-gray.gif" alt=""/>

    it will be shown like in the attached screenshot (not centered, with boders, …)


    1. 2016-09-21_12h00_26
    Pankaj Sharma Moderator
    #970026

    Hi
    Could u share the working site URL where u published the modules .

    netzdesign24 Friend
    #970075
    This reply has been marked as private.
    Pankaj Sharma Moderator
    #970081

    Hi
    you can use the image code as

    <img src="/cms/images/joomlart/demo/300x300-gray.gif" alt="" style="
        width: 100%;
        padding: 5px;
    ">

    wihout padding there is no space you can add border style .

    netzdesign24 Friend
    #970094

    Thanks mate,

    I changed the code to 0px padding. But total width of all 4 positions is wider than the main content.
    Also there is a white bar between the positions and the footer positions…

    See link or attached screenshot

    Any chance to get this right?


    1. 2016-09-22_07h58_09
    Pankaj Sharma Moderator
    #970099

    Hi
    why you changed it to 0 ?
    Padding is for the border space you wanted , Beside do not compare it with the Testimonial block since each module has their own style code 🙂

    netzdesign24 Friend
    #970110

    Hi again,

    I want the same view as the "Latest Products" view in the demo without a shop module…

    Pankaj Sharma Moderator
    #970117

    Hi
    In case you want the same view you have to copy the html code from the demo site and publish it in the custom html module .
    http://prntscr.com/ckx2gt
    For example code for first module :

    <div class="product-item grid-1x1">
          <div class="image"><a href="http://ja-decor.demo.joomlart.com/index.php/en/category/product/45-bring-nature-into-the-office"><img src="http://ja-decor.demo.joomlart.com/components/com_mijoshop/opencart/image/cache/catalog/mi-3-600x600.jpg" alt="Bring nature into the office" title="Bring nature into the office" class="img-responsive"></a></div>
    
        </div>

    How it look like : http://prntscr.com/ckx359

    netzdesign24 Friend
    #970118

    Tested it straight away… still not the same view…

    Do I miss any Module Class suffix or something?

    Pankaj Sharma Moderator
    #970124

    Hi
    What is not in the view ? If you want the same effect to come the text on hover i am afraid its comes with the Mijoshop products and does not work without custom works .

    netzdesign24 Friend
    #970125

    Please take a lookm onto my site. I adjusted the hmtl code on all 4 positions (position-5 to 8) with your code but output iss still not same width than main content.

    see attached screens


    1. 2016-09-22_09h25_12
    netzdesign24 Friend
    #970207

    I found a way (maybe a bit complicated but effective)

    features.php: deleted spotlight-2

    <!--  <?php $this->loadBlock('spotlight-2') ?> -->

    Changed mainbody-features.php

                <!-- //MAIN CONTENT -->
    
                <?php if ($this->countModules('features-2')) : ?>
                    <div class="col-xs-12 <?php $this->_c('features-2') ?>">
                        <jdoc:include type="modules" name="<?php $this->_p('features-2') ?>" style="raw" />
                    </div>
                <?php endif ?>
    
                <?php if ($this->countModules('features-3')) : ?>
                    <div class="col-xs-12 <?php $this->_c('features-3') ?>">
                        <jdoc:include type="modules" name="<?php $this->_p('features-3') ?>" style="raw" />
                    </div>
                <?php endif ?>
    
                <?php if ($this->countModules('features-4')) : ?>
                    <div class="col-xs-12 t3-latest<?php $this->_c('features-4') ?>">
                        <jdoc:include type="modules" name="<?php $this->_p('features-4') ?>" style="raw" />
                    </div>
                <?php endif ?>
    
                <?php if ($this->checkSpotlight('spotlight-2', 'position-5, position-6, position-7, position-8')) : ?>
                    <div class="col-xs-12 t3-sl t3-sl-1">
                        <?php $this->spotlight('spotlight-2', 'position-5, position-6, position-7, position-8', array( 'style' => 'raw' )) ?>
                    </div>
                <?php endif ?>

    Result: perfect! 😉

    Pankaj Sharma Moderator
    #970243

    Greate to hear you sort it out .

    Regards

    netzdesign24 Friend
    #970434

    Just a quick question as I chaanged now the mainbody-features.php: is there a chance to mage this remanent as a new updated version of the template might override my changes?

    Is there anything like the custom.css for the php part available? How to make this change uncrossable???

    regards
    Geerd

Viewing 15 posts - 1 through 15 (of 18 total)

This topic contains 17 replies, has 2 voices, and was last updated by  Pankaj Sharma 7 years, 7 months ago.

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