我正在尝试创建一个简单的项目符号列表,这些项目已经添加到购物车中,稍后将通过重力表单字段传递.这是我到目前为止提出的:
<?php global $woocommerce;
$items = $woocommerce->cart->get_cart();
foreach($items as $item => $product_id) { ?>
<li><?php echo $item; ?></li>
<?php } ?>
Run Code Online (Sandbox Code Playgroud)
我有2个项目添加到购物车,并得到一个结果:
但是,我试图抓住产品的标题而不是关键.
我有一个标准导航菜单,其中某些项目有子菜单。我希望子菜单有一个最小宽度和一个最大宽度。例如,子项的宽度至少为 150 像素,并且在分成多行之前可以增长到 250 像素宽。但是,由于子菜单绝对定位在相对定位的元素内部,因此子项目在分多行之前不会扩展到完整的最大宽度:
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
ul,
li {
list-style: none;
}
nav > ul {
font-size: 0;
}
nav > ul > li {
position: relative;
display: inline-block;
font-size: 1rem;
}
nav > ul > li > a {
display: block;
padding: 1em;
background-color: black;
color: white;
}
.sub-menu {
position: absolute;
left: 0;
top: 100%;
}
.sub-menu a {
display: block;
padding: 1em;
color: white;
background-color: red;
min-width: 150px;
max-width: …Run Code Online (Sandbox Code Playgroud)