Beste,
Is het mogelijk om de grootte van mijn winkel logo te veranderen in de invoice die automatisch verstuurd wordt?
Mijn winkellogo is nu over het hele scherm wat natuurlijk niet mooi is. Dit is veel te groot.
Ik heb gekeken in :
catalog/view/theme/default/template/mail/
daar staat deze regel:
<div style="width: 680px;"><a href="<?php echo $store_url; ?>" title="<?php echo $store_name; ?>"><img src="<?php echo $logo; ?>" alt="<?php echo $store_name; ?>" style="margin-bottom: 20px; border: none;" /></a>
<p style="margin-top: 0px; margin-bottom: 20px;"><?php echo $text_greeting; ?></p>
Moet ik daar iets in veranderen en zo ja wat?
Alvast bedankt.
gr. Patrick
In de css zie je dit staan, hiermee moet je het kunnen aanpassen bij de "width"
Weet alleen niet zeker of die die van de website erbij ook aanpast
#header #logo {
height: 100px;
left: 0;
margin: 0;
overflow: hidden;
position: absolute;
top: 0;
width: 240px;
}
Weet alleen niet zeker of die die van de website erbij ook aanpast
#header #logo {
height: 100px;
left: 0;
margin: 0;
overflow: hidden;
position: absolute;
top: 0;
width: 240px;
}
Het aanpassen via de css file zal niet lukken omdat de invoice hier volgens mij geen gebruik van maakt. Deze maakt enkel gebruik van inline css.
Je kunt het oplossen door de volgende regel te vervangen:
Door:
De max-width en max-height pas je dan aan naar de maximale grootte die je logo mag worden. De browser zal hem dan zelf netjes in verhouding schalen (zodat je geen afbeelding krijgt die uit proportie is). De eerste width mag je zo laten staan.
Succes! :-)
Je kunt het oplossen door de volgende regel te vervangen:
Code: Select all
<div style="width: 680px;"><a href="<?php echo $store_url; ?>" title="<?php echo $store_name; ?>"><img src="<?php echo $logo; ?>" alt="<?php echo $store_name; ?>" style="margin-bottom: 20px; border: none;" /></a>
Code: Select all
<div style="width: 680px;"><a href="{{ store_url }}" title="{{ store_name }}"><img src="{{ logo }}" alt="{{ store_name }}" style="margin-bottom: 20px; border: none; display: block; max-width:20px; max-height:20px; width: auto; height: auto; " /></a>
Succes! :-)
ocHost.nl - High quality Opencart webhosting and development
ochost wrote: ↑Thu Sep 21, 2017 5:20 amHet aanpassen via de css file zal niet lukken omdat de invoice hier volgens mij geen gebruik van maakt. Deze maakt enkel gebruik van inline css.
Je kunt het oplossen door de volgende regel te vervangen:Door:Code: Select all
<div style="width: 680px;"><a href="<?php echo $store_url; ?>" title="<?php echo $store_name; ?>"><img src="<?php echo $logo; ?>" alt="<?php echo $store_name; ?>" style="margin-bottom: 20px; border: none;" /></a>
De max-width en max-height pas je dan aan naar de maximale grootte die je logo mag worden. De browser zal hem dan zelf netjes in verhouding schalen (zodat je geen afbeelding krijgt die uit proportie is). De eerste width mag je zo laten staan.Code: Select all
<div style="width: 680px;"><a href="{{ store_url }}" title="{{ store_name }}"><img src="{{ logo }}" alt="{{ store_name }}" style="margin-bottom: 20px; border: none; display: block; max-width:20px; max-height:20px; width: auto; height: auto; " /></a>
Succes! :-)
Thanks.. dit was em..
Ik heb de code wel iets moeten aanpassen.. Anders kreeg ik {{ store name }} ipv het logo.
Ik heb de oude code gecombineerd met jou code. En dan het laatste stukje:
Nu komt het logo mooi links bovenin met de gewenste afmeting.
Ik heb de oude code gecombineerd met jou code. En dan het laatste stukje:
Code: Select all
<div style="width: 680px;"><a href="<?php echo $store_url; ?>" title="<?php echo $store_name; ?>"><img src="<?php echo $logo; ?>" alt="<?php echo $store_name; ?>" style="margin-bottom: 20px; border: none; display: block; max-width:360px; max-height:80px; width: auto; height: auto; " /></a>
Who is online
Users browsing this forum: No registered users and 32 guests