Where to go to edit these elements?

ThemeBurn SupportForumsOpenCart ThemesPavilion OpenCart ThemeWhere to go to edit these elements?

This topic has been marked as not resolved.

Using Pavilion/Shoppica Theme

Some help please, can’t find where to edit the following:

1) How to edit background color of title heading in all Category and Product pages

2) How to edit the color of Price circles that appear on product listings

3) How to edit the right column scope on all product pages

Thanks!

June 23, 2015 at 4:15 pm #41627

Still waiting on the first 2 questions. I’ve had a look at every thing I can think of. It should be straight forward, so pls do reply as soon as pos. I really need to get this done.

Found the answer to no.3 above. It wasn’t in the Right Column tab>Products as I thought it would be, but in Content tab>Product.

June 25, 2015 at 2:02 pm #41639

Ah! Found the answer to no.1, sorry guys, even though I bought the original Shoppica years ago, I’m still a beginner at this stuff!

** Still need to know where to change the colors for the Price circles.

June 25, 2015 at 6:27 pm #41641

Thought there was a place in the mod to change the color of the Price circles (or Price_holder). There isn’t. But then remembered the Custom Stylesheet. Found the correct code and simply edited as I liked. If anyone is trying to do the same:

Go to Pavilion control panel>Theme Settings>Custom (with the little CSS icon)>

Luckily, the code is near the beginning, find this:

.tb_listing.tb_grid_view .tb_product .tb_price_holder,
.tb_listing.tb_grid_view .tb_product .tb_price_holder .tb_price,
.tb_listing.tb_list_view .tb_product .tb_price_holder,
.tb_listing.tb_list_view .tb_product .tb_price_holder .tb_price
{
width: 70px;
height: 70px;
padding: 0;
line-height: 70px;
}
.tb_listing.tb_grid_view .tb_product .tb_price_holder,
.tb_listing.tb_list_view .tb_product .tb_price_holder
{
position: absolute;
z-index: 3;
top: -90px;
right: 0;
}
.tb_listing.tb_list_view .tb_product .tb_price_holder {
top: 0;
text-align: center;
}
.tb_listing.tb_list_view .tb_product .tb_description {
padding-right: 80px;
}
.tb_listing.tb_grid_view .tb_product .tb_price_holder .tb_price,
.tb_listing.tb_list_view .tb_product .tb_price_holder .tb_price
{
color: #fff;
background: #7d0a0a;
border-radius: 50%;
}
.tb_listing.tb_grid_view .tb_product .tb_price_holder .tb_promo_price,
.tb_listing.tb_list_view .tb_product .tb_price_holder .tb_promo_price
{
background: #f12b63;
}
.tb_listing.s_grid_view .tb_product .tb_price_holder .tb_promo_price,
.tb_listing.s_list_view .tb_product .tb_price_holder .tb_promo_price
{
background: #f12b63;
}
.tb_listing.tb_grid_view .tb_product .tb_price_holder:after,
.tb_listing.tb_list_view .tb_product .tb_price_holder:after
{

June 25, 2015 at 11:11 pm #41642

Hi,

1) All product pages has separate settings and do not inherit GLOBAL. You to change settings for:

- All Categories
- System > Product > Products by category and manufacturer
- System > Product > Products by manufacturer
- System > Product > Search
- System > Product > Specials

2) Unfortunately, Shoppica skin needs the extra CSS to get the custom price design.

3) Made a right column in the Content area in order to get a full width row with Related products.

BR,
ThemeBurn team

June 29, 2015 at 1:21 pm #41706
Viewing 5 posts - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.