X-Cart forums - Adding a graphic

X-Cart forums (https://forum.x-cart.com/index.php)

- Changing design (https://forum.x-cart.com/forumdisplay.php?f=51)

- - Adding a graphic (https://forum.x-cart.com/showthread.php?t=72168)

Re: Adding a graphic

Yes, I would always prefer to work with ftp, but just an FYI, you can do this through admin with Webmaster mode, and Edit Templates.

Re: Adding a graphic

doh ... yes of course . .. thanks I'll have a look later
cheers

Re: Adding a graphic

hi

Thanks I can see how it works now ... and I can add images in.. but, need help on positioning.. eg this puts up a credit card image, but simply follows on from the last include ie best sellers.

<div style="text-align: center; margin: 25px 0 10px 0;">
<img src="{$AltImagesDir}/cards.gif" alt="We accept American Express, Visa, Master Card and Diners." />
</div>

Is there anyway of forcing it to be at a certain position .. ideally at the bottom of the right_bar.tpl ?

Cheers
rjk

Re: Adding a graphic

Hi again,

Which .tpl file are you working in?

Regards

ITVV

Re: Adding a graphic

hi

Thanks for getting back to me ...it ended up being :-

skin/common_files/customer/right_bar.tpl

The problem for me it looks bare as it I don't have the affiliates etc where they would normally show.. so I want to stick in some logo's and images to brighten it up

thanks
rjk

Re: Adding a graphic

Hi again,

I am using a different skin which is using all sorts of different includes / CSS.

However, here is a very basic version of what I use for Credit Card Logos. Perhaps try this in your skin/common_files/customer/right_bar.tpl and adjust via CSS?

{*right_bar.tpl*}

Code:

<div class="payment_logos_new">

<ul><li><img class="lazy" src="{$ImagesDir}/spacer.gif" width="48" height="30" data-src="{$AltImagesDir}/payment/paypal.png" alt"PayPal">&nbsp;</li>

        <li><img class="lazy" src="{$ImagesDir}/spacer.gif" width="48" height="30" data-src="{$AltImagesDir}/payment/amex.png" alt="Amex">&nbsp;</li>

        <li><img class="lazy" src="{$ImagesDir}/spacer.gif" width="48" height="30" data-src="{$AltImagesDir}/payment/mastercard.png" alt="MasterCard">&nbsp;</li>

        <li><img class="lazy" src="{$ImagesDir}/spacer.gif" width="48" height="30" data-src="{$AltImagesDir}/payment/maestro2.png" alt="Maestro">&nbsp;</li>

        <li><img class="lazy" src="{$ImagesDir}/spacer.gif" width="48" height="30" data-src="{$AltImagesDir}/payment/switch2.png" alt="Switch">&nbsp;</li>

        <li><img class="lazy" src="{$ImagesDir}/spacer.gif" width="48" height="30" data-src="{$AltImagesDir}/payment/visa.png" alt="Visa">&nbsp;</li>

        <li><img class="lazy" src="{$ImagesDir}/spacer.gif" width="48" height="30" data-src="{$AltImagesDir}/payment/visae.png" alt="Electron"></li>

</ul>

</div>

CSS

Code:

/* NEW PAYMENT LOGOS HEADER

-------------------------------*/

div.payment_logos_new ul { text-align: center; margin: 0; margin-top: 0px; margin-bottom: -10px; padding: 0; }

div.payment_logos_new ul li { display: inline-block; padding-right: 0px; padding-top: 6px; }

div.payment_logos_new ul li span { white-space: nowrap; text-indent: 9999em; overflow: hidden; }

div.payment_logos_new ul li img { min-width: 48px; min-height: 30px; border-radius: 0px; }

Hope it helps a little?

Kind regards

ITVV

Re: Adding a graphic

hi thanks

I can now insert the images into the RIGHT_BAR.TPL but what I really need to be able to do is to position it at the bottom of the box.

What happens now is that it just follows the include which is RECENTLY VIEWED. As a result images vary position depending on how the RECENTLY VIEWED has been filled.

Is it possible to define where an image can go ?

thanks
rjk

Re: Adding a graphic

Code:

#right-bar .payment_logos_new {

  position: absolute;

  bottom: 0;

Re: Adding a graphic

Hi,

Did @cherie CSS do the trick for you?

Kind regards

ITVV

Re: Adding a graphic

Hi .. not really, I guess at the end of the day this is where you need to be a programmer .. which I'm not ....

But thanks for all the help anyway.

But the other (or major) problem I have is the import.php. You can set errors say = 100 but if there's one image that's wrong, then the whole thing stops, without importing anything, which is very frustrating, especially as we have 1000's of images to import !

There is a fix on here for v4.11, but I'm on v4.6, and the import.php code looks totally different.

I did buy the BCSEngineering import module for a whole lot of $$$, but they tell me it can't be installed, blaming my hosting company. So ended up being a waste of money, as I can't use it.

Any help on the import.php would be greatly appreciated

Thanks
rjk