Product circle label

How Can I add "per case" after the price

http://shopping.mdthermo.com/shop/tart- ... clear-pet/

http://shopping.mdthermo.com/

You may make a change into a VM layout file to add that text but it will appear in all price labels.

Hi,

@Don Lee, it's not a Joomla version

@carloshome this cirlce label comes from GK Widget Products Gallery, so you have to edit gavern/widgets.product_gallery.php file (around line 182), and replace this line:

Code: Select all

echo '<div class="gk-img-overlay">'.$price.'</div>';

with e.g. this one:

Code: Select all

echo '<div class="gk-img-overlay">'.$price.'<span class="per-case">per case</span></div>';

then add some css style with this selector

Code: Select all

.gk-product-gallery .gk-image .gk-img-overlay .amount

You can also use only css with pseudoelement :after

Code: Select all

.gk-product-gallery .gk-image .gk-img-overlay .amount:after {
    content: "per case";
    other rules..
}

Thank you that worked on the circles, how about where do we add "per case" after the price look at the sample page

http://shopping.mdthermo.com/shop/round ... r-no-hole/

Hi,

You can use woocommerce_get_price filter or copy price.php file from woocommerce plugins /templates/single-product/ to Storebox/woocommerce/single-product and change line

Code: Select all

<p itemprop="price" class="price"><?php echo $product->get_price_html(); ?></p>

to

Code: Select all

<p itemprop="price" class="price"><?php echo $product->get_price_html(); ?><span> per case</span></p>