Kezdőoldal » Számítástechnika » Internet » Olyan problémám lenne, hogy...

Sipos Gyula kérdése:

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?

Figyelt kérdés
Mert a kép méretek amit felszeretnék tölteni változó. A termék megjelenítésénél elcsúsznak stb. Egyesével sem tudom normális képet feltölteni. Elég sok képről van szó és nem szeretném egyesével hozzátenni a termékekhez. Van e valakinek bevált módszere programja az sem baj ha esetleg fizetni kell érte csak működjön?

2014. okt. 8. 10:59
 1/9 anonim ***** válasza:
milyen alapú a webáruház ? előre elkészített ?
2014. okt. 8. 11:12
Hasznos számodra ez a válasz?
 2/9 anonim ***** válasza:

#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.)

2014. okt. 8. 11:47
Hasznos számodra ez a válasz?
 3/9 anonim ***** válasza:

# 2/2


nem tudok

2014. okt. 8. 12:12
Hasznos számodra ez a válasz?
 4/9 A kérdező kommentje:
Ja bocsi lemaradt . WordPressbe
2014. okt. 8. 13:18
 5/9 A kérdező kommentje:
A kép mérete változó igen. Álló és fekvő formátumúak.
2014. okt. 8. 13:20
 6/9 anonim ***** válasza:

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).

2014. okt. 8. 14:12
Hasznos számodra ez a válasz?
 7/9 A kérdező kommentje:
Hát jól hangzik csak azt kellene kiderítenem ezt hogyan tudom a WP használni
2014. okt. 8. 14:17
 8/9 anonim ***** válasza:

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.

2014. okt. 8. 14:29
Hasznos számodra ez a válasz?
 9/9 A kérdező kommentje:

<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>

2014. okt. 8. 14:47

Kapcsolódó kérdések:





Minden jog fenntartva © 2024, www.gyakorikerdesek.hu
GYIK | Szabályzat | Jogi nyilatkozat | Adatvédelem | Cookie beállítások | WebMinute Kft. | Facebook | Kapcsolat: info(kukac)gyakorikerdesek.hu

A weboldalon megjelenő anyagok nem minősülnek szerkesztői tartalomnak, előzetes ellenőrzésen nem esnek át, az üzemeltető véleményét nem tükrözik.
Ha kifogással szeretne élni valamely tartalommal kapcsolatban, kérjük jelezze e-mailes elérhetőségünkön!