Change the Product List style and "Add to cart" Button problem. Please help!

ThemeBurn SupportForumsOpenCart ThemesShoppica 2 OpenCart ThemeChange the Product List style and "Add to cart" Button problem. Please help!

This topic has been marked as not resolved.

Attahed it”s a picture with my personal changes which i want to make at product list page, if you can help me.
Also i made some changes to make a slim list and my add to cart button now, doesn’t work.
Please help me, i use shoppica2 theme and 1.5.5.1 opencart shop.

this is my custom stylesheet from Shoppica 2 module.


.s_button_add_to_cart {
  overflow: hidden;
  margin-top: -25px;
  maargin-buttom: -15px;
  margin-left: 300px;
  padding-buttom: 2px
}

.s_list_view .s_item .s_price_holder.s_label  {
  top: 2px;
  <?php if ($language == 'ltr'): ?>
  right: 100px;
  <?php else: ?>
  left: 10px;
  <?php endif; ?>
}

.s_list_view .s_item {
  clear: both;
  padding: 0px 0px 0px 0px;
  border-top: 1px solid #eee;
}
.s_price_holder.s_size_1.s_label .s_price  {
  width: 36px;
  height: 27px;
  padding-top: 2px;
  margin-right: 200px;
  font-size: 12px;
  background-image: url(../images/price_0.png);
  background-repeat: no-repeat;
  background-position: center;
}

#categories .s_submenu {
  width: 300px;
}
#categories li .s_submenu .s_menu_group > ul > li {
  width: 115px;
}
.s_static #site_search input {
  width: 180px;
  height: 26px;
  margin-top: -4px;
  font-size: 13px;
}

#wrapper {
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
.s_item .s_description {
  margin-bottom: 0px;
  display: none !important;
  <?php if ($language == 'ltr'): ?>
  text-align: left;
  <?php else: ?>
  text-align: right;
  <?php endif; ?>
}
.s_list_view .s_item h3 {
  margin-bottom: -12x;
  margin-top: -2px;
  margin-left: -150px;
  padding-left: -2000px;
  padding-right: 100px;
  font-size: 12px;
}
.s_price_holder.s_size_1.s_label .s_currency.s_after {
  margin-top: -3px;
  display: none;
  font-size: 70%;
}
#product_buy label {
  display: block;
  <?php if ($language == 'ltr'): ?>
  float: left;
  <?php else: ?>
  float: right;
  <?php endif; ?>
  width: auto;
  height: 42px;
  margin-right: 5px;
  line-height: 42px;
  font-size: 13px;
}
#product_buy input {
  <?php if ($language == 'ltr'): ?>
  float: left;
  <?php else: ?>
  float: right;
  <?php endif; ?>
  width: 30px;
  margin-top: 13px;
  font-size: 13px;
}
.s_list_view .s_item:first-child,
.s_list_view .s_item:first-child:hover
{
  padding-top: 0px;
  border-top: none;
}

.s_list_view .s_item .s_item_info {
  padding-top: 2px;
  padding-bottom: -12px;
  }
.s_list_view .s_item .s_thumb {
  padding-top: 4px;
  padding-left: 0px;
  padding-right: 0px;
 display: none;
}

.s_list_view .s_description {
  display: none;
}
.s_list_view .s_thumb {
  padding: 4 !important;
  display: none;
}
.s_list_view .s_item .s_item_info {
  padding: 6;
}

October 20, 2013 at 7:56 pm #28307

Hi,

Can we take a look at your website as well?

You can use hidepost to share private information with the support staff.

Best,
ThemeBurn team

October 25, 2013 at 12:47 pm #28389

Hi,

My website is http://www.bearings-stock.com
If you need some other information for login please tell me. i want to solve the problem.

Regards,

October 27, 2013 at 7:07 pm #28430
You will need to register in order to post topics and read replies in the ThemeBurn.com support forums!
October 30, 2013 at 3:56 pm #28509

Thank you very much for codes, it’s working very good. You can also help with a quantity box module for product list which works good with Shoppica 2 ?

Best Regards,
Stoican Andrei

October 30, 2013 at 8:08 pm #28529

Hello Andrei,

Here are two tutorials how to add this quantity field in your category pages:

http://darrennolan.com/2012/06/15/opencart-adding-quantity-to-category-page/
http://siven76.wordpress.com/2013/04/29/opencart-add-a-quantity-box-on-product-list-pages/

Best,
ThemeBurn team

November 4, 2013 at 5:49 pm #28633
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.