Hi there, i cannot see on the css file how to remove certain elements from the default products that appear on the products.php, if anyone can help I wanted to make the follow changes:

1. Remove the "Prev" & "Next" buttons that appear when you have more than one image for the product.
2. Move the product product name from appearing on the right of the product image to below the image.
3. Lastly, remove the details and quick buy button

Jason

Hi Jason

To remove the detaillink & quickbuy look for something similar to this in your includes.php file & just remove the detaillink & quickbuy

$productpagelayout='productimage,productname,reviewstars, instock, listprice,price,detaillink,quickbuy';

Steve
Egerton Village, Bolton, UK

Hi Steve,

That worked, how about disabling the next and previous little links that appear on the products.php?

Also I wanted the product name and price to appear below the product image.

P.S. do you have capacity to help develop any new add-ons?

Jason

To remove the image navigator add this to the css file

div.imagenavigator{
display:none;
}

To move the product name and price to appear below the product image that is done using the parameters in the includes.php file

Steve
Egerton Village, Bolton, UK

Steve,

Do I add to the syle.css or the sctstyle1.css?

Thanks

Jason

Usually the style.css file or you can put it in the head of the products.php page, up to you

You have the ability to move elements around the products, proddetail & category pages via the includes file entries, this below an example.

$categorypagelayout='catname,catimage,description';
$detailpagelayout='navigation,productimage,productname,price,reviewstarslarge,listprice,sku,manufacturer,options,quantity,addtocart,shortdescription,description,previousnext,searchwords,socialmedia,reviews';
$productpagelayout='productimage,productname,reviewstars, instock, listprice,price,detaillink,quickbuy';

quote:

---

do you have capacity to help develop any new add-ons?

---

Sorry, no I do not

Steve
Egerton Village, Bolton, UK

Hi Steve,

The includes elements for the products.php page is:

$productpagelayout='productimage,productname,reviewstars, instock, listprice,price';

But at the moment the product name and price appears to the right of the image, cant see how I can change that from the above?

Thanks

Jason

Hi Jason

Is this the bags website? If so is this the products page layout you'd like?



If so then that is the products3.php page & all you do is rename that to products.php to utilise that layout.

Within your template you have products.php, products2.php & products3.php and they have slightly different layouts.
Decide which layout of products2 or products3 suits best and then rename to products.php.

PS - Make sure to remove the none used pages from the server as you don't want search engines indexing what's of zero use / not used

Steve
Egerton Village, Bolton, UK

Steve,

I hope you dont mind, I have a question about the cart, I am using product options for the colours.

When I use the drop down to choose a colour, the image of the product changes with the Alt Image/Alt Large Image, but when you add the product into the cart
the product image in he cart doesnt remain as the product colour of the option chose, it defaults to the main image colour. Any ideas?

Jason

Hi Jason,

If you’re using ALT IDs that is set by the small image of each individual product, whereas the image swaps are controlled as you say within the product options.

Steve

Steve, thank you so much that worked.

Another question if I may ask.

For the top right of the page where you hover on the view cart and you get to see what is in the cart, at the moment the "close", "checkout" and "X" to remove an
item from the basket appear as a red colour, where in the CSS file would i change the hex code for the colour?

Thanks

Jason

Hi Jason,

In minidropdowncart.css change the below marked in red to the colour of your choice:

Line 45:

/* ~~ Close and checkout buttons ~~*/
.ectdp_minicartclose, .ectdp_minicartcheckout{
cursor:pointer;
background:[red]#EE5249;[/red]
padding:2px 16px;
border-radius:4px;
line-height:38px;
}


Line 63:
/* ~~ Delete button ~~*/
a.deletecartitem{
color:#fff !important;
text-decoration:none;
background-color:[red]#EE5249[/red] !important;
border-radius: 50%;
width: 40px;
height: 40px;
font-size:0.9em;
padding:1px 4px;
}

Regards,

Steve

Steve,

The support from you guys/everyone on here is priceless.

Jason