Olyan problémám lenne, hogy létrehoztam egy webáruházat. A féltöltéshez CSV Importot használtam a webáruház a woocommerce alapot. A képfeltöltéssel viszont meggyűlt a bajom?
#1
Beleírta, olvasni tudsz-e?
Kérdező: "a kép méretek amit felszeretnék tölteni változó. A termék megjelenítésénél elcsúsznak stb. "
Úgy érted, hogy hol szélesebb, hol magasabb?
Erre szerintem a CSS megoldást nyújhat, én így csinálnám meg:
- minden ilyen képnek lenne egy közös class-a (pl.: kep)
- CSS-ben ez lenne pl.:
img.kep
{
max-height: 100px;
max-width: 50px;
}
Ha így írod, akkor nem lesz minden kép 100*50-es. Mondjuk, valószínűleg csak az eredetileg kisebbeknél érdekes ez szerintem... Illetve ez újabb CSS-megoldás.
A régebbi CSS-ben csak width és height van asszem, szerintem azokat is használhatod.
---
Ez keretrendszer független megoldási javaslat. Tehát nem tudom, hogy a "woocommerce"-ben hogyan lehet ezt véghezvinni. (Nem ismerem.)
Most ki is próbáltam.
(nem WordPress-ben)
CSS:
img.kep
{
max-width: 200px;
max-height: 200px;
}
A képeken meg ugye ott a class (<img class="kep" ... />).
Így jól működik, nem nyújta el semerre. (Álló és fekvő képpel is kipróbáltam.)
Viszont sima width és height esetén mindig kitölti ezt a négyzetet, azaz nyújta ha kell (álló képnél vízszintesen, fekvő képnél függőlegesen).
Tudnál egy kis HTML kódrészletet bemásolni ide?
Az érdekelne, hogyan néz ki egy ilyen kép és környéke HTML-ben.
<html xmlns="http://www.w3.org/1999/xhtml" lang="hu-HU" class="js"><head profile="http://gmpg.org/xfn/11">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>MS-101825 | LámpaPláza</title>
<link rel="stylesheet" href="http://www.lampaplaza.hu/wp-content/themes/eStore/style.css" type="text/css" media="screen">
<link rel="alternate" type="application/rss+xml" title="LámpaPláza RSS Feed" href="http://www.lampaplaza.hu/feed/">
<link rel="alternate" type="application/atom+xml" title="LámpaPláza Atom Feed" href="http://www.lampaplaza.hu/feed/atom/">
<link rel="pingback" href="http://www.lampaplaza.hu/xmlrpc.php">
<!--[if lt IE 7]>
<link rel="stylesheet" type="text/css" href="http://www.lampaplaza.hu/wp-content/themes/eStore/css/ie6style.css" />
<script type="text/javascript" src="http://www.lampaplaza.hu/wp-content/themes/eStore/js/DD_belatedPNG_0.0.8a-min.js"></script>
<script type="text/javascript">DD_belatedPNG.fix('img#logo');</script>
<![endif]-->
<!--[if IE 7]>
<link rel="stylesheet" type="text/css" href="http://www.lampaplaza.hu/wp-content/themes/eStore/css/ie7style.css" />
<![endif]-->
<!--[if IE 8]>
<link rel="stylesheet" type="text/css" href="http://www.lampaplaza.hu/wp-content/themes/eStore/css/ie8style.css" />
<![endif]-->
<script async="" src="//www.google-analytics.com/analytics.js"></script><script type="text/javascript">
document.documentElement.className = 'js';
</script>
<link rel="alternate" type="application/rss+xml" title="LámpaPláza » hírcsatorna" href="http://www.lampaplaza.hu/feed/">
<link rel="alternate" type="application/rss+xml" title="LámpaPláza » hozzászólás hírcsatorna" href="http://www.lampaplaza.hu/comments/feed/">
<link rel="alternate" type="application/rss+xml" title="LámpaPláza » MS-101825 hozzászólás hírcsatorna" href="http://www.lampaplaza.hu/termek/ms-101825/feed/">
<link rel="stylesheet" href="http://www.lampaplaza.hu/wp-content/themes/eStore/style-Green.css" type="text/css" media="screen">
<meta content="eStore v.4.4" name="generator"><link rel="stylesheet" id="nextgen_gallery_related_images-css" href="http://www.lampaplaza.hu/wp-content/plugins/nextgen-gallery/products/photocrati_nextgen/modules/nextgen_gallery_display/static/nextgen_gallery_related_images.css?ver=4.0" type="text/css" media="all">
<link rel="stylesheet" id="open-sans-css" href="//fonts.googleapis.com/css?family=Open+Sans%3A300italic%2C400italic%2C600italic%2C300%2C400%2C600&subset=latin%2Clatin-ext&ver=4.0" type="text/css" media="all">
<link rel="stylesheet" id="dashicons-css" href="http://www.lampaplaza.hu/wp-includes/css/dashicons.min.css?ver=4.0" type="text/css" media="all">
<link rel="stylesheet" id="admin-bar-css" href="http://www.lampaplaza.hu/wp-includes/css/admin-bar.min.css?ver=4.0" type="text/css" media="all">
<link rel="stylesheet" id="facebook_comments_master_wbcss-css" href="http://www.lampaplaza.hu/wp-content/plugins/facebook-comments-master/includes/facebook-comments-master-style.css?ver=4.0" type="text/css" media="all">
<link rel="stylesheet" id="woocommerce_prettyPhoto_css-css" href="//www.lampaplaza.hu/wp-content/plugins/woocommerce/assets/css/prettyPhoto.css?ver=4.0" type="text/css" media="all">
<link rel="stylesheet" id="woocommerce-layout-css" href="//www.lampaplaza.hu/wp-content/plugins/woocommerce/assets/css/woocommerce-layout.css?ver=2.2.4" type="text/css" media="all">
<link rel="stylesheet" id="woocommerce-smallscreen-css" href="//www.lampaplaza.hu/wp-content/plugins/woocommerce/assets/css/woocommerce-smallscreen.css?ver=2.2.4" type="text/css" media="only screen and (max-width: 768px)">
<link rel="stylesheet" id="woocommerce-general-css" href="//www.lampaplaza.hu/wp-content/plugins/woocommerce/assets/css/woocommerce.css?ver=2.2.4" type="text/css" media="all">
<link rel="stylesheet" id="recent-facebook-posts-css-css" href="http://www.lampaplaza.hu/wp-content/plugins/recent-facebook-posts/assets/css/default.min.css?ver=2.0.3" type="text/css" media="all">
<link rel="stylesheet" id="estore-fonts-css" href="http://fonts.googleapis.com/css?family=Raleway:400,300,200" type="text/css" media="all">
<link rel="stylesheet" id="et-shortcodes-css-css" href="http://www.lampaplaza.hu/wp-content/themes/eStore/epanel/shortcodes/css/shortcodes.css?ver=3.0" type="text/css" media="all">
<link rel="stylesheet" id="fancybox-css" href="http://www.lampaplaza.hu/wp-content/themes/eStore/epanel/page_templates/js/fancybox/jquery.fancybox-1.3.4.css?ver=1.3.4" type="text/css" media="screen">
<link rel="stylesheet" id="et_page_templates-css" href="http://www.lampaplaza.hu/wp-content/themes/eStore/epanel/page_templates/page_templates.css?ver=1.8" type="text/css" media="screen">
<script type="text/javascript">
/* <![CDATA[ */
var photocrati_ajax = {"url":"http:\/\/www.lampaplaza.hu\/photocrati_ajax","wp_home_url":"http:\/\/www.lampaplaza.hu","wp_site_url":"http:\/\/www.lampaplaza.hu","wp_root_url":"http:\/\/www.lampaplaza.hu","wp_plugins_url":"http:\/\/www.lampaplaza.hu\/wp-content\/plugins","wp_content_url":"http:\/\/www.lampaplaza.hu\/wp-content","wp_includes_url":"http:\/\/www.lampaplaza.hu\/wp-includes\/"};
/* ]]> */
</script>
<script type="text/javascript" src="http://www.lampaplaza.hu/wp-content/plugins/nextgen-gallery/products/photocrati_nextgen/modules/ajax/static/ajax.js?ver=4.0"></script>
<script type="text/javascript" src="http://www.lampaplaza.hu/wp-includes/js/jquery/jquery.js?ver=1.11.1"></script>
<script type="text/javascript" src="http://www.lampaplaza.hu/wp-includes/js/jquery/jquery-migrate.min.js?ver=1.2.1"></script>
<script type="text/javascript" src="http://www.lampaplaza.hu/wp-content/plugins/nextgen-gallery/products/photocrati_nextgen/modules/ajax/static/persist.js?ver=4.0"></script>
<script type="text/javascript" src="http://www.lampaplaza.hu/wp-content/plugins/nextgen-gallery/products/photocrati_nextgen/modules/ajax/static/store.js?ver=4.0"></script>
<script type="text/javascript" src="http://www.lampaplaza.hu/wp-content/plugins/nextgen-gallery/products/photocrati_nextgen/modules/ajax/static/ngg_store.js?ver=4.0"></script>
<script type="text/javascript" src="http://www.lampaplaza.hu/wp-content/plugins/nextgen-gallery/products/photocrati_nextgen/modules/lightbox/static/lightbox_context.js?ver=4.0"></script>
<link rel="EditURI" type="application/rsd+xml" title="RSD" href="http://www.lampaplaza.hu/xmlrpc.php?rsd">
<link rel="wlwmanifest" type="application/wlwmanifest+xml" href="http://www.lampaplaza.hu/wp-includes/wlwmanifest.xml">
<link rel="prev" title="MS-101891" href="http://www.lampaplaza.hu/termek/ms-101891/">
<link rel="next" title="MS-101890" href="http://www.lampaplaza.hu/termek/ms-101890/">
<meta name="generator" content="WordPress 4.0">
<meta name="generator" content="WooCommerce 2.2.4">
<link rel="shortlink" href="http://www.lampaplaza.hu/?p=13462">
<!-- <meta name="NextGEN" version="2.0.66.29" /> -->
<link rel="alternate" type="application/rss+xml" title="Új termékek" href="http://www.lampaplaza.hu/bolt/feed/"> <style type="text/css">
</style>
<!-- All in One SEO Pack 2.2.3.1 by Michael Torbert of Semper Fi Web Design[293,324] -->
<meta name="description" itemprop="description" content="VISLANDA asztali 1L fekete Chrom">
<link rel="canonical" href="http://www.lampaplaza.hu/termek/ms-101825/">
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-12595264-1', { 'cookieDomain': 'www.lampaplaza.hu' } );
ga('send', 'pageview');
</script>
<!-- /all in one seo pack -->
<style type="text/css" media="print">#wpadminbar { display:none; }</style>
<style type="text/css" media="screen">
html { margin-top: 32px !important; }
* html body { margin-top: 32px !important; }
@media screen and ( max-width: 782px ) {
html { margin-top: 46px !important; }
* html body { margin-top: 46px !important; }
}
</style>
<style type="text/css">
#et_pt_portfolio_gallery { margin-left: -41px; }
.et_pt_portfolio_item { margin-left: 31px; }
.et_portfolio_small { margin-left: -40px !important; }
.et_portfolio_small .et_pt_portfolio_item { margin-left: 29px !important; }
.et_portfolio_large { margin-left: -24px !important; }
.et_portfolio_large .et_pt_portfolio_item { margin-left: 4px !important; }
</style>
<link rel="stylesheet" id="woo-umf-style-css" href="http://www.lampaplaza.hu/wp-content/plugins/woocommerce-upload-my-file/css/woo-umf.css?ver=4.0" type="text/css" media="all">
</head>
<body class="single single-product postid-13462 logged-in admin-bar cufon-enabled woocommerce woocommerce-page chrome et_includes_sidebar customize-support">
<div id="header">
<div class="container clearfix">
<a href="http://www.lampaplaza.hu/"> <img src="http://www.lampaplaza.hu/wp-content/uploads/lampaplaza-logo.jpg" alt="LámpaPláza" id="logo"></a>
<ul id="top-menu" class="nav superfish clearfix sf-js-enabled"><li id="menu-item-6838" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-6838"><a href="http://www.lampaplaza.hu/cegismerteto">Cégismertető</a></li>
<li id="menu-item-6839" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-6839"><a href="http://www.lampaplaza.hu/informacio">Információ</a></li>
<li id="menu-item-6840" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-6840"><a href="http://www.lampaplaza.hu/fiokom/" class="sf-with-ul">Fiókom<span class="sf-sub-indicator"> »</span></a>
<ul class="sub-menu" style="display: none; visibility: hidden; margin-left: 0px;"><li class="top"><span class="menu-top"></span></li>
<li id="menu-item-6843" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-6843 second"><a href="http://www.lampaplaza.hu/kosar/">Kosár</a></li>
<li id="menu-item-12257" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-12257"><a href="http://www.lampaplaza.hu/penztar/">Pénztár</a></li>
<li id="menu-item-6935" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-6935"><a href="http://www.lampaplaza.hu/fiokom/edit-address/szállítás">Címem szerkesztése</a></li>
<li id="menu-item-7035" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-7035"><a href="http://www.lampaplaza.hu/fiokom/edit-account/">Jelszó módosítása</a></li>
</ul>
</li>
<li id="menu-item-6841" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-6841"><a href="http://www.lampaplaza.hu/penztar">Pénztár</a></li>
<li id="menu-item-6842" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-6842"><a href="http://www.lampaplaza.hu/elerhetoseg">Elérhetőség</a></li>
</ul>
<div id="search-bar">
<form method="get" id="searchform1" action="http://www.lampaplaza.hu/">
<input type="text" value="termék keresése..." name="s" id="searchinput">
<input type="image" src="http://www.lampaplaza.hu/wp-content/themes/eStore/images/search-icon.png" id="searchsubmit">
</form>
</div> <!-- #search-bar -->
<div id="menu">
<ul id="secondary-menu" class="nav superfish clearfix sf-js-enabled"><li id="menu-item-7370" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children"><a href="http://www.lampaplaza.hu/termekkategoria/belteri-lampak/" class="sf-with-ul"><strong>Beltéri lámpák</strong><span></span><span class="sf-sub-indicator"> »</span></a>
<ul class="sub-menu" style="display: none; visibility: hidden;">
<li id="menu-item-9895" class="menu-item menu-item-type-custom menu-item-object-custom"><a href="http://www.lampaplaza.hu/termekkategoria/belteri-lampak/allo-lampak/">Állólámpa<span></span></a></li>
<li id="menu-item-9896" class="menu-item menu-item-type-custom menu-item-object-custom"><a href="http://www.lampaplaza.hu/termekkategoria/belteri-lampak/asztali-lampak">Asztali lámpa<span></span></a></li>
<li id="menu-item-9897" class="menu-item menu-item-type-custom menu-item-object-custom"><a href="http://www.lampaplaza.hu/termekkategoria/belteri-lampak/beepitheto-lampak">Beépíthető lámpa<span></span></a></li>
<li id="menu-item-9898" class="menu-item menu-item-type-custom menu-item-object-custom"><a href="http://www.lampaplaza.hu/termekkategoria/belteri-lampak/csillar">Csillár<span></span></a></li>
<li id="menu-item-9899" class="menu-item menu-item-type-custom menu-item-object-custom"><a href="http://www.lampaplaza.hu/termekkategoria/belteri-lampak/fali-lampak">Fali lámpa<span></span></a></li>
<li id="menu-item-9901" class="menu-item menu-item-type-custom menu-item-object-custom"><a href="http://www.lampaplaza.hu/termekkategoria/belteri-lampak/fuggesztekek">Függeszték<span></span></a></li>
<li id="menu-item-9903" class="menu-item menu-item-type-custom menu-item-object-custom"><a href="http://www.lampaplaza.hu/termekkategoria/belteri-lampak/furdoszibai-lampak">Fürdőszobai világítás<span></span></a></li>
<li id="menu-item-9904" class="menu-item menu-item-type-custom menu-item-object-custom"><a href="http://www.lampaplaza.hu/termekkategoria/belteri-lampak/gyerekszobai-lampak">Gyerekszobai lámpa<span></span></a></li>
<li id="menu-item-9936" class="menu-item menu-item-type-custom menu-item-object-custom"><a href="http://www.lampaplaza.hu/termekkategoria/belteri-lampak/kepmegvilagitok">Képmegvilágítók<span></span></a></li>
<li id="menu-item-9932" class="menu-item menu-item-type-custom menu-item-object-custom"><a href="http://www.lampaplaza.hu/termekkategoria/belteri-lampak/led-szalagok">LED szalagok<span></span></a></li>
<li id="menu-item-9906" class="menu-item menu-item-type-custom menu-item-object-custom"><a href="http://www.lampaplaza.hu/termekkategoria/belteri-lampak/mennyezeti-lampak">Mennyezeti lámpa<span></span></a></li>
<li id="menu-item-9934" class="menu-item menu-item-type-custom menu-item-object-custom"><a href="http://www.lampaplaza.hu/termekkategoria/belteri-lampak/pultmegvilagitok">Pultmegvilágítók<span></span></a></li>
Kapcsolódó kérdések:
Minden jog fenntartva © 2025, www.gyakorikerdesek.hu
GYIK | Szabályzat | Jogi nyilatkozat | Adatvédelem | Cookie beállítások | WebMinute Kft. | Facebook | Kapcsolat: info(kukac)gyakorikerdesek.hu
Ha kifogással szeretne élni valamely tartalommal kapcsolatban, kérjük jelezze e-mailes elérhetőségünkön!