Question

我在我的网站上使用了Yotpo的小部件，并希望将其置于中心位置。

它位于product-list.tpl中，所以我认为product-list.css应该是与div对话的css。

<div class="yotpo bottomLine" 
data-appkey="{$yotpoAppkey}" 
data-domain="{$yotpoDomain}" 
data-product-id="{$product.id_product}"
data-product-models="" 
data-name="{$product.name|escape:'htmlall':'UTF-8'}" 
data-url="{$product.link|escape:'htmlall':'UTF-8'}" 
data-image-url="{$link->getImageLink($product.link_rewrite, $product.id_image, '')}" 
data-description="{$product.description_short|strip_tags:'UTF-8'|truncate:360:'...'}"
data-lang="{$yotpoLanguage|escape:'htmlall':'UTF-8'}" 
data-bread-crumbs=""> 
</div>

我确实试过这个：

.yotpo_bottomline .{
text-align: center!important;
}

但那并没有真正起作用。

Answer 1

我使用内联样式来解决Shopify上我们的收藏页面中的问题。

在Yopto的主要数据调用之前的<div>中使用以下代码。填充是可选的，但与上面的元素相加一小部分。

<div style="margin: auto; width: 50%; padding: 5px;" class="yotpo bottomLine"

Yotpo <div>小部件中心</div>

1 个答案: